Download as
Browse Code »

Commit 8f714d9a4c83592432eca7184904f52360f06f16

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

Adaptação da ferramenta STORYMAP para Bootstrap

Showing 2 changed files with 73 additions and 81 deletions   Show diff stats
ferramentas/storymap/index.js
  Diff comments   View file @8f714d9
@@ -136,7 +136,9 @@ i3GEOF.storymap = @@ -136,7 +136,9 @@ i3GEOF.storymap =
136 return; 136 return;
137 } 137 }
138 $i(iddiv).innerHTML = i3GEOF.storymap.html(); 138 $i(iddiv).innerHTML = i3GEOF.storymap.html();
139 - i3GEOF.storymap.rodape(); 139 + if (i3GEO.login.verificaCookieLogin() === true && i3GEO.parametros.editor === "sim") {
  140 + $(".hidden").removeClass("hidden");
  141 + }
140 try { 142 try {
141 // 143 //
142 // verifica se a camada possui definicao dos parametros 144 // verifica se a camada possui definicao dos parametros
@@ -149,7 +151,7 @@ i3GEOF.storymap = @@ -149,7 +151,7 @@ i3GEOF.storymap =
149 var combo = function(dados, idonde) { 151 var combo = function(dados, idonde) {
150 var n, i, ins; 152 var n, i, ins;
151 n = dados.length; 153 n = dados.length;
152 - ins = "<select id='" + idonde + "Combo' >"; 154 + ins = "<select class='form-control' id='" + idonde + "Combo' >";
153 ins += "<option value='' >---</option>"; 155 ins += "<option value='' >---</option>";
154 for (i = 0; i < n; i++) { 156 for (i = 0; i < n; i++) {
155 ins += "<option value='" + dados[i]["item"] + "' >" + dados[i]["item"] + "</option>"; 157 ins += "<option value='" + dados[i]["item"] + "' >" + dados[i]["item"] + "</option>";
@@ -180,52 +182,6 @@ i3GEOF.storymap = @@ -180,52 +182,6 @@ i3GEOF.storymap =
180 i3GEO.janela.tempoMsg(erro); 182 i3GEO.janela.tempoMsg(erro);
181 } 183 }
182 }, 184 },
183 - rodape : function() {  
184 - var ins =  
185 - '<input class="paragrafo" id="i3GEOstobotao1" type="button" value="' + $trad('aplicar', i3GEOF.storymap.dicionario)  
186 - + '" style="cursor:pointer;color:blue"/>';  
187 - if (i3GEO.login.verificaCookieLogin() === true) {  
188 - ins +=  
189 - '<input class="paragrafo" style="margin-top:3px;" id="i3GEOstobotaoSalva" type="button" value="' + $trad(  
190 - 'salvaParametros',  
191 - i3GEOF.storymap.dicionario)  
192 - + '" style="cursor:pointer;color:blue"/>';  
193 - ins +=  
194 - '<input class="paragrafo" style="margin-top:3px;" id="i3GEOstobotaoRemove" type="button" value="' + $trad(  
195 - 'removeParametros',  
196 - i3GEOF.storymap.dicionario)  
197 - + '" style="cursor:pointer;color:blue"/>';  
198 - }  
199 - YAHOO.i3GEO.janela.manager.find("i3GEOF.storymap").setFooter(ins);  
200 -  
201 - var b = new YAHOO.widget.Button("i3GEOstobotao1", {  
202 - onclick : {  
203 - fn : function() {  
204 - window.open(i3GEO.configura.locaplic + "/ferramentas/storymap/default.php?layers=&tema=" + i3GEOF.storymap.tema);  
205 - }  
206 - }  
207 - });  
208 - b.addClass("rodar");  
209 - $i("i3GEOstobotao1-button").style.width = "350px";  
210 - if (i3GEO.login.verificaCookieLogin() === true) {  
211 - $i("parametrosComLoginSto").style.display = 'block';  
212 - b = new YAHOO.widget.Button("i3GEOstobotaoSalva", {  
213 - onclick : {  
214 - fn : i3GEOF.storymap.salvaParametros  
215 - }  
216 - });  
217 - b.addClass("rodar");  
218 - $i("i3GEOstobotaoSalva-button").style.width = "350px";  
219 -  
220 - b = new YAHOO.widget.Button("i3GEOstobotaoRemove", {  
221 - onclick : {  
222 - fn : i3GEOF.storymap.removeParametros  
223 - }  
224 - });  
225 - b.addClass("rodar");  
226 - $i("i3GEOstobotaoRemove-button").style.width = "350px";  
227 - }  
228 - },  
229 /* 185 /*
230 * Function: html 186 * Function: html
231 * 187 *
@@ -263,11 +219,29 @@ i3GEOF.storymap = @@ -263,11 +219,29 @@ i3GEOF.storymap =
263 }; 219 };
264 // cria a janela flutuante 220 // cria a janela flutuante
265 titulo = 221 titulo =
266 - "<div id='i3GEOFstoComboCabeca' class='comboTemasCabecalhoBs form-group' style='width:200px; left:5px;'> ------</div>" 222 + "<div id='i3GEOFstoComboCabeca' class='comboTemasCabecalhoBs form-group' style='width:200px; left:15px;'> ------</div>"
267 + "</div><a class='i3GeoTituloJanelaBs' target=_blank href='" 223 + "</div><a class='i3GeoTituloJanelaBs' target=_blank href='"
268 + i3GEO.configura.locaplic 224 + i3GEO.configura.locaplic
269 + "/ajuda_usuario.php?idcategoria=5&idajuda=108' >Storymap</a>"; 225 + "/ajuda_usuario.php?idcategoria=5&idajuda=108' >Storymap</a>";
270 - janela = i3GEO.janela.cria("380px", "320px", "", "", "", titulo, "i3GEOF.storymap", false, "hd", cabecalho, minimiza, "", true); 226 + janela = i3GEO.janela.cria(
  227 + "380px",
  228 + "320px",
  229 + "",
  230 + "",
  231 + "",
  232 + titulo,
  233 + "i3GEOF.storymap",
  234 + false,
  235 + "hd",
  236 + cabecalho,
  237 + minimiza,
  238 + "",
  239 + true,
  240 + "",
  241 + "",
  242 + "",
  243 + ""
  244 + );
271 divid = janela[2].id; 245 divid = janela[2].id;
272 i3GEOF.storymap.aguarde = $i("i3GEOF.storymap_imagemCabecalho").style; 246 i3GEOF.storymap.aguarde = $i("i3GEOF.storymap_imagemCabecalho").style;
273 $i("i3GEOF.storymap_corpo").style.backgroundColor = "white"; 247 $i("i3GEOF.storymap_corpo").style.backgroundColor = "white";
ferramentas/storymap/template_mst.html
  Diff comments   View file @8f714d9
1 -<div style='display: block;' id='parametrosComLoginSto'>  
2 -<p class='paragrafo'>{{{cabecalho}}}  
3 -<div class='i3geoForm i3geoFormIconeEdita'>  
4 - <input type='text' value='' id='i3GEOStocabecalho' />  
5 -</div>  
6 -<br>  
7 -<p class='paragrafo'>{{{texto}}}  
8 -<div class='i3geoForm i3geoFormIconeEdita'>  
9 - <input type='text' value='' id='i3GEOStotexto' />  
10 -</div>  
11 -<br>  
12 -<p class='paragrafo'>{{{colcabecalho}}}</p>  
13 -<div class='styled-select' id='i3GEOstocolcabecalho'></div>  
14 -<br>  
15 -<p class='paragrafo'>{{{coltexto}}}</p>  
16 -<div class='styled-select' id='i3GEOstocoltexto'></div>  
17 -<br>  
18 -<p class='paragrafo'>{{{collocal}}}</p>  
19 -<div class='styled-select' id='i3GEOstocollocal'></div>  
20 -<br>  
21 -<p class='paragrafo'>{{{colmedia}}}</p>  
22 -<div class='styled-select' id='i3GEOstocolmedia'></div>  
23 -<br>  
24 -<p class='paragrafo'>{{{collon}}}</p>  
25 -<div class='styled-select' id='i3GEOstocollon'></div>  
26 -<br>  
27 -<p class='paragrafo'>{{{collat}}}</p>  
28 -<div class='styled-select' id='i3GEOstocollat'></div>  
29 -<br>  
30 -</div>  
31 - 1 +<div class='container-fluid'>
  2 + <div class='form-group label-fixed condensed'>
  3 + <label class="control-label" for="i3GEOStocabecalho">{{{cabecalho}}}</label>
  4 + <input class="form-control input-lg" type='text' id='i3GEOStocabecalho' value='' />
  5 + </div>
  6 + <div class='form-group label-fixed condensed'>
  7 + <label class="control-label" for="i3GEOStotexto">{{{texto}}}</label>
  8 + <input class="form-control input-lg" type='text' id='i3GEOStotexto' value='' />
  9 + </div>
  10 + <div class='form-group label-fixed condensed'>
  11 + <label class="control-label" for="i3GEOstocolcabecalho">{{{colcabecalho}}}</label>
  12 + <div class="input-group">
  13 + <div id='i3GEOstocolcabecalho'></div>
  14 + </div>
  15 + </div>
  16 + <div class='form-group label-fixed condensed'>
  17 + <label class="control-label" for="i3GEOstocoltexto">{{{coltexto}}}</label>
  18 + <div class="input-group">
  19 + <div id='i3GEOstocoltexto'></div>
  20 + </div>
  21 + </div>
  22 + <div class='form-group label-fixed condensed'>
  23 + <label class="control-label" for="i3GEOstocollocal">{{{collocal}}}</label>
  24 + <div class="input-group">
  25 + <div id='i3GEOstocollocal'></div>
  26 + </div>
  27 + </div>
  28 + <div class='form-group label-fixed condensed'>
  29 + <label class="control-label" for="i3GEOstocolmedia">{{{colmedia}}}</label>
  30 + <div class="input-group">
  31 + <div id='i3GEOstocolmedia'></div>
  32 + </div>
  33 + </div>
  34 + <div class='form-group label-fixed condensed'>
  35 + <label class="control-label" for="i3GEOstocollon">{{{collon}}}</label>
  36 + <div class="input-group">
  37 + <div id='i3GEOstocollon'></div>
  38 + </div>
  39 + </div>
  40 + <div class='form-group label-fixed condensed'>
  41 + <label class="control-label" for="i3GEOstocollat">{{{collat}}}</label>
  42 + <div class="input-group">
  43 + <div id='i3GEOstocollat'></div>
  44 + </div>
  45 + </div>
32 46
  47 + <button onclick='window.open(i3GEO.configura.locaplic + "/ferramentas/storymap/default.php?layers=&tema=" + i3GEOF.storymap.tema);' class='btn btn-primary btn-sm btn-raised'>{{{aplicar}}}</button>
  48 + <button onclick='i3GEOF.storymap.salvaParametros()' class='btn btn-primary btn-sm btn-raised hidden'>{{{salvaParametros}}}</button>
  49 + <button onclick='i3GEOF.storymap.removeParametros()' class='btn btn-primary btn-sm btn-raised hidden'>{{{removeParametros}}}</button>
  50 +</div>
33 \ No newline at end of file 51 \ No newline at end of file