From c11d1f74e95deb47aec5e5d770922d8fe096f1a8 Mon Sep 17 00:00:00 2001
From: Edmar Moretti <edmar.moretti@gmail.com>
Date: Tue, 9 Sep 2014 14:35:51 +0000
Subject: [PATCH] Uniformização do layout

---
 ferramentas/gradehex/dicionario.js |  2 +-
 ferramentas/gradehex/index.js      |  1 +
 ferramentas/gradepol/index.js      | 49 +++++++++++++++++++++++++++++--------------------
 ferramentas/gradepontos/index.js   | 52 +++++++++++++++++++++++++++++++---------------------
 4 files changed, 62 insertions(+), 42 deletions(-)

diff --git a/ferramentas/gradehex/dicionario.js b/ferramentas/gradehex/dicionario.js
index 501b1e0..fbed2f5 100644
--- a/ferramentas/gradehex/dicionario.js
+++ b/ferramentas/gradehex/dicionario.js
@@ -79,7 +79,7 @@ i3GEOF.gradeDeHex.dicionario = {
 			it:""
 		}],
 		14: [{
-			pt:"Utiliza a proje&ccedil;&atilde;o Mercator na geração da grade",
+			pt:"Utiliza a proje&ccedil;&atilde;o Mercator na gera&ccedil;&atilde;o da grade",
 			en:"",
 			es:"",
 			it:""
diff --git a/ferramentas/gradehex/index.js b/ferramentas/gradehex/index.js
index c44dd59..7bfa9e4 100644
--- a/ferramentas/gradehex/index.js
+++ b/ferramentas/gradehex/index.js
@@ -198,6 +198,7 @@ i3GEOF.gradeDeHex = {
 	},
 	t3: function(){
 		var ins = "<p class='paragrafo'><b>"+$trad(9,i3GEOF.gradeDeHex.dicionario)+"</b>";
+
 		ins += "<p class='paragrafo'>X</p>";
 		ins += "<div class=styled-select ><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedehexnptx' title='pontos em x'  type=text value='10'/></div>";
 		ins += "<br><p class='paragrafo'>Y";
diff --git a/ferramentas/gradepol/index.js b/ferramentas/gradepol/index.js
index 2c84e67..b4c9dae 100644
--- a/ferramentas/gradepol/index.js
+++ b/ferramentas/gradepol/index.js
@@ -163,31 +163,40 @@ i3GEOF.gradeDePoligonos = {
 	t1: function(){
 		var ins = "<p class='paragrafo'><b>"+$trad(4,i3GEOF.gradeDePoligonos.dicionario)+"</b>";
 		if($i("i3GEOgradedepoligonosProj").checked){
-			ins += "<p class='paragrafo'>"+$trad(15,i3GEOF.gradeDePoligonos.dicionario)+" X:<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosxg' title='metros' type=text size=6 value='100000'/>";
-			ins += "<p class='paragrafo'>"+$trad(15,i3GEOF.gradeDePoligonos.dicionario)+" Y:<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosyg' title='metros' type=text size=6 value='100000'/>";
+			ins += "<p class='paragrafo'>" + $trad(15,i3GEOF.gradeDePoligonos.dicionario)+" X:";
+			ins += "<div class=styled-select ><input onclick='javascript:this.select();' id='i3GEOgradedepoligonosxg' title='metros' type=text  value='100000'/></div>";
+			ins += "<br><p class='paragrafo'>"+$trad(15,i3GEOF.gradeDePoligonos.dicionario)+" Y:";
+			ins += "<div class=styled-select ><input onclick='javascript:this.select();' id='i3GEOgradedepoligonosyg' title='metros' type=text value='100000'/></div>";
 		}
 		else{
 			ins += "<p class='paragrafo'>X: ";
-			ins += "<label>"+$trad(5,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosxg' title='grau' type=text size=3 value='1'/>";
-			ins += "<label>"+$trad(6,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosxm' title='minuto' type=text size=5 value='00'/>";
-			ins += "<label>"+$trad(7,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosxs' title='segundo' type=text size=5 value='00.00'/>";
-			ins += "<p class='paragrafo'>Y: ";
-			ins += "<label>"+$trad(5,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosyg' title='grau' type=text size=3 value='1'/>";
-			ins += "<label>"+$trad(6,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosym' title='minuto' type=text size=5 value='00'/>";
-			ins += "<label>"+$trad(7,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosys' title='segundo' type=text size=5 value='00.00'/>";
+			ins += $trad(5,i3GEOF.gradeDePoligonos.dicionario)+" - "+$trad(6,i3GEOF.gradeDePoligonos.dicionario)+" - "+$trad(7,i3GEOF.gradeDePoligonos.dicionario)+"</p>";
+			ins += "<div class=styled-select style='width:40px;float:left;' ><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosxg' title='grau' type=text value='1'/></div>";
+			ins += "<div class=styled-select style='width:40px;float:left;margin-left:10px;margin-right:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepoligonosxm' title='minuto' type=text value='00'/></div>";
+			ins += "<div class=styled-select style='width:60px;margin-left:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepoligonosxs' title='segundo' type=text value='00.00'/></div>";
+
+			ins += "<br><p class='paragrafo'>Y: ";
+			ins += $trad(5,i3GEOF.gradeDePoligonos.dicionario)+" - "+$trad(6,i3GEOF.gradeDePoligonos.dicionario)+" - "+$trad(7,i3GEOF.gradeDePoligonos.dicionario)+"</p>";
+			ins += "<div class=styled-select style='width:40px;float:left;' ><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosyg' title='grau' type=text value='1'/></div>";
+			ins += "<div class=styled-select style='width:40px;float:left;margin-left:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepoligonosym' title='minuto' type=text value='00'/></div>";
+			ins += "<div class=styled-select style='width:60px;float:left;margin-left:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepoligonosys' title='segundo' type=text value='00.00'/></div>";
 		}
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePoligonos.t0()","i3GEOF.gradeDePoligonos.t2()",ins,"i3GEOF.gradeDePoligonos.t1","i3GEOgradedepoligonosresultado",true,"i3GEOF.gradeDePoligonos_rodape");
 	},
 	t2: function(){
 		var ins = "<p class='paragrafo'><b>"+$trad(8,i3GEOF.gradeDePoligonos.dicionario)+"</b>";
 		ins += "<p class='paragrafo'>X: ";
-		ins += "<label>"+$trad(5,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosixg' title='grau'  type=text size=3 value='-00'/>";
-		ins += "<label>"+$trad(6,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosixm' title='minuto'  type=text size=5 value='00'/>";
-		ins += "<label>"+$trad(7,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosixs' title='segundo'  type=text size=5 value='00.00'/>";
-		ins += "<p class='paragrafo'>Y: ";
-		ins += "<label>"+$trad(5,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosiyg' title='grau'  type=text size=3 value='-00'/>";
-		ins += "<label>"+$trad(6,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosiym' title='minuto'  type=text size=5 value='00'/>";
-		ins += "<label>"+$trad(7,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosiys' title='segundo'  type=text size=5 value='00.00'/>";
+		ins += $trad(5,i3GEOF.gradeDePoligonos.dicionario)+" - "+$trad(6,i3GEOF.gradeDePoligonos.dicionario)+" - "+$trad(7,i3GEOF.gradeDePoligonos.dicionario)+"</p>";
+		ins += "<div class=styled-select style='width:40px;float:left;' ><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosixg' title='grau' type=text value='1'/></div>";
+		ins += "<div class=styled-select style='width:40px;float:left;margin-left:10px;margin-right:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepoligonosixm' title='minuto' type=text value='00'/></div>";
+		ins += "<div class=styled-select style='width:60px;margin-left:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepoligonosixs' title='segundo' type=text value='00.00'/></div>";
+
+		ins += "<br><p class='paragrafo'>Y: ";
+		ins += $trad(5,i3GEOF.gradeDePoligonos.dicionario)+" - "+$trad(6,i3GEOF.gradeDePoligonos.dicionario)+" - "+$trad(7,i3GEOF.gradeDePoligonos.dicionario)+"</p>";
+		ins += "<div class=styled-select style='width:40px;float:left;' ><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosiyg' title='grau' type=text value='1'/></div>";
+		ins += "<div class=styled-select style='width:40px;float:left;margin-left:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepoligonosiym' title='minuto' type=text value='00'/></div>";
+		ins += "<div class=styled-select style='width:60px;float:left;margin-left:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepoligonosiys' title='segundo' type=text value='00.00'/></div>";
+
 		g_tipoacao = "capturaponto";
 
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePoligonos.t1()","i3GEOF.gradeDePoligonos.t3()",ins,"i3GEOF.gradeDePoligonos.t2","i3GEOgradedepoligonosresultado",true,"i3GEOF.gradeDePoligonos_rodape");
@@ -198,10 +207,10 @@ i3GEOF.gradeDePoligonos = {
 	},
 	t3: function(){
 		var ins = "<p class='paragrafo'><b>"+$trad(9,i3GEOF.gradeDePoligonos.dicionario)+"</b>";
-		ins += "<p class='paragrafo'><label>X: </label>";
-		ins += "<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosnptx' title='pontos em x'  type=text size=3 value='10'/>";
-		ins += "<p class='paragrafo'><label>Y: </label>";
-		ins += "<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosnpty' title='pontos em y'  type=text size=3 value='10'/>";
+		ins += "<p class='paragrafo'>X</p>";
+		ins += "<div class=styled-select ><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosnptx' title='pontos em x'  type=text value='10'/></div>";
+		ins += "<br><p class='paragrafo'>Y";
+		ins += "<div class=styled-select ><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosnpty' title='pontos em y'  type=text value='10'/></div>";
 
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePoligonos.t2()","i3GEOF.gradeDePoligonos.t4()",ins,"i3GEOF.gradeDePoligonos.t3","i3GEOgradedepoligonosresultado",true,"i3GEOF.gradeDePoligonos_rodape");
 	},
diff --git a/ferramentas/gradepontos/index.js b/ferramentas/gradepontos/index.js
index 2f67877..6534c2f 100644
--- a/ferramentas/gradepontos/index.js
+++ b/ferramentas/gradepontos/index.js
@@ -163,31 +163,40 @@ i3GEOF.gradeDePontos = {
 	t1: function(){
 		var ins = "<p class='paragrafo'><b>"+$trad(4,i3GEOF.gradeDePontos.dicionario)+"</b>";
 		if($i("i3GEOgradedepontosProj").checked){
-			ins += "<p class='paragrafo'><label>"+$trad(15,i3GEOF.gradeDePontos.dicionario)+" X:</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosxg' title='metros' type=text size=6 value='100000'/>";
-			ins += "<p class='paragrafo'><label>"+$trad(15,i3GEOF.gradeDePontos.dicionario)+" Y:</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosyg' title='metros' type=text size=6 value='100000'/>";
+			ins += "<p class='paragrafo'>" + $trad(15,i3GEOF.gradeDePontos.dicionario)+" X:";
+			ins += "<div class=styled-select ><input onclick='javascript:this.select();' id='i3GEOgradedepontosxg' title='metros' type=text  value='100000'/></div>";
+			ins += "<br><p class='paragrafo'>"+$trad(15,i3GEOF.gradeDePontos.dicionario)+" Y:";
+			ins += "<div class=styled-select ><input onclick='javascript:this.select();' id='i3GEOgradedepontosyg' title='metros' type=text value='100000'/></div>";
 		}
 		else{
 			ins += "<p class='paragrafo'>X: ";
-			ins += "<label>"+$trad(5,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosxg' title='grau' type=text size=3 value='1'/>";
-			ins += "<label>"+$trad(6,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosxm' title='minuto' type=text size=5 value='00'/>";
-			ins += "<label>"+$trad(7,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosxs' title='segundo' type=text size=5 value='00.00'/>";
-			ins += "<p class='paragrafo'>Y: ";
-			ins += "<label>"+$trad(5,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosyg' title='grau' type=text size=3 value='1'/>";
-			ins += "<label>"+$trad(6,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosym' title='minuto' type=text size=5 value='00'/>";
-			ins += "<label>"+$trad(7,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosys' title='segundo' type=text size=5 value='00.00'/>";
+			ins += $trad(5,i3GEOF.gradeDePontos.dicionario)+" - "+$trad(6,i3GEOF.gradeDePontos.dicionario)+" - "+$trad(7,i3GEOF.gradeDePontos.dicionario)+"</p>";
+			ins += "<div class=styled-select style='width:40px;float:left;' ><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosxg' title='grau' type=text value='1'/></div>";
+			ins += "<div class=styled-select style='width:40px;float:left;margin-left:10px;margin-right:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepontosxm' title='minuto' type=text value='00'/></div>";
+			ins += "<div class=styled-select style='width:60px;margin-left:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepontosxs' title='segundo' type=text value='00.00'/></div>";
+
+			ins += "<br><p class='paragrafo'>Y: ";
+			ins += $trad(5,i3GEOF.gradeDePontos.dicionario)+" - "+$trad(6,i3GEOF.gradeDePontos.dicionario)+" - "+$trad(7,i3GEOF.gradeDePontos.dicionario)+"</p>";
+			ins += "<div class=styled-select style='width:40px;float:left;' ><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosyg' title='grau' type=text value='1'/></div>";
+			ins += "<div class=styled-select style='width:40px;float:left;margin-left:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepontosym' title='minuto' type=text value='00'/></div>";
+			ins += "<div class=styled-select style='width:60px;float:left;margin-left:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepontosys' title='segundo' type=text value='00.00'/></div>";
 		}
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePontos.t0()","i3GEOF.gradeDePontos.t2()",ins,"i3GEOF.gradeDePontos.t1","i3GEOgradedepontosresultado",true,"i3GEOF.gradeDePontos_rodape");
 	},
 	t2: function(){
 		var ins = "<p class='paragrafo'><b>"+$trad(8,i3GEOF.gradeDePontos.dicionario)+"</b>";
 		ins += "<p class='paragrafo'>X: ";
-		ins += "<label>"+$trad(5,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosixg' title='grau'  type=text size=3 value='-00'/>";
-		ins += "<label>"+$trad(6,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosixm' title='minuto'  type=text size=5 value='00'/>";
-		ins += "<label>"+$trad(7,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosixs' title='segundo'  type=text size=5 value='00.00'/>";
-		ins += "<p class='paragrafo'>Y: ";
-		ins += "<label>"+$trad(5,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosiyg' title='grau'  type=text size=3 value='-00'/>";
-		ins += "<label>"+$trad(6,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosiym' title='minuto'  type=text size=5 value='00'/>";
-		ins += "<label>"+$trad(7,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosiys' title='segundo'  type=text size=5 value='00.00'/>";
+		ins += $trad(5,i3GEOF.gradeDePontos.dicionario)+" - "+$trad(6,i3GEOF.gradeDePontos.dicionario)+" - "+$trad(7,i3GEOF.gradeDePontos.dicionario)+"</p>";
+		ins += "<div class=styled-select style='width:40px;float:left;' ><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosixg' title='grau' type=text value='1'/></div>";
+		ins += "<div class=styled-select style='width:40px;float:left;margin-left:10px;margin-right:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepontosixm' title='minuto' type=text value='00'/></div>";
+		ins += "<div class=styled-select style='width:60px;margin-left:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepontosixs' title='segundo' type=text value='00.00'/></div>";
+
+		ins += "<br><p class='paragrafo'>Y: ";
+		ins += $trad(5,i3GEOF.gradeDePontos.dicionario)+" - "+$trad(6,i3GEOF.gradeDePontos.dicionario)+" - "+$trad(7,i3GEOF.gradeDePontos.dicionario)+"</p>";
+		ins += "<div class=styled-select style='width:40px;float:left;' ><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosiyg' title='grau' type=text value='1'/></div>";
+		ins += "<div class=styled-select style='width:40px;float:left;margin-left:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepontosiym' title='minuto' type=text value='00'/></div>";
+		ins += "<div class=styled-select style='width:60px;float:left;margin-left:10px;' ><input onclick='javascript:this.select();' id='i3GEOgradedepontosiys' title='segundo' type=text value='00.00'/></div>";
+
 		g_tipoacao = "capturaponto";
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePontos.t1()","i3GEOF.gradeDePontos.t3()",ins,"i3GEOF.gradeDePontos.t2","i3GEOgradedepontosresultado",true,"i3GEOF.gradeDePontos_rodape");
 		i3GEO.eventos.cliquePerm.desativa();
@@ -195,11 +204,12 @@ i3GEOF.gradeDePontos = {
 		{i3GEO.eventos.MOUSECLIQUE.push("i3GEOF.gradeDePontos.capturaPonto()");}
 	},
 	t3: function(){
-		var ins = "<p class='paragrafo'><b>"+$trad(9,i3GEOF.gradeDePontos.dicionario)+"</b>";
-		ins += "<p class='paragrafo'><label>X: </label>";
-		ins += "<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosnptx' title='pontos em x'  type=text size=3 value='10'/>";
-		ins += "<p class='paragrafo'><label>Y: </label>";
-		ins += "<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosnpty' title='pontos em y'  type=text size=3 value='10'/>";
+		var ins = "<p class='paragrafo'><b>"+$trad(9,i3GEOF.gradeDePoligonos.dicionario)+"</b>";
+		ins += "<p class='paragrafo'>X</p>";
+		ins += "<div class=styled-select ><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosnptx' title='pontos em x'  type=text value='10'/></div>";
+		ins += "<br><p class='paragrafo'>Y";
+		ins += "<div class=styled-select ><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosnpty' title='pontos em y'  type=text value='10'/></div>";
+
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePontos.t2()","i3GEOF.gradeDePontos.t4()",ins,"i3GEOF.gradeDePontos.t3","i3GEOgradedepontosresultado",true,"i3GEOF.gradeDePontos_rodape");
 	},
 	t4: function(){
--
libgit2 0.21.2