From 8f714d9a4c83592432eca7184904f52360f06f16 Mon Sep 17 00:00:00 2001
From: edmarmoretti <edmar.moretti@gmail.com>
Date: Fri, 28 Jul 2017 14:40:45 -0300
Subject: [PATCH] Adaptação da ferramenta STORYMAP para Bootstrap

---
 ferramentas/storymap/index.js          | 74 ++++++++++++++++++++++++--------------------------------------------------
 ferramentas/storymap/template_mst.html | 80 +++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------
 2 files changed, 73 insertions(+), 81 deletions(-)

diff --git a/ferramentas/storymap/index.js b/ferramentas/storymap/index.js
index 521359f..6294afb 100755
--- a/ferramentas/storymap/index.js
+++ b/ferramentas/storymap/index.js
@@ -136,7 +136,9 @@ i3GEOF.storymap =
 				return;
 			}
 			$i(iddiv).innerHTML = i3GEOF.storymap.html();
-			i3GEOF.storymap.rodape();
+			if (i3GEO.login.verificaCookieLogin() === true && i3GEO.parametros.editor === "sim") {
+				$(".hidden").removeClass("hidden");
+			}
 			try {
 				//
 				// verifica se a camada possui definicao dos parametros
@@ -149,7 +151,7 @@ i3GEOF.storymap =
 					var combo = function(dados, idonde) {
 						var n, i, ins;
 						n = dados.length;
-						ins = "<select id='" + idonde + "Combo' >";
+						ins = "<select class='form-control' id='" + idonde + "Combo' >";
 						ins += "<option value='' >---</option>";
 						for (i = 0; i < n; i++) {
 							ins += "<option value='" + dados[i]["item"] + "' >" + dados[i]["item"] + "</option>";
@@ -180,52 +182,6 @@ i3GEOF.storymap =
 				i3GEO.janela.tempoMsg(erro);
 			}
 		},
-		rodape : function() {
-			var ins =
-				'<input class="paragrafo" id="i3GEOstobotao1" type="button" value="' + $trad('aplicar', i3GEOF.storymap.dicionario)
-					+ '" style="cursor:pointer;color:blue"/>';
-			if (i3GEO.login.verificaCookieLogin() === true) {
-				ins +=
-					'<input class="paragrafo" style="margin-top:3px;" id="i3GEOstobotaoSalva" type="button" value="' + $trad(
-						'salvaParametros',
-						i3GEOF.storymap.dicionario)
-						+ '" style="cursor:pointer;color:blue"/>';
-				ins +=
-					'<input class="paragrafo" style="margin-top:3px;" id="i3GEOstobotaoRemove" type="button" value="' + $trad(
-						'removeParametros',
-						i3GEOF.storymap.dicionario)
-						+ '" style="cursor:pointer;color:blue"/>';
-			}
-			YAHOO.i3GEO.janela.manager.find("i3GEOF.storymap").setFooter(ins);
-
-			var b = new YAHOO.widget.Button("i3GEOstobotao1", {
-				onclick : {
-					fn : function() {
-						window.open(i3GEO.configura.locaplic + "/ferramentas/storymap/default.php?layers=&tema=" + i3GEOF.storymap.tema);
-					}
-				}
-			});
-			b.addClass("rodar");
-			$i("i3GEOstobotao1-button").style.width = "350px";
-			if (i3GEO.login.verificaCookieLogin() === true) {
-				$i("parametrosComLoginSto").style.display = 'block';
-				b = new YAHOO.widget.Button("i3GEOstobotaoSalva", {
-					onclick : {
-						fn : i3GEOF.storymap.salvaParametros
-					}
-				});
-				b.addClass("rodar");
-				$i("i3GEOstobotaoSalva-button").style.width = "350px";
-
-				b = new YAHOO.widget.Button("i3GEOstobotaoRemove", {
-					onclick : {
-						fn : i3GEOF.storymap.removeParametros
-					}
-				});
-				b.addClass("rodar");
-				$i("i3GEOstobotaoRemove-button").style.width = "350px";
-			}
-		},
 		/*
 		 * Function: html
 		 *
@@ -263,11 +219,29 @@ i3GEOF.storymap =
 			};
 			// cria a janela flutuante
 			titulo =
-				"<div id='i3GEOFstoComboCabeca' class='comboTemasCabecalhoBs form-group' style='width:200px; left:5px;'>   ------</div>"
+				"<div id='i3GEOFstoComboCabeca' class='comboTemasCabecalhoBs form-group' style='width:200px; left:15px;'>   ------</div>"
 					+ "</div><a class='i3GeoTituloJanelaBs' target=_blank href='"
 					+ i3GEO.configura.locaplic
 					+ "/ajuda_usuario.php?idcategoria=5&idajuda=108' >Storymap</a>";
-			janela = i3GEO.janela.cria("380px", "320px", "", "", "", titulo, "i3GEOF.storymap", false, "hd", cabecalho, minimiza, "", true);
+			janela = i3GEO.janela.cria(
+				"380px",
+				"320px",
+				"",
+				"",
+				"",
+				titulo,
+				"i3GEOF.storymap",
+				false,
+				"hd",
+				cabecalho,
+				minimiza,
+				"",
+				true,
+				"",
+				"",
+				"",
+				""
+			);
 			divid = janela[2].id;
 			i3GEOF.storymap.aguarde = $i("i3GEOF.storymap_imagemCabecalho").style;
 			$i("i3GEOF.storymap_corpo").style.backgroundColor = "white";
diff --git a/ferramentas/storymap/template_mst.html b/ferramentas/storymap/template_mst.html
index dbf7c78..bd0c825 100755
--- a/ferramentas/storymap/template_mst.html
+++ b/ferramentas/storymap/template_mst.html
@@ -1,32 +1,50 @@
-<div style='display: block;' id='parametrosComLoginSto'>
-<p class='paragrafo'>{{{cabecalho}}}
-<div class='i3geoForm i3geoFormIconeEdita'>
-	<input type='text' value='' id='i3GEOStocabecalho' />
-</div>
-<br>
-<p class='paragrafo'>{{{texto}}}
-<div class='i3geoForm i3geoFormIconeEdita'>
-	<input type='text' value='' id='i3GEOStotexto' />
-</div>
-<br>
-<p class='paragrafo'>{{{colcabecalho}}}</p>
-<div class='styled-select' id='i3GEOstocolcabecalho'></div>
-<br>
-<p class='paragrafo'>{{{coltexto}}}</p>
-<div class='styled-select' id='i3GEOstocoltexto'></div>
-<br>
-<p class='paragrafo'>{{{collocal}}}</p>
-<div class='styled-select' id='i3GEOstocollocal'></div>
-<br>
-<p class='paragrafo'>{{{colmedia}}}</p>
-<div class='styled-select' id='i3GEOstocolmedia'></div>
-<br>
-<p class='paragrafo'>{{{collon}}}</p>
-<div class='styled-select' id='i3GEOstocollon'></div>
-<br>
-<p class='paragrafo'>{{{collat}}}</p>
-<div class='styled-select' id='i3GEOstocollat'></div>
-<br>
-</div>
-
+<div class='container-fluid'>
+	<div class='form-group label-fixed condensed'>
+		<label class="control-label" for="i3GEOStocabecalho">{{{cabecalho}}}</label>
+		<input class="form-control input-lg" type='text' id='i3GEOStocabecalho' value='' />
+	</div>
+	<div class='form-group label-fixed condensed'>
+		<label class="control-label" for="i3GEOStotexto">{{{texto}}}</label>
+		<input class="form-control input-lg" type='text' id='i3GEOStotexto' value='' />
+	</div>
+	<div class='form-group label-fixed condensed'>
+		<label class="control-label" for="i3GEOstocolcabecalho">{{{colcabecalho}}}</label>
+		<div class="input-group">
+		<div id='i3GEOstocolcabecalho'></div>
+		</div>
+	</div>
+	<div class='form-group label-fixed condensed'>
+		<label class="control-label" for="i3GEOstocoltexto">{{{coltexto}}}</label>
+		<div class="input-group">
+		<div id='i3GEOstocoltexto'></div>
+		</div>
+	</div>
+	<div class='form-group label-fixed condensed'>
+		<label class="control-label" for="i3GEOstocollocal">{{{collocal}}}</label>
+		<div class="input-group">
+		<div id='i3GEOstocollocal'></div>
+		</div>
+	</div>
+	<div class='form-group label-fixed condensed'>
+		<label class="control-label" for="i3GEOstocolmedia">{{{colmedia}}}</label>
+		<div class="input-group">
+		<div id='i3GEOstocolmedia'></div>
+		</div>
+	</div>
+	<div class='form-group label-fixed condensed'>
+		<label class="control-label" for="i3GEOstocollon">{{{collon}}}</label>
+		<div class="input-group">
+		<div id='i3GEOstocollon'></div>
+		</div>
+	</div>
+	<div class='form-group label-fixed condensed'>
+		<label class="control-label" for="i3GEOstocollat">{{{collat}}}</label>
+		<div class="input-group">
+		<div id='i3GEOstocollat'></div>
+		</div>
+	</div>
 
+	<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>
+	<button onclick='i3GEOF.storymap.salvaParametros()' class='btn btn-primary btn-sm btn-raised hidden'>{{{salvaParametros}}}</button>
+	<button onclick='i3GEOF.storymap.removeParametros()' class='btn btn-primary btn-sm btn-raised hidden'>{{{removeParametros}}}</button>
+</div>
\ No newline at end of file
--
libgit2 0.21.2