Download as
Browse Code »

Commit 4daf39898e08e9c46eba472e4d199cf9677161fe

Authored by Edmar Moretti
1 parent 8f714d9a
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Adaptação da ferramenta ANIMAGIF para Bootstrap

Showing 6 changed files with 144 additions and 136 deletions   Show diff stats
ferramentas/animagif/index.js
  Diff comments   View file @4daf398
... ... @@ -125,7 +125,9 @@ i3GEOF.animagif =
125 125 return;
126 126 }
127 127 $i(iddiv).innerHTML = i3GEOF.animagif.html();
128   - i3GEOF.animagif.rodape();
  128 + if (i3GEO.login.verificaCookieLogin() === true && i3GEO.parametros.editor === "sim" ) {
  129 + $(".i3GEOanimagif").find(".hidden").removeClass("hidden");
  130 + }
129 131 //
130 132 // verifica se a camada possui definicao dos parametros
131 133 //
... ... @@ -159,15 +161,33 @@ i3GEOF.animagif =
159 161 temp = $i("i3GEOANIMAGIFnulos");
160 162 temp.value = camada.ferramentas.animagif.nulos;
161 163 // combo para escolher a coluna com as datas
162   - i3GEO.util.comboItens("i3GEOanimagifcolunat", i3GEOF.animagif.tema, function(retorno) {
163   - $i("i3GEOANIMAGIFcolunatSel").innerHTML = retorno.dados;
164   - temp = $i("i3GEOANIMAGIFcolunatSel").getElementsByTagName("select")[0];
165   - temp.value = camada.ferramentas.animagif.colunat;
166   - }, "i3GEOanimagifcolunatSel");
  164 + i3GEO.util.comboItens(
  165 + "i3GEOanimagifcolunat",
  166 + i3GEOF.animagif.tema,
  167 + function(retorno) {
  168 + $i("i3GEOANIMAGIFcolunatSel").innerHTML = retorno.dados;
  169 + temp = $i("i3GEOANIMAGIFcolunatSel").getElementsByTagName("select")[0];
  170 + temp.value = camada.ferramentas.animagif.colunat;
  171 + },
  172 + "i3GEOanimagifcolunatSel",
  173 + "",
  174 + "sim",
  175 + "",
  176 + "form-control"
  177 + );
