Conversão da ferramenta Buffer para Bootstrap

Edmar Moretti
1 parent a9e68073
Showing 3 changed files with 78 additions and 74 deletions Show diff stats
ferramentas/buffer/dicionario.js
ferramentas/buffer/index.js
ferramentas/buffer/template_mst.html
@@ -16,7 +16,7 @@ i3GEOF.buffer.dicionario = {
 		es : "Tema, con selecci&oacute;n, que ser&aacute; utilizado"
 	} ],
 	'entorno' : [ {
-		pt : "Dist&acirc;ncia do entorno em metros:",
+		pt : "Dist&acirc;ncia do entorno em metros",
 		en : "",
 		es : "Distancia del entorno en metros"
 	} ],
@@ -46,12 +46,12 @@ i3GEOF.buffer.dicionario = {
 		es : "Distancia invalida"
 	} ],
 	'entornoAtributo' : [ {
-		pt : "Ou um item da tabela de atributos que cont&eacute;m as dist&acirc;ncias:",
+		pt : "Ou um item da tabela de atributos que cont&eacute;m as dist&acirc;ncias",
 		en : "",
 		es : "O un item de la tabla de atributos que contiene las distancias"
 	} ],
 	'multiplica' : [ {
-		pt : "Multiplicado por:",
+		pt : "Caso tenha escolhido um item, multiplicar os valores por",
 		en : "",
 		es : "Multiplicado por"
 	} ]
