Ajustes nos estilos

Edmar Moretti
1 parent e2fb1259
Showing 4 changed files with 50 additions and 48 deletions Show diff stats
ferramentas/graficointerativo1/template_mst.html
ferramentas/graficotema/index.js
ferramentas/heatmap/index.js
ferramentas/tabela/template_mst.html
+<!-- Guias -->
 <div id='{{{idjanela}}}i3GEOgraficointerativo1guiasYUI' class='yui-navset' style='top: 0px; cursor: pointer; left: 0px;'>
 	<ul class='yui-nav' style='border-width: 0pt 0pt 0px; border-color: rgb(240, 240, 240); border-bottom-color: white;'>
 		<li>
@@ -45,8 +46,11 @@
 	</ul>
 </div>
 <br>
+<!-- Guia com a lista de tipos de graficos -->
 <div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia1obj' style='left: 1px; display: none;'>
-	<p class='paragrafo'>{{{escolhatipo}}} :</p>
+	<p class='paragrafo'>
+		<b>{{{escolhatipo}}} :</b>
+	</p>
 	<table class='lista6'>
 		<tr>
 			<td>
@@ -131,8 +135,11 @@
 		</tr>
 	</table>
 </div>
+<!-- Dados para o grafico -->
 <div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia2obj' style='left: 1px; display: none; top: -5px'>
-	<p class='paragrafo'>{{{configgr}}} :</p>
+	<p class='paragrafo'>
+		<b>{{{configgr}}}</b>
+	</p>
 	<p class='paragrafo'>{{{tema}}} :</p>
 	<div class='styled-select' id='{{{idjanela}}}i3GEOgraficointerativo1ComboTemas'></div>
 	<br>
@@ -162,7 +169,7 @@
 	</div>
 	<p class='paragrafo'>{{{excluirval}}} :
 	<div class='styled-select'>
-		<input style='cursor: pointer;' value='0' type='text' id='{{{idjanela}}}i3GEOgraficointerativo1excluir' />
+		<input style='cursor: pointer;' value='' type='text' id='{{{idjanela}}}i3GEOgraficointerativo1excluir' />
 	</div>
 	<br>
 	<p class='paragrafo'>
@@ -175,6 +182,7 @@
 	<div id='{{{idjanela}}}i3GEOgraficointerativo1Dados'></div>
 	<div class='paragrafo' id='{{{idjanela}}}i3GEOgraficointerativo1AjudaPizza'>{{{seescolher}}}</div>
 </div>
+<!-- Propriedades do grafico -->
 <div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia3obj' style='left: 1px; display: none; top: -5px'>
 	<p class='paragrafo'>
 		<input style='cursor: pointer' type=checkbox id='{{{idjanela}}}i3GEOgraficointerativo1xInclinado' checked />
@@ -210,7 +218,8 @@
 	</p>
 	<p class='paragrafo'>{{{tipoagregay}}}</p>
 	<div class='styled-select'>
-		<select onchange='i3GEOF.graficointerativo1.obterDados()' id='{{{idjanela}}}i3GEOgraficointerativo1TipoAgregacao'><option value='soma'>{{{soma}}}</option>
+		<select onchange='i3GEOF.graficointerativo1.obterDados()' id='{{{idjanela}}}i3GEOgraficointerativo1TipoAgregacao'>
+			<option value='soma'>{{{soma}}}</option>
 			<option value='media'>{{{media}}}</option>
 		</select>
 	</div>
@@ -219,19 +228,21 @@
 	<div class='styled-select'>
 		<input style='cursor: pointer;' value='0' type='text' id='{{{idjanela}}}i3GEOgraficointerativo1FatorTamanho' />
 	</div>
-
-
 </div>