167 178 } else if (camada != "") {
168   - i3GEO.util.comboItens("i3GEOanimagifcolunat", i3GEOF.animagif.tema, function(retorno) {
169   - $i("i3GEOANIMAGIFcolunatSel").innerHTML = retorno.dados;
170   - }, "i3GEOanimagifcolunatSel");
  179 + i3GEO.util.comboItens(
  180 + "i3GEOanimagifcolunat",
  181 + i3GEOF.animagif.tema,
  182 + function(retorno) {
  183 + $i("i3GEOANIMAGIFcolunatSel").innerHTML = retorno.dados;
  184 + },
  185 + "i3GEOanimagifcolunatSel",
  186 + "",
  187 + "sim",
  188 + "",
  189 + "form-control"
  190 + );
171 191 $i("i3GEOANIMAGIFextensao").value = i3GEO.parametros.mapexten;
172 192 }
173 193 } else{
... ... @@ -178,50 +198,6 @@ i3GEOF.animagif =
178 198 }
179 199 i3GEOF.animagif.ativaFoco();
180 200 },
181   - rodape : function() {
182   - var ins =
183   - '<input class="paragrafo" id="i3GEOanimagifbotao1" type="button" value="' + $trad('geragif', i3GEOF.animagif.dicionario)
184   - + '" style="cursor:pointer;color:blue"/>';
185   - if (i3GEO.login.verificaCookieLogin() === true) {
186   - ins +=
187   - '<input class="paragrafo" style="margin-top:3px;" id="i3GEOanimagifbotaoSalva" type="button" value="' + $trad(
188   - 'salvaParametros',
189   - i3GEOF.animagif.dicionario)
190   - + '" style="cursor:pointer;color:blue"/>';
191   - ins +=
192   - '<input class="paragrafo" style="margin-top:3px;" id="i3GEOanimagifbotaoRemove" type="button" value="' + $trad(
193   - 'removeParametros',
194   - i3GEOF.animagif.dicionario)
195   - + '" style="cursor:pointer;color:blue"/>';
196   - }
197   - YAHOO.i3GEO.janela.manager.find("i3GEOF.animagif").setFooter(ins);
198   -
199   - var b = new YAHOO.widget.Button("i3GEOanimagifbotao1", {
200   - onclick : {
201   - fn : i3GEOF.animagif.ativa
202   - }
203   - });
204   - b.addClass("rodar");
205   - $i("i3GEOanimagifbotao1-button").style.width = "350px";
206   - if (i3GEO.login.verificaCookieLogin() === true && i3GEO.parametros.editor === "sim" ) {
207   - $i("parametrosComLogin").style.display = 'block';
208   - b = new YAHOO.widget.Button("i3GEOanimagifbotaoSalva", {
209   - onclick : {
210   - fn : i3GEOF.animagif.salvaParametros
211   - }
212   - });
213   - b.addClass("rodar");
214   - $i("i3GEOanimagifbotaoSalva-button").style.width = "350px";
215   -
216   - b = new YAHOO.widget.Button("i3GEOanimagifbotaoRemove", {
217   - onclick : {
218   - fn : i3GEOF.animagif.removeParametros
219   - }
220   - });
221   - b.addClass("rodar");
222   - $i("i3GEOanimagifbotaoRemove-button").style.width = "350px";
223   - }
224   - },
225 201 /*
226 202 * Function: html
227 203 *
... ... @@ -260,12 +236,30 @@ i3GEOF.animagif =
260 236 };
261 237 // cria a janela flutuante
262 238 titulo =
263   - "<div id='i3GEOFanimagifComboCabeca' class='comboTemasCabecalhoBs form-group' style='width:200px; left:5px;'> ------</div></div>"
  239 + "<div id='i3GEOFanimagifComboCabeca' class='comboTemasCabecalhoBs form-group' style='width:200px; left:15px;'> ------</div></div>"
264 240 +"<a class='i3GeoTituloJanelaBs' target=_blank href='"
265 241 + i3GEO.configura.locaplic
266 242 + "/ajuda_usuario.php?idcategoria=5&idajuda=130' >animagif</a>";
267 243  
268   - janela = i3GEO.janela.cria("380px", "380px", "", "", "", titulo, "i3GEOF.animagif", false, "hd", cabecalho, minimiza, "", true);
  244 + janela = i3GEO.janela.cria(
  245 + "380px",
  246 + "380px",
  247 + "",
  248 + "",
  249 + "",
  250 + titulo,
  251 + "i3GEOF.animagif",
  252 + false,
  253 + "hd",
  254 + cabecalho,
  255 + minimiza,
  256 + "",
  257 + true,
  258 + "",
  259 + "",
  260 + "",
  261 + ""
  262 + );
269 263 divid = janela[2].id;
270 264 i3GEOF.animagif.aguarde = $i("i3GEOF.animagif_imagemCabecalho").style;
271 265 $i("i3GEOF.animagif_corpo").style.backgroundColor = "white";
... ...
ferramentas/animagif/template_mst.html
  Diff comments   View file @4daf398
1   -<div style='text-align: left; background: yellow;'
2   - id='i3GEOANIMAGIFresultado'></div>
3   -<div style='display: none;' id='parametrosComLogin'>
4   - <p class='paragrafo'>
5   - <input type='checkbox' id='ativaAoAdic' /><label>{{{ativaAoAdic}}}</label>
6   - <p class='paragrafo'>
7   - <input type='checkbox' id='execAoAdic' /><label>{{{execAoAdic}}}</label>
8   -</div>
9   -<p class='paragrafo'>{{{colunat}}}
10   -<div id='i3GEOANIMAGIFcolunatSel' class='styled-select'></div>
11   -<br>
12   -<p class='paragrafo'>{{{tipocolunat}}}
13   -<div id='i3GEOANIMAGIFtipocolunat' class='styled-select'>
14   - <select>
15   - <option value='numero'>{{{numerico}}}</option>
16   - <option value='string'>{{{texto}}}</option>
17   - </select>
18   -</div>
19   -<br>
20   -<p class='paragrafo'>{{{tempo}}}
21   -<div class='i3geoForm i3geoFormIconeNumero'>
22   - <input type='number' value='40' id='i3GEOANIMAGIFtempo' />
23   -</div>
24   -<br>
25   -<p class='paragrafo'>{{{w}}}
26   -<div class='i3geoForm i3geoFormIconeNumero'>
27   - <input type='number' value='500' id='i3GEOANIMAGIFw' />
28   -</div>
29   -<br>
30   -<p class='paragrafo'>{{{h}}}
31   -<div class='i3geoForm i3geoFormIconeNumero'>
32   - <input type='number' value='500' id='i3GEOANIMAGIFh' />
33   -</div>
34   -<br>
35   -<p class='paragrafo'>{{{cache}}}
36   -<div id='i3GEOANIMAGIFcache' class='styled-select'>
37   - <select>
38   - <option value='sim'>{{{sim}}}</option>
39   - <option value='nao'>{{{nao}}}</option>
40   - </select>
41   -</div>
42   -<br>
43   -<p class='paragrafo'>{{{extensao}}}
44   -<div class='i3geoForm i3geoFormIconeEdita'>
45   - <input type='text' value='' id='i3GEOANIMAGIFextensao' />
46   -</div>
47   -<br>
48   -<p class='paragrafo'>{{{legenda}}}
49   -<div id='i3GEOANIMAGIFlegenda' class='styled-select'>
50   - <select>
51   - <option value='sim'>{{{sim}}}</option>
52   - <option value='nao'>{{{nao}}}</option>
53   - </select>
54   -</div>
55   -<br>
56   -<p class='paragrafo'>{{{transparencia}}}
57   -<div id='i3GEOANIMAGIFtransparencia' class='styled-select'>
58   - <select>
59   - <option value='sim'>{{{sim}}}</option>
60   - <option value='nao'>{{{nao}}}</option>
61   - </select>
62   -</div>
63   -<br>
64   -<p class='paragrafo'>{{{operador}}}
65   -<div class='styled-select' id='i3GEOANIMAGIFoperador'>
66   - <select >
67   - <option value=''>=</option>
68   - <option value='lt'>lt</option>
69   - <option value='gt'>gt</option>
70   - </select>
71   -</div>
72   -<br>
73   -<p class='paragrafo'>{{{nulos}}}
74   -<div class='i3geoForm i3geoFormIconeEdita'>
75   - <input type='text' value='' id='i3GEOANIMAGIFnulos' />
76   -</div>
77   -<br><br>
  1 +<div class='container-fluid i3GEOanimagif'>
  2 + <div class="checkbox text-left hidden">
  3 + <label>
  4 + <input checked id='ativaAoAdic' type="checkbox">
  5 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{ativaAoAdic}}}
  6 + </label>
  7 + </div>
  8 + <div class="checkbox text-left hidden">
  9 + <label>
  10 + <input checked id='execAoAdic' type="checkbox">
  11 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{execAoAdic}}}
  12 + </label>
  13 + </div>
  14 + <div class='form-group label-fixed condensed'>
  15 + <label class="control-label" for="i3GEOANIMAGIFcolunatSel">{{{colunat}}}</label>
  16 + <div class="input-group">
  17 + <div id='i3GEOANIMAGIFcolunatSel'></div>
  18 + </div>
  19 + </div>
  20 + <div class='form-group label-fixed condensed'>
  21 + <label class="control-label" >{{{tipocolunat}}}</label>
  22 + <div id='i3GEOANIMAGIFtipocolunat' class="input-group">
  23 + <select class="form-control">
  24 + <option value='numero'>{{{numerico}}}</option>
  25 + <option value='string'>{{{texto}}}</option>
  26 + </select>
  27 + </div>
  28 + </div>
  29 + <div class='form-group label-fixed condensed'>
  30 + <label class="control-label" for="i3GEOANIMAGIFtempo">{{{tempo}}}</label>
  31 + <input class="form-control input-lg" type='text' id='i3GEOANIMAGIFtempo' value='40' />
  32 + </div>
  33 + <div class='form-group label-fixed condensed'>
  34 + <label class="control-label" for="i3GEOANIMAGIFw">{{{w}}}</label>
  35 + <input class="form-control input-lg" type='text' id='i3GEOANIMAGIFw' value='500' />
  36 + </div>
  37 + <div class='form-group label-fixed condensed'>
  38 + <label class="control-label" for="i3GEOANIMAGIFh">{{{h}}}</label>
  39 + <input class="form-control input-lg" type='text' id='i3GEOANIMAGIFh' value='500' />
  40 + </div>
  41 + <div class='form-group label-fixed condensed'>
  42 + <label class="control-label" >{{{cache}}}</label>
  43 + <div id='i3GEOANIMAGIFcache' class="input-group">
  44 + <select class="form-control">
  45 + <option value='sim'>{{{sim}}}</option>
  46 + <option value='nao'>{{{nao}}}</option>
  47 + </select>
  48 + </div>
  49 + </div>
  50 + <div class='form-group label-fixed condensed'>
  51 + <label class="control-label" for="i3GEOANIMAGIFextensao">{{{extensao}}}</label>
  52 + <input class="form-control input-lg" type='text' id='i3GEOANIMAGIFextensao' value='' />
  53 + </div>
  54 + <div class='form-group label-fixed condensed'>
  55 + <label class="control-label" >{{{legenda}}}</label>
  56 + <div id='i3GEOANIMAGIFlegenda' class="input-group">
  57 + <select class="form-control">
  58 + <option value='sim'>{{{sim}}}</option>
  59 + <option value='nao'>{{{nao}}}</option>
  60 + </select>
  61 + </div>
  62 + </div>
  63 + <div class='form-group label-fixed condensed'>
  64 + <label class="control-label" >{{{transparencia}}}</label>
  65 + <div id='i3GEOANIMAGIFtransparencia' class="input-group">
  66 + <select class="form-control">
  67 + <option value='sim'>{{{sim}}}</option>
  68 + <option value='nao'>{{{nao}}}</option>
  69 + </select>
  70 + </div>
  71 + </div>
  72 + <div class='form-group label-fixed condensed'>
  73 + <label class="control-label" >{{{operador}}}</label>
  74 + <div id='i3GEOANIMAGIFoperador' class="input-group">
  75 + <select class="form-control">
  76 + <option value=''>=</option>
  77 + <option value='lt'>lt</option>
  78 + <option value='gt'>gt</option>
  79 + </select>
  80 + </div>
  81 + </div>
  82 + <div class='form-group label-fixed condensed'>
  83 + <label class="control-label" for="i3GEOANIMAGIFnulos">{{{nulos}}}</label>
  84 + <input class="form-control input-lg" type='text' id='i3GEOANIMAGIFnulos' value='' />
  85 + </div>
  86 +
  87 + <button onclick='i3GEOF.animagif.ativa()' class='btn btn-primary btn-sm btn-raised'>{{{geragif}}}</button>
  88 + <button onclick='i3GEOF.animagif.salvaParametros()' class='btn btn-primary btn-sm btn-raised hidden'>{{{salvaParametros}}}</button>
  89 + <button onclick='i3GEOF.animagif.removeParametros()' class='btn btn-primary btn-sm btn-raised hidden'>{{{removeParametros}}}</button>
  90 +
  91 +</div>
78 92 \ No newline at end of file
... ...
ferramentas/storymap/index.js
  Diff comments   View file @4daf398
... ... @@ -137,7 +137,7 @@ i3GEOF.storymap =
137 137 }
138 138 $i(iddiv).innerHTML = i3GEOF.storymap.html();
139 139 if (i3GEO.login.verificaCookieLogin() === true && i3GEO.parametros.editor === "sim") {
140   - $(".hidden").removeClass("hidden");
  140 + $(".i3GEOstorymap").find(".hidden").removeClass("hidden");
141 141 }
142 142 try {
143 143 //
... ...
ferramentas/storymap/template_mst.html
  Diff comments   View file @4daf398
1   -<div class='container-fluid'>
  1 +<div class='container-fluid i3GEOstorymap'>
2 2 <div class='form-group label-fixed condensed'>
3 3 <label class="control-label" for="i3GEOStocabecalho">{{{cabecalho}}}</label>
4 4 <input class="form-control input-lg" type='text' id='i3GEOStocabecalho' value='' />
... ...
ferramentas/tme/index.js
  Diff comments   View file @4daf398
... ... @@ -152,7 +152,7 @@ i3GEOF.tme =
152 152 }
153 153 $i(iddiv).innerHTML = i3GEOF.tme.html();
154 154 if (i3GEO.login.verificaCookieLogin() === true && i3GEO.parametros.editor === "sim") {
155   - $(".hidden").removeClass("hidden");
  155 + $(".i3GEOTME").find(".hidden").removeClass("hidden");
156 156 }
157 157 try {
158 158 //
... ...
ferramentas/tme/template_mst.html
  Diff comments   View file @4daf398
1   -<div class='container-fluid'>
  1 +<div class='container-fluid i3GEOTME'>
2 2 <div class="alert alert-info" id='i3GEOTMEresultado'></div>
3 3  
4 4 <div class="hidden" id='parametrosComLogin'>
... ...