Adaptação da ferramenta de definição da cor do fundo do mapa para Bootstrap

Edmar Moretti
1 parent f4beda7b
Showing 3 changed files with 14 additions and 27 deletions Show diff stats
ferramentas/opcoes_fundo/dicionario.js
ferramentas/opcoes_fundo/index.js
ferramentas/opcoes_fundo/template_mst.html
 //+$trad(1,i3GEOF.opcoesFundo.dicionario)+
 i3GEOF.opcoesFundo.dicionario = {
 	'ajuda' : [ {
-		pt : "Essa operacao afeta apenas a ferramenta de impressao do mapa",
+		pt : "Essa operacao afeta apenas algumas funcionalidades, como a ferramenta de impressao do mapa",
 		en : "",
 		es : ""
 	} ],
@@ -9,5 +9,10 @@ i3GEOF.opcoesFundo.dicionario = {
 		pt : "Aplica",
 		en : "",
 		es : ""
+	} ],
+	'cor' : [ {
+		pt : "Escolha a cor desejada",
+		en : "",
+		es : ""
 	} ]
 };
 \ No newline at end of file
@@ -45,12 +45,6 @@ i3GEOF.opcoesFundo =
 			try {
 				i3GEOF.opcoesFundo.aguarde.visibility = "visible";
 				$i(iddiv).innerHTML += i3GEOF.opcoesFundo.html();
-				var b = new YAHOO.widget.Button("i3GEOopcoesFundobotao1", {
-					onclick : {
-						fn : i3GEOF.opcoesFundo.executa
-					}
-				});
-				b.addClass("rodar150");
 				i3GEO.util.aplicaAquarela("i3GEOF.opcoesFundo_corpo");
 				var p =
 					i3GEO.configura.locaplic + "/ferramentas/opcoes_fundo/exec.php?g_sid=" + i3GEO.configura.sid + "&funcao=pegacorfundo", cp =
@@ -67,7 +61,7 @@ i3GEOF.opcoesFundo =
 			} catch (erro) {
 				i3GEO.janela.tempoMsg(erro);
 			}
-			if (i3GEO.Interface.ATUAL === "googlemaps" || i3GEO.Interface.ATUAL === "googleearth") {
+			if (i3GEO.Interface.ATUAL === "googlemaps") {
 				i3GEO.janela.tempoMsg($trad('ajuda', i3GEOF.opcoesFundo.dicionario));
 			}
 		},
@@ -102,8 +96,8 @@ i3GEOF.opcoesFundo =
 			// cria a janela flutuante
 			titulo = "<span class='i3GeoTituloJanelaBsNolink' >" + $trad("p9") + "</span></div>";
 			janela = i3GEO.janela.cria(
-					"210px",
-					"80px",
+					"300px",
+					"150px",
 					"",
 					"",
 					"",
@@ -122,20 +116,10 @@ i3GEOF.opcoesFundo =
 					"6"
 				);
 			divid = janela[2].id;
-			$i("i3GEOF.opcoesFundo_corpo").style.backgroundColor = "white";
-			$i("i3GEOF.opcoesFundo_corpo").style.textAlign = "left";
 			i3GEOF.opcoesFundo.aguarde = $i("i3GEOF.opcoesFundo_imagemCabecalho").style;
 			i3GEOF.opcoesFundo.inicia(divid);
 		},
 		/*
-		 * Function: corj
-		 *
-		 * Abre a janela para o usu&aacute;rio selecionar uma cor interativamente
-		 */
-		corj : function(obj) {
-			i3GEO.util.abreCor("", obj);
-		},
-		/*
 		 * Function: executa
 		 *
 		 * Aplica a nova cor
-<div style='margin-left: 5px'>
-	<div class='i3geoForm100 i3geoFormIconeAquarela'>
-		<input type='text' id='i3GEOopcoesFundocor' value='2' />
+<div class='container-fluid'>
+	<div class='form-group label-fixed condensed'>
+		<label class="control-label" for="">{{{cor}}}</label>
+		<input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOopcoesFundocor' value='' />
 	</div>
-	<br>
-	<p class='paragrafo'>
-		<input size='20' id='i3GEOopcoesFundobotao1' type='button' value='{{{aplica}}}' />
-	</p>
+	<button onclick="i3GEOF.opcoesFundo.executa()" class='btn btn-primary btn-sm btn-raised'>{{{aplica}}}</button>
 </div>
 \ No newline at end of file