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,7 +125,9 @@ i3GEOF.animagif =
125 return; 125 return;
126 } 126 }
127 $i(iddiv).innerHTML = i3GEOF.animagif.html(); 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 // verifica se a camada possui definicao dos parametros 132 // verifica se a camada possui definicao dos parametros
131 // 133 //
@@ -159,15 +161,33 @@ i3GEOF.animagif = @@ -159,15 +161,33 @@ i3GEOF.animagif =
159 temp = $i("i3GEOANIMAGIFnulos"); 161 temp = $i("i3GEOANIMAGIFnulos");
160 temp.value = camada.ferramentas.animagif.nulos; 162 temp.value = camada.ferramentas.animagif.nulos;
161 // combo para escolher a coluna com as datas 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 } else if (camada != "") { 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 $i("i3GEOANIMAGIFextensao").value = i3GEO.parametros.mapexten; 191 $i("i3GEOANIMAGIFextensao").value = i3GEO.parametros.mapexten;
172 } 192 }
173 } else{ 193 } else{
@@ -178,50 +198,6 @@ i3GEOF.animagif = @@ -178,50 +198,6 @@ i3GEOF.animagif =
178 } 198 }
179 i3GEOF.animagif.ativaFoco(); 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 * Function: html 202 * Function: html
227 * 203 *
@@ -260,12 +236,30 @@ i3GEOF.animagif = @@ -260,12 +236,30 @@ i3GEOF.animagif =
260 }; 236 };
261 // cria a janela flutuante 237 // cria a janela flutuante
262 titulo = 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 +"<a class='i3GeoTituloJanelaBs' target=_blank href='" 240 +"<a class='i3GeoTituloJanelaBs' target=_blank href='"
265 + i3GEO.configura.locaplic 241 + i3GEO.configura.locaplic
266 + "/ajuda_usuario.php?idcategoria=5&idajuda=130' >animagif</a>"; 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 divid = janela[2].id; 263 divid = janela[2].id;
270 i3GEOF.animagif.aguarde = $i("i3GEOF.animagif_imagemCabecalho").style; 264 i3GEOF.animagif.aguarde = $i("i3GEOF.animagif_imagemCabecalho").style;
271 $i("i3GEOF.animagif_corpo").style.backgroundColor = "white"; 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 \ No newline at end of file 92 \ No newline at end of file
ferramentas/storymap/index.js
  Diff comments   View file @4daf398
@@ -137,7 +137,7 @@ i3GEOF.storymap = @@ -137,7 +137,7 @@ i3GEOF.storymap =
137 } 137 }
138 $i(iddiv).innerHTML = i3GEOF.storymap.html(); 138 $i(iddiv).innerHTML = i3GEOF.storymap.html();
139 if (i3GEO.login.verificaCookieLogin() === true && i3GEO.parametros.editor === "sim") { 139 if (i3GEO.login.verificaCookieLogin() === true && i3GEO.parametros.editor === "sim") {
140 - $(".hidden").removeClass("hidden"); 140 + $(".i3GEOstorymap").find(".hidden").removeClass("hidden");
141 } 141 }
142 try { 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 <div class='form-group label-fixed condensed'> 2 <div class='form-group label-fixed condensed'>
3 <label class="control-label" for="i3GEOStocabecalho">{{{cabecalho}}}</label> 3 <label class="control-label" for="i3GEOStocabecalho">{{{cabecalho}}}</label>
4 <input class="form-control input-lg" type='text' id='i3GEOStocabecalho' value='' /> 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,7 +152,7 @@ i3GEOF.tme =
152 } 152 }
153 $i(iddiv).innerHTML = i3GEOF.tme.html(); 153 $i(iddiv).innerHTML = i3GEOF.tme.html();
154 if (i3GEO.login.verificaCookieLogin() === true && i3GEO.parametros.editor === "sim") { 154 if (i3GEO.login.verificaCookieLogin() === true && i3GEO.parametros.editor === "sim") {
155 - $(".hidden").removeClass("hidden"); 155 + $(".i3GEOTME").find(".hidden").removeClass("hidden");
156 } 156 }
157 try { 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 <div class="alert alert-info" id='i3GEOTMEresultado'></div> 2 <div class="alert alert-info" id='i3GEOTMEresultado'></div>
3 3
4 <div class="hidden" id='parametrosComLogin'> 4 <div class="hidden" id='parametrosComLogin'>