@@ -151,11 +151,6 @@ i3GEOF.buffer = {
 	},
 	t3: function(){
 		i3GEO.util.proximoAnterior("i3GEOF.buffer.t2()","","","i3GEOF.buffer.t3","i3GEObufferresultado",true,"i3GEOF.buffer_rodape");
-		var b = new YAHOO.widget.Button(
-			"i3GEObufferbotao1",
-			{onclick:{fn: i3GEOF.buffer.criaBuffer}}
-		);
-		b.addClass("rodar");
 	},
 	/*
 	Function: criaBuffer
@@ -167,39 +162,40 @@ i3GEOF.buffer = {
 	<CRIABUFFER>
 	*/
 	criaBuffer: function(){
-		try{
-			if(i3GEOF.buffer.aguarde.visibility === "visible")
-			{return;}
-			var distancia = $i("i3GEObufferd").value,
-				tema = $i("i3GEObuffertemasComSel").value,
-				multiplicar = $i("i3GEObufferdfator").value*1,
-				itemdistancia = $i("i3GEObuffertemasItem").value,
-				p,
-				fim,
-				cp;
-			if (distancia*1 !== 0 || itemdistancia != ""){
-				i3GEOF.buffer.aguarde.visibility = "visible";
-				fim = function(retorno){
-					i3GEOF.buffer.aguarde.visibility = "hidden";
-					if (retorno.data === undefined )
-					{$i("i3GEObufferfim").innerHTML = $trad('erroTempo',i3GEOF.buffer.dicionario);}
-					else
-					{i3GEO.atualiza();}
-				};
-				p = i3GEO.configura.locaplic+"/ferramentas/buffer/exec.php?g_sid="+i3GEO.configura.sid+"&funcao=criabuffer&tema="+tema+"&unir="+$i("i3GEObufferunir").value;
-				if(itemdistancia != ""){
-					p += "&distancia=0&itemdistancia="+itemdistancia+"&multiplicar="+multiplicar;
-				}else{
-					p += "&distancia=" + distancia*1 + "&itemdistancia=&multiplicar=1";
+		if(i3GEOF.buffer.aguarde.visibility === "visible"){
+			return;
+		}
+		var distancia = $i("i3GEObufferd").value,
+			tema = $i("i3GEObuffertemasComSel").value,
+			multiplicar = $i("i3GEObufferdfator").value*1,
+			itemdistancia = $i("i3GEObuffertemasItem").value,
+			p,
+			fim,
+			cp;
+		if (distancia*1 !== 0 || itemdistancia != ""){
+			i3GEOF.buffer.aguarde.visibility = "visible";
+			fim = function(retorno){
+				i3GEOF.buffer.aguarde.visibility = "hidden";
+				if (retorno.data === undefined ){
+					$i("i3GEObufferfim").innerHTML = $trad('erroTempo',i3GEOF.buffer.dicionario);
 				}
-				cp = new cpaint();
-				cp.set_response_type("JSON");
-				cp.call(p,"criaBuffer",fim);
+				else{
+					i3GEO.atualiza();
+				}
+			};
+			p = i3GEO.configura.locaplic+"/ferramentas/buffer/exec.php?g_sid="+i3GEO.configura.sid+"&funcao=criabuffer&tema="+tema+"&unir="+$i("i3GEObufferunir").value;
+			if(itemdistancia != ""){
+				p += "&distancia=0&itemdistancia="+itemdistancia+"&multiplicar="+multiplicar;
+			}else{
+				p += "&distancia=" + distancia*1 + "&itemdistancia=&multiplicar=1";
 			}
-			else
-			{i3GEO.janela.tempoMsg($trad('erroDistancia',i3GEOF.buffer.dicionario));}
+			cp = new cpaint();
+			cp.set_response_type("JSON");
+			cp.call(p,"criaBuffer",fim);
+		}
+		else{
+			i3GEO.janela.tempoMsg($trad('erroDistancia',i3GEOF.buffer.dicionario));
 		}
-		catch(e){$i("i3GEObufferfim").innerHTML = "<p class='paragrafo' >Erro. "+e;i3GEO.janela.fechaAguarde();i3GEOF.buffer.aguarde.visibility = "hidden";}
 	},
 	/*
 	Function: comboTemasSel
@@ -215,7 +211,6 @@ i3GEOF.buffer = {
 			"i3GEObuffertemasComSel",
 			function(retorno){
 				$i("i3GEObufferSelTemas").innerHTML = retorno.dados;
-				$i("i3GEObufferSelTemas").style.display = "block";
 				if ($i("i3GEObuffertemasComSel")){
 					$i("i3GEObuffertemasComSel").onchange = function(){
 						i3GEO.mapa.ativaTema($i("i3GEObuffertemasComSel").value);
@@ -230,7 +225,10 @@ i3GEOF.buffer = {
 			"",
 			false,
 			"selecionados",
-			" "
+			" ",
+			false,
+			true,
+			"form-control comboTema"
 		);
 	},
 	/*
@@ -248,12 +246,13 @@ i3GEOF.buffer = {
 			"i3GEObuffertemasItem",
 			$i("i3GEObuffertemasComSel").value,
 			function(retorno){
-				$i("i3GEObufferondeItens").innerHTML = "<div class=styled-select >" + retorno.dados + "</div>"
-				+ "<br><br><p class=paragrafo >" + $trad('multiplica',i3GEOF.buffer.dicionario)
-				+" <div class='i3geoForm i3geoFormIconeEdita' ><input id='i3GEObufferdfator' type=text value='1'/></div>";
-				$i("i3GEObufferondeItens").style.display = "block";
+				$i("i3GEObufferondeItens").innerHTML = retorno.dados;
 			},
-			"i3GEObufferondeItens"
+			"i3GEObufferondeItens",
+			"",
+			"",
+			"",
+			"form-control comboTema"
 		);
 	}
 };
-<div style='padding: 5px; background-color: #F2F2F2; top: 0px; left: 0px; display: block; width: 98%;' id='i3GEObufferresultado'>
+<div class='container-fluid' id='i3GEObufferresultado'>
 	<div id='i3GEOFgradeDePontost0'>
-		<img class='i3GeoExemploImg' src='{{{locaplic}}}/ferramentas/buffer/exemplo.png' />
-		<p class='paragrafo'>{{{descricao}}}
-		<p class='paragrafo'>{{{descricao2}}}
+		<img class="img-rounded pull-left" style="margin: 5px; width: 40px;" src='{{{locaplic}}}/ferramentas/buffer/exemplo.png' />
+		<h5>{{{descricao}}}</h5>
+		<h5>{{{descricao2}}}</h5>
 	</div>
 	<div id='i3GEOF.buffer.t1'>
-		<p class='paragrafo'>{{{selecionaTema}}}:</p>
-		<div id='i3GEObufferSelTemas' class='styled-select'></div>
+		<div style="width: 100%;" class='form-group label-fixed condensed'>
+			<label class="control-label" for="">{{{selecionaTema}}}</label>
+			<div style="width: 100%;" class="input-group">
+				<div id='i3GEObufferSelTemas'></div>
+			</div>
+		</div>
 	</div>
 	<div id='i3GEOF.buffer.t2'>
-		<p class='paragrafo'>
-			{{{entorno}}} <br>
-		<div class='i3geoForm i3geoFormIconeNumero' style='display: block'>
-			<input id='i3GEObufferd' type=number value='0' />
+		<div class='form-group label-fixed condensed'>
+			<label class="control-label" for="i3GEObufferd">{{{entorno}}}</label>
+			<input class="form-control input-lg" type='text' id='i3GEObufferd' value='0' />
+		</div>
+		<div style="width: 100%;" class='form-group label-fixed condensed'>
+			<label class="control-label" for="">{{{entornoAtributo}}}</label>
+			<div style="width: 100%;" class="input-group">
+				<div id='i3GEObufferondeItens'></div>
+			</div>
+		</div>
+		<div class='form-group label-fixed condensed'>
+			<label class="control-label" for="i3GEObufferdfator">{{{multiplica}}}</label>
+			<input class="form-control input-lg" type='text' id='i3GEObufferdfator' value='1' />
 		</div>
-		<br>
-		<p class='paragrafo'>
-			{{{entornoAtributo}}} </p>
-		<div id='i3GEObufferondeItens' class='styled-select'></div>
-		<br>
-		<p class='paragrafo'>
-			{{{agregaElementos}}} <br>
-		</p>
-		<div class='styled-select' >
-			<select id=i3GEObufferunir>
-				<option value=nao selected>{{{nao}}}</option>
-				<option value=sim>{{{sim}}}</option>
-			</select>
+		<div style="width: 100%;" class='form-group label-fixed condensed'>
+			<label class="control-label" for="">{{{agregaElementos}}}</label>
+			<div style="width: 100%;" class="input-group">
+				<select class="form-control" id="i3GEObufferunir">
+					<option value=nao selected>{{{nao}}}</option>
+					<option value=sim>{{{sim}}}</option>
+				</select>
+			</div>
 		</div>
-		<br>
-		<br>
 	</div>
 	<div id='i3GEOF.buffer.t3'>
-		<p class='paragrafo'>{{{adicionaTemaEntorno}}}
-		<br><br>
-		<input id='i3GEObufferbotao1' type='button' value='{{{criaEntorno}}}' />
+		<h5>{{{adicionaTemaEntorno}}}</h5>
+		<button onclick="i3GEOF.buffer.criaBuffer()" class='btn btn-primary btn-sm btn-raised'>{{{criaEntorno}}}</button>
+		<h5 id='i3GEObufferfim'></h5>
 	</div>
 </div>
-<div style='top: 10px; left: 0px; display: block; width: 98%; color: red' id='i3GEObufferfim'></div>
 \ No newline at end of file
	@@ -16,7 +16,7 @@ i3GEOF.buffer.dicionario = {		@@ -16,7 +16,7 @@ i3GEOF.buffer.dicionario = {
16	es : "Tema, con selección, que será utilizado"	16	es : "Tema, con selección, que será utilizado"
17	} ],	17	} ],
18	'entorno' : [ {	18	'entorno' : [ {
19	- pt : "Distância do entorno em metros:",	19	+ pt : "Distância do entorno em metros",
20	en : "",	20	en : "",
21	es : "Distancia del entorno en metros"	21	es : "Distancia del entorno en metros"
22	} ],	22	} ],
	@@ -46,12 +46,12 @@ i3GEOF.buffer.dicionario = {		@@ -46,12 +46,12 @@ i3GEOF.buffer.dicionario = {
46	es : "Distancia invalida"	46	es : "Distancia invalida"
47	} ],	47	} ],
48	'entornoAtributo' : [ {	48	'entornoAtributo' : [ {
49	- pt : "Ou um item da tabela de atributos que contém as distâncias:",	49	+ pt : "Ou um item da tabela de atributos que contém as distâncias",
50	en : "",	50	en : "",
51	es : "O un item de la tabla de atributos que contiene las distancias"	51	es : "O un item de la tabla de atributos que contiene las distancias"
52	} ],	52	} ],
53	'multiplica' : [ {	53	'multiplica' : [ {
54	- pt : "Multiplicado por:",	54	+ pt : "Caso tenha escolhido um item, multiplicar os valores por",
55	en : "",	55	en : "",
56	es : "Multiplicado por"	56	es : "Multiplicado por"
57	} ]	57	} ]