+<!-- Guia que mostra o Grafico -->
 <div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia4obj' style='left: 1px; display: none; top: -10px'>
 	<a style='position: absolute; left: 50px;' href='#' onclick='i3GEOF.graficointerativo1.novaJanela()'> {{{janelasep}}} </a>
 	<img onclick='i3GEOF.graficointerativo1.alteraFatorPixelMenos({{{idjanelaA}}})' style='position: absolute;' src='{{{locaplic}}}/imagens/player_volta.png' />
 	<img onclick='i3GEOF.graficointerativo1.alteraFatorPixelMais({{{idjanelaA}}})' style='position: absolute; left: 20px;' src='{{{locaplic}}}/imagens/player_avanca.png' />
 	<div id='{{{idjanela}}}i3GEOgraficointerativo1guia4objCanvas' style='top: 15px;'></div>
 </div>
+<!--  CSV -->
 <div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia5obj' style='font-size: 10px; left: 10px; display: none; top: -0px'></div>
+<!-- PNG -->
 <div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia6obj' style='font-size: 10px; left: 10px; display: none; top: -0px'>
 	<form method=post action='{{{locaplic}}}/pacotes/svg2img.php' id='{{{idjanela}}}i3GEOgraficointerativo1PNG' target='_blank'>
 		<input type=hidden name='svg' value='' />
 	</form>
 </div>
+<!-- Div usado para renderizar o grafico -->
 <div id='{{{idjanela}}}i3GEOgraficointerativo1Grafico' style='position: relative; top: -5px; display: none'></div>
