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 136 return;
137 137 }
138 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 142 try {
141 143 //
142 144 // verifica se a camada possui definicao dos parametros
... ... @@ -149,7 +151,7 @@ i3GEOF.storymap =
149 151 var combo = function(dados, idonde) {
150 152 var n, i, ins;
151 153 n = dados.length;
152   - ins = "<select id='" + idonde + "Combo' >";
  154 + ins = "<select class='form-control' id='" + idonde + "Combo' >";
153 155 ins += "<option value='' >---</option>";
154 156 for (i = 0; i < n; i++) {
155 157 ins += "<option value='" + dados[i]["item"] + "' >" + dados[i]["item"] + "</option>";
... ... @@ -180,52 +182,6 @@ i3GEOF.storymap =
180 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 186 * Function: html
231 187 *
... ... @@ -263,11 +219,29 @@ i3GEOF.storymap =
263 219 };
264 220 // cria a janela flutuante
265 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 223 + "</div><a class='i3GeoTituloJanelaBs' target=_blank href='"
268 224 + i3GEO.configura.locaplic
269 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 245 divid = janela[2].id;
272 246 i3GEOF.storymap.aguarde = $i("i3GEOF.storymap_imagemCabecalho").style;
273 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 51 \ No newline at end of file
... ...