Melhorias no layout

Edmar Moretti
1 parent ab1e24b2
Showing 2 changed files with 45 additions and 28 deletions Show diff stats
admin/dicionario/estat_editor.js
admin/js/estat_editor.js
@@ -2,7 +2,7 @@
 i3GEOadmin.estat_editor = {};
 i3GEOadmin.estat_editor.dicionario = {
 	'estatEditor' : [ {
-		pt : "Metadados estat&iacute;sticos - editor de tabelas	de dados",
+		pt : "Gerenciador de dados Postgis",
 		en : "",
 		es : ""
 	} ],
@@ -27,10 +27,12 @@ i3GEOadmin.editor = {
 					success:function(o){
 						try	{
 							var dados = YAHOO.lang.JSON.parse(o.responseText),
-							temp = "<p>Escolha a conex&atilde;o com o banco: ";
-							temp += "<select id='i3GEOadmincodigo_estat_conexao' onchange='i3GEOadmin.editor.esquema.lista()'>";
-							temp += core_comboObjeto(dados,"codigo_estat_conexao","bancodedados","","codigo_estat_conexao");
-							temp += "</select></p>";
+							temp = "<fieldset>" +
+							"<legend>Conex&atilde;o</legend>" +
+							"<p>Escolha a conex&atilde;o com o banco:</p>" +
+							"<select id='i3GEOadmincodigo_estat_conexao' onchange='i3GEOadmin.editor.esquema.lista()'>" +
+							core_comboObjeto(dados,"codigo_estat_conexao","bancodedados","","codigo_estat_conexao") +
+							"</select></fieldset>";
 							$i(i3GEOadmin.editor.conexao.onde).innerHTML = temp;
 							core_carregando("desativa");
 						}
@@ -50,12 +52,16 @@ i3GEOadmin.editor = {
 					success:function(o){
 						try	{
 							var botao, dados = YAHOO.lang.JSON.parse(o.responseText),
-							temp = "<fieldset><p>Escolha um esquema: " +
+							temp = "<fieldset>" +
+							"<legend>Esquema</legend>" +
+							"<p>Escolha um esquema existente no banco de dados:</p>" +
 							"<select id='i3GEOadminesquema' onchange='i3GEOadmin.editor.tabela.lista()'>" +
 							core_comboObjeto(dados,"esquema","esquema") +
-							"</select></p>" +
+							"</select>" +
+							"<p class=paragrafo >Outras op&ccedil;&otilde;es:</p>"+
 							"<p class=paragrafo ><input type=button value='Criar um novo esquema' id='i3GEOadminesquemaCriar' />" +
-							"&nbsp;<input type=button value='Alterar nome atual' id='i3GEOadminesquemaAlterarNome' /></p>";
+							"&nbsp;<input type=button value='Alterar nome do esquema' id='i3GEOadminesquemaAlterarNome' />" +
+							"&nbsp;<input type=button value='Criar uma nova tabela' id='i3GEOadmintabelaCriar' /></p>";
 							$i(i3GEOadmin.editor.esquema.onde).innerHTML = temp+"</fieldset>";
 							if(selecao){
@@ -74,6 +80,12 @@ i3GEOadmin.editor = {
 								{onclick:{fn: i3GEOadmin.editor.esquema.alterarNome}}
 							);
 							botao.addClass("rodar");
+
+							botao = new YAHOO.widget.Button(
+								"i3GEOadmintabelaCriar",
+								{onclick:{fn: i3GEOadmin.editor.tabela.criar}}
+							);
+							botao.addClass("rodar");
 						}
 						catch(e){core_handleFailure(e,o.responseText);}
 					},
@@ -162,21 +174,20 @@ i3GEOadmin.editor = {
 						try	{
 							var botao, opt,dados = YAHOO.lang.JSON.parse(o.responseText),
 							temp = "<fieldset>" +
-							"<p class=paragrafo >Crie uma tabela no banco contendo limites ou localidades que poder&aacute; ser utilizada para espacializar os dados estat&iacute;sticos existentes em outras tabelas<br>" +
+							"<legend>SHP</legend>" +
+							"<p class=paragrafo >Fa&ccedil;a o upload de um arquivo no formato shapefile e armazene os dados no banco Postgis e no esquema escolhido </p>" +
 							"<input type=button value='Upload Shapefile' id='i3GEOadmin_botaoupload' /></p>" +
 							"<div id='i3GEOadmin_formupload'></div>" +
 							"</fieldset>" +
 							"<fieldset>" +
+							"<legend>CSV</legend>" +
 							"<p class=paragrafo >Crie uma tabela nova a partir de um arquivo CSV. Utilize essa op&ccedil;&atilde;o para armazenar no banco os dados que ser&atilde;o relacionados &agrave;s tabelas contendo limites ou localidades. Se no CSV existirem colunas com as coordenadas, a tabela criada poder&aacute; armazenar a geometria possibilitando seu uso como localidades. </p>" +
 							"<input type=button value='Upload CSV' id='i3GEOadmin_botaouploadcsv' /></p>" +
 							"<div id='i3GEOadmin_formuploadcsv'></div>" +
-							"</fieldset>" +
-							"<fieldset>" +
-							"<p class=paragrafo >Crie uma tabela vazia no banco de dados, definindo o nome e os tipos de colunas<br>" +
-							"<input type=button value='Criar uma nova tabela' id='i3GEOadmintabelaCriar' /></p>" +
 							"</fieldset>";
 							temp += "<fieldset>" +
+							"<legend>Tabela</legend>" +
 							"<p>Escolha uma tabela existente: " +
 							"<select id='i3GEOadmintabela' onchange='i3GEOadmin.editor.coluna.lista()'>";
 							opt = core_comboObjeto(dados,"tabela","tabela");
@@ -210,11 +221,7 @@ i3GEOadmin.editor = {
 								{onclick:{fn: i3GEOadmin.editor.tabela.csv}}
 							);
 							botao.addClass("rodar");
-							botao = new YAHOO.widget.Button(
-								"i3GEOadmintabelaCriar",
-								{onclick:{fn: i3GEOadmin.editor.tabela.criar}}
-							);
-							botao.addClass("rodar");
+
 							botao = new YAHOO.widget.Button(
 								"i3GEOadmintabelaAlterarNome",
 								{onclick:{fn: i3GEOadmin.editor.tabela.alterarNome }}
@@ -537,6 +544,8 @@ i3GEOadmin.editor = {
 	},
 	uploadshp: {
 		inicia: function(){
+			$i("i3GEOadmin_botaoupload").style.display = "none";
+			$i("i3GEOadmin_botaouploadcsv").style.display = "";
 			i3GEOadmin.editor.esvaziaFormsUpload();
 			var botao, onde = $i("i3GEOadmin_formupload");
 			if(onde.innerHTML != ""){
@@ -563,21 +572,19 @@ i3GEOadmin.editor = {
 			var ins = '' +
 			'<form id=i3GEOuploadf target="i3GEOuploadiframe" action="../php/metaestat_uploadshp_submit.php" method="post" ENCTYPE="multipart/form-data">' +
 			'<fieldset class=subbloco >' +
+			'<legend>Shapefile de origem</legend>' +
 			'<p class="paragrafo" >shp: <br><input type="file" size=22 name="i3GEOuploadshp" style="top:0px;left:0px;cursor:pointer;"></p>' +
 			'<p class="paragrafo" >shx: <br><input type="file" size=22 name="i3GEOuploadshx" style="top:0px;left:0px;cursor:pointer;"></p>' +
 			'<p class="paragrafo" >dbf: <br><input type="file" size=22 name="i3GEOuploaddbf" style="top:0px;left:0px;cursor:pointer;"></p>' +
 			'</fieldset>' +
 			'<fieldset class=subbloco >' +
+			'<legend>Destino</legend>' +
 			'<p class="paragrafo" >Nome da tabela (n&atilde;o utilize caracteres incompat&iacute;veis com o banco de dados, como -, acentos ou espa&ccedil;os em branco):<br>' +
-			'<input class=digitar type="text" size=20 id="tabelaDestino" name="tabelaDestino" style="top:0px;left:0px;cursor:pointer;"> ' +
-			'Ou escolha da lista: ' +
+			'<input class=digitar type="text" size=40 id="tabelaDestino" name="tabelaDestino" style="top:0px;left:0px;cursor:pointer;"> ' +
+			'Ou escolha uma tabela existente no banco de dados: ' +
 			'<select onchange="javascript:$i(\'tabelaDestino\').value = this.value;">' +
 			i3GEOadmin.editor.tabela.optionsTabela +
 			'</select></p>' +
-			'</fieldset>' +
-			'<fieldset class=subbloco >' +
-			'<p class="paragrafo" >Coment&aacute;rio:</p>' +
-			'<textarea name="comentarioShp" rows="5" cols="70" ></textarea>' +
 			'<p class="paragrafo" >Tipo de opera&ccedil;&atilde;o:</p>' +
 			'<select id=i3GEOtipoOperacao name=tipoOperacao >' +
 			'<option value=criar >Criar a tabela nova e incluir registros do SHP</option>' +
@@ -586,13 +593,20 @@ i3GEOadmin.editor = {
 			'</select></p>' +
 			'</fieldset>' +
 			'<fieldset class=subbloco >' +
+			'<legend>Coment&aacute;rio</legend>' +
+			'<p class="paragrafo" >Registrar o seguinte coment&aacute;rio na tabela:</p>' +
+			'<textarea name="comentarioShp" rows="5" cols="70" ></textarea>' +
+			'</fieldset>' +
+			'<fieldset class=subbloco >' +
+			'<legend>Proje&ccedil;&atilde;o</legend>' +
 			'<p class="paragrafo" >Assegure-se que o shapefile esteja na proje&ccedil;&atilde;o geogr&aacute;fica se voc&ecirc; for usar com o sistema de metadados estat&iacute;sticos.</p>' +
 			'<p class="paragrafo" >C&oacute;digo da proje&ccedil;&atilde;o (SRID) do arquivo</p>' +
-			'<p><div id=selInSrid ></div><input class=digitar type="text" value="4326" size=20 id="insrid" name="insrid" style="top:0px;left:0px;cursor:pointer;"></p>' +
+			'<input class=digitar type="text" value="4326" size=20 id="insrid" name="insrid" style="top:0px;left:0px;cursor:pointer;float:left;margin-right:10px;"><div id=selInSrid ></div>' +
 			'<p class="paragrafo" >Projetar o arquivo para (deixe em branco caso n&atilde;o deva ser feita a proje&ccedil;&atilde;o dos dados):</p>' +
-			'<p><div id=selOutSrid ></div><input class=digitar type="text" value="" size=20 id="outsrid" name="outsrid" style="top:0px;left:0px;cursor:pointer;"></p>' +
+			'<input class=digitar type="text" value="" size=20 id="outsrid" name="outsrid" style="top:0px;left:0px;cursor:pointer;float:left;margin-right:10px;"><div id=selOutSrid ></div>' +
 			'</fieldset>' +
 			'<fieldset class=subbloco >' +
+			'<legend>Enviar</legend>' +
 			'<p class="paragrafo" ><input type=checkbox name=i3GEOuploadCriaMapfile id=i3GEOuploadCriaMapfile style="cursor:pointer;position:relative;top:2px;" />&nbsp;Marque para criar o arquivo de configura&ccedil;&atilde;o (mapfile) e visualizar os dados no mapa interativo (voc&ecirc; poder&aacute; editar esse arquivo posteriormente no editor de mapfiles)' +
 			'<p class="paragrafo" ><input type="checkbox" id="incluiserialshp" name="incluiserialshp" style="cursor:pointer;position:relative;top:2px;">&nbsp;Inclui uma coluna gid do tipo serial e chave prim&aacute;ria com c&oacute;digo &uacute;nico</p>' +
 			'<p class="paragrafo" ><input id=i3GEOuploadsubmit type="button" value="Enviar shapefile" size=12 />' +
@@ -600,7 +614,7 @@ i3GEOadmin.editor = {
 			'<input type="hidden" id="i3GEOuploadcodigoconexao" name="i3GEOuploadcodigoconexao" value="">' +
 			'<input type="hidden" id="i3GEOuploadesquema" name="i3GEOuploadesquema" value="">' +
 			"<p class='paragrafo' style=color:red >N&atilde;o utilize '_' no nome do arquivo. Apenas letras e n&uacute;meros s&atilde;o aceitos!!!</p>" +
-			'<iframe name=i3GEOuploadiframe style="text-align:left;border:1px solid gray;" width="98%" height="400px"></iframe>' +
+			'<iframe name=i3GEOuploadiframe id=i3GEOuploadiframeId style="display:none; text-align:left;border:1px solid gray;" width="98%" height="200px"></iframe>' +
 			'<p class="paragrafo" >Ap&oacute;s terminar o processo, atualize essa p&aacute;gina para que a nova tabela criada apare&ccedil;a nas listas de sele&ccedil;&atilde;o.</p>' +
 			'<p class="paragrafo" >Utilize o <a href="./estat_tipo_regiao.html" >cadastro de regi&otilde;es</a> para registrar a tabela criada como uma nova unidade geogr&aacute;fica que poder&aacute; ser escolhida no processo de cria&ccedil;&atilde;o de vari&aacute;veis.</p>' +
 			'</fieldset>' +
@@ -624,12 +638,15 @@ i3GEOadmin.editor = {
 			}
 			$i("i3GEOuploadcodigoconexao").value = $i("i3GEOadmincodigo_estat_conexao").value;
 			$i("i3GEOuploadesquema").value = $i("i3GEOadminesquema").value;
+			$i("i3GEOuploadiframeId").style.display = "block";
 			$i("i3GEOuploadf").submit();
 			$i("tabelaDestino").value = "";
 		}
 	},
 	uploadcsv: {
 		inicia: function(){
+			$i("i3GEOadmin_botaouploadcsv").style.display = "none";
+			$i("i3GEOadmin_botaoupload").style.display = "";
 			i3GEOadmin.editor.esvaziaFormsUpload();
 			var botao,onde = $i("i3GEOadmin_formuploadcsv");
 			if(onde.innerHTML != ""){
@@ -673,7 +690,7 @@ i3GEOadmin.editor = {
 			'<input type="hidden" id="i3GEOuploadcsvesquema" name="i3GEOuploadcsvesquema" value="" />' +
 			'<iframe name=i3GEOuploadcsviframe style="text-align:left;border:1px solid gray;" width="98%" height="400px"></iframe>' +
 			'<p class="paragrafo" >Ap&oacute;s terminar o processo, atualize essa p&aacute;gina para que a nova tabela criada apare&ccedil;a nas listas de sele&ccedil;&atilde;o.</p>' +
-			'<p class="paragrafo" >Utilize o <a href="./estat_tipo_regiao.html" >cadastro de regi&otilde;es</a> para registrar a tabela criada com latitude e longitude como uma nova unidade geogr&aacute;fica que poder&aacute; ser escolhida no processo de cria&ccedil;&atilde;o de vari&aacute;veis.</p>' +
+			'<p class="paragrafo" >Se voc&ecirc; est&aacute; usando o do m&oacute;dulo de metadados estat&iacute;sticos veja o <a href="./estat_tipo_regiao.html" >cadastro de regi&otilde;es</a> para registrar a tabela criada com latitude e longitude como uma nova unidade geogr&aacute;fica que poder&aacute; ser escolhida no processo de cria&ccedil;&atilde;o de vari&aacute;veis.</p>' +
 			'</fieldset>'+
 			'</form>';
	@@ -2,7 +2,7 @@		@@ -2,7 +2,7 @@
2	i3GEOadmin.estat_editor = {};	2	i3GEOadmin.estat_editor = {};
3	i3GEOadmin.estat_editor.dicionario = {	3	i3GEOadmin.estat_editor.dicionario = {
4	'estatEditor' : [ {	4	'estatEditor' : [ {
5	- pt : "Metadados estatísticos - editor de tabelas de dados",	5	+ pt : "Gerenciador de dados Postgis",
6	en : "",	6	en : "",
7	es : ""	7	es : ""
8	} ],	8	} ],