@@ -129,44 +129,30 @@ i3GEOF.graficoTema = {
 		ins += '	<div class=guiaobj id="i3GEOgraficotemaguia1obj" style="left:1px;90%;display:none;">';
 		ins += '			<div id=i3GEOgraficotemacombot style="display:none;position:relative;top:5px;left:0px;">';
 		ins += '			</div>';
-		ins += '			<p class="paragrafo" >'+$trad(3,i3GEOF.graficoTema.dicionario)+'<br><br>';
+		ins += '			<p class="paragrafo" ><b>'+$trad(3,i3GEOF.graficoTema.dicionario)+'</b><br><br>';
 		ins += '			<div id=i3GEOgraficotemalistai class=digitar style="text-align:left;left:0px;top:0px;330px;height:80px;overflow:auto;display:block;">'+$trad(4,i3GEOF.graficoTema.dicionario)+'</div>';
 		ins += '			<br><br>';
 		ins += '			<p class="paragrafo" ><input id=i3GEOgraficotemabotao1 size=35  type=button value="'+$trad(5,i3GEOF.graficoTema.dicionario)+'" />';
 		ins += '		<div id=i3GEOgraficotemamen1 style=top:10px;left:1px ><p class="paragrafo">'+$trad(6,i3GEOF.graficoTema.dicionario)+'</div>';
 		ins += '	</div>';
 		ins += '	<div class=guiaobj id="i3GEOgraficotemaguia2obj" style="left:1px;display:none;">';
-		ins += '		<table summary="" class=lista width="90%">';
-		ins += '			<tr>';
-		ins += '				<td>'+$trad(7,i3GEOF.graficoTema.dicionario)+':</td>';
-		ins += '				<td>';
-		ins += '				<select id=i3GEOgraficotematipo >';
-		ins += '				<option value="PIE">'+$trad(8,i3GEOF.graficoTema.dicionario)+'</option>';
-		ins += '				<option value="BAR">'+$trad(9,i3GEOF.graficoTema.dicionario)+'</option>';
-		ins += '				</select>';
-		ins += '				</td>';
-		ins += '			</tr><tr><td>&nbsp;</td><td></td></tr>';
-		ins += '			<tr>';
-		ins += '				<td>'+$trad(10,i3GEOF.graficoTema.dicionario)+':</td>';
-		ins += '				<td>';
-		ins += $inputText("","","i3GEOgraficotemalargura","",4,"50")+'</td>';
-		ins += '			</tr><tr><td>&nbsp;</td><td></td></tr>';
-		ins += '			<tr>';
-		ins += '				<td>'+$trad(11,i3GEOF.graficoTema.dicionario)+':</td>';
-		ins += '				<td>';
-		ins += $inputText("","","i3GEOgraficotemaaltura","",4,"50")+'</td>';
-		ins += '			</tr><tr><td>&nbsp;</td><td></td></tr>';
-		ins += '			<tr>';
-		ins += '				<td>'+$trad(12,i3GEOF.graficoTema.dicionario)+':</td>';
-		ins += '				<td>';
-		ins += $inputText("","","i3GEOgraficotemaoffset","",4,"0")+'</td>';
-		ins += '			</tr><tr><td>&nbsp;</td><td></td></tr>';
-		ins += '			<tr>';
-		ins += '				<td>'+$trad(13,i3GEOF.graficoTema.dicionario)+':</td>';
-		ins += '				<td style=width:40% >';
-		ins += $inputText("","","i3GEOgraficotemaoutlinecolor","",12,"0,0,0")+'</td>';
-		ins += '			</tr><tr><td>&nbsp;</td><td></td></tr>';
-		ins += '		</table>';
+		ins += '		<p class="paragrafo">'+$trad(7,i3GEOF.graficoTema.dicionario)+':</p>';
+		ins += '		<div class="styled-select" ><select id=i3GEOgraficotematipo >';
+		ins += '			<option value="PIE">'+$trad(8,i3GEOF.graficoTema.dicionario)+'</option>';
+		ins += '			<option value="BAR">'+$trad(9,i3GEOF.graficoTema.dicionario)+'</option>';
+		ins += '		</select></div>';
+		ins += '		<br>';
+		ins += '		<p class="paragrafo">'+$trad(10,i3GEOF.graficoTema.dicionario)+':</p>';
+		ins += '		<div class="styled-select" ><input type="text" id="i3GEOgraficotemalargura" value="50"/></div>';
+		ins += '		<br>';
+		ins += '		<p class="paragrafo">'+$trad(11,i3GEOF.graficoTema.dicionario)+':</p>';
+		ins += '		<div class="styled-select" ><input type="text" id="i3GEOgraficotemaaltura" value="50"/></div>';
+		ins += '		<br>';
+		ins += '		<p class="paragrafo">'+$trad(12,i3GEOF.graficoTema.dicionario)+':</p>';
+		ins += '		<div class="styled-select" ><input type="text" id="i3GEOgraficotemaoffset" value="0"/></div>';
+		ins += '		<br>';
+		ins += '		<p class="paragrafo">'+$trad(13,i3GEOF.graficoTema.dicionario)+':</p>';
+		ins += '		<div class="styled-select" ><input type="text" id="i3GEOgraficotemaoutlinecolor" value="0,0,0"/></div>';
 		ins += '	</div>';
 		ins += '</div>	';
 		return ins;
@@ -195,6 +181,8 @@ i3GEOF.graficoTema = {
 			true,
 			"hd",
 			"",
+			"",
+			"",
 			true,
 			i3GEO.configura.locaplic+"/imagens/oxygen/16x16/view-statistics.png"
 		);
@@ -147,8 +147,8 @@ i3GEOF.heatmap =
 				"i3GEOF.heatmap_rodape");
 		},
 		t1 : function() {
-			var ins = "<p class='paragrafo'>" + $trad(3, i3GEOF.heatmap.dicionario) + ":";
-			ins += "<div id='i3GEOheatmapSelTemas' style='text-align:left;font-size:11px'></div>";
+			var ins = "<p class='paragrafo'>" + $trad(3, i3GEOF.heatmap.dicionario) + ":</p>";
+			ins += "<div id='i3GEOheatmapSelTemas' class='styled-select'></div>";
 			i3GEO.util.proximoAnterior(
 				"i3GEOF.heatmap.t0()",
 				"i3GEOF.heatmap.t2()",
@@ -160,11 +160,10 @@ i3GEOF.heatmap =
 			i3GEOF.heatmap.comboTemasSel();
 		},
 		t2 : function() {
-			var ins = "<p class='paragrafo'>" + $trad(4, i3GEOF.heatmap.dicionario);
-			ins += "<br></p><input onclick='javascript:this.select();' class=digitar id='i3GEOheatmapd' type=text size=10 value='1'/>";
-
-			ins += "<br><br><p class='paragrafo' >" + $trad(10, i3GEOF.heatmap.dicionario);
-			ins += "<br></p><div id=i3GEOheatmapondeItens style='text-align:left;display:block' ></div> ";
+			var ins = "<p class='paragrafo'>" + $trad(4, i3GEOF.heatmap.dicionario) + "</p>"
+			+ "<div class='styled-select'><input onclick='javascript:this.select();' id='i3GEOheatmapd' type='text' value='1'/></div><br>"
+			+ "<p class='paragrafo' >" + $trad(10, i3GEOF.heatmap.dicionario) + "</p>"
+			+ "<div class='styled-select' id='i3GEOheatmapondeItens' style='display:block' ></div> ";
 			i3GEO.util.proximoAnterior(
 				"i3GEOF.heatmap.t1()",
@@ -278,7 +277,7 @@ i3GEOF.heatmap =
 					$i("i3GEOheatmaptemasComSel").value = i3GEO.temaAtivo;
 					$i("i3GEOheatmaptemasComSel").onchange.call();
 				}
-			}, "i3GEOheatmapSelTemas", "", false, "ligados");
+			}, "i3GEOheatmapSelTemas", "", false, "ligados","display:block;");
 		},
 		/**
 		 * Function: comboItens
+<!-- Guias -->
 <div id='{{{idjanela}}}' class='yui-navset' style='top: 0px; cursor: pointer; left: 0px;'>
 	<ul class='yui-nav' style='border-width: 0pt 0pt 0px; border-color: rgb(240, 240, 240); border-bottom-color: white;'>
 		<li>
@@ -31,7 +32,9 @@
 	</ul>
 </div>
 <br>
+<!-- Local onde a tabela e renderizada -->
 <div id='{{{idjanela}}}i3GEOtabelaresultadotab' style='background-color: #F2F2F2; position: relative; top: 5px; left: 0px'></div>
+<!-- Guia Propriedades -->
 <div id='{{{idjanela}}}i3GEOtabelaguia6obj' style='width: 99%'>
 	<table summary='' class='lista2'>
 		<tr>
@@ -53,7 +56,7 @@
 		</tr>
 	</table>
 </div>
-
+<!-- Registros da tabela -->
 <div id='{{{idjanela}}}i3GEOtabelaguia1obj' style='width: 99%'>
 	<div id='{{{idjanela}}}i3GEOtabelacombot' style='position: relative; top: 5px; left: 0px; display: none;'></div>
 	<input title='{{{sellinhas}}}' id='{{{idjanela}}}i3GEOtabelabotao2' size='25' type='button' value='{{{atvsel}}}' />
@@ -73,7 +76,7 @@
 	</div>
 	<div id='{{{idjanela}}}i3GEOtabelaregistros' style='position: relative; top: 20px; left: 0px; text-align: left;'></div>
 </div>
-
+<!-- Estatisticas -->
 <div id='{{{idjanela}}}i3GEOtabelaguia3obj' style='display: none; width: 95%; left: 0px; padding: 5px;'>
 	<p class='paragrafo'>
 		<label>{{{itemcalc}}}:</label>
@@ -93,6 +96,7 @@
 		<p class='paragrafo'>{{{paraqueas}}}
 	</div>
 </div>
+<!-- Relatorio -->
 <div id='{{{idjanela}}}i3GEOtabelaguia5obj' style='width: 95%; display: none; padding-left: 5px;'>
 	<p class='paragrafo'>{{{itensrel}}}:
 	<p class='paragrafo'>