Commit c3385c1cc7551ff4b10a3b5ab1ec64130c2879ea
1 parent
f3fd1c63
Exists in
master
and in
7 other branches
Melhorias no layout
Showing
2 changed files
with
45 additions
and
28 deletions
Show diff stats
admin/dicionario/estat_editor.js
admin/js/estat_editor.js
... | ... | @@ -27,10 +27,12 @@ i3GEOadmin.editor = { |
27 | 27 | success:function(o){ |
28 | 28 | try { |
29 | 29 | var dados = YAHOO.lang.JSON.parse(o.responseText), |
30 | - temp = "<p>Escolha a conexão com o banco: "; | |
31 | - temp += "<select id='i3GEOadmincodigo_estat_conexao' onchange='i3GEOadmin.editor.esquema.lista()'>"; | |
32 | - temp += core_comboObjeto(dados,"codigo_estat_conexao","bancodedados","","codigo_estat_conexao"); | |
33 | - temp += "</select></p>"; | |
30 | + temp = "<fieldset>" + | |
31 | + "<legend>Conexão</legend>" + | |
32 | + "<p>Escolha a conexão com o banco:</p>" + | |
33 | + "<select id='i3GEOadmincodigo_estat_conexao' onchange='i3GEOadmin.editor.esquema.lista()'>" + | |
34 | + core_comboObjeto(dados,"codigo_estat_conexao","bancodedados","","codigo_estat_conexao") + | |
35 | + "</select></fieldset>"; | |
34 | 36 | $i(i3GEOadmin.editor.conexao.onde).innerHTML = temp; |
35 | 37 | core_carregando("desativa"); |
36 | 38 | } |
... | ... | @@ -50,12 +52,16 @@ i3GEOadmin.editor = { |
50 | 52 | success:function(o){ |
51 | 53 | try { |
52 | 54 | var botao, dados = YAHOO.lang.JSON.parse(o.responseText), |
53 | - temp = "<fieldset><p>Escolha um esquema: " + | |
55 | + temp = "<fieldset>" + | |
56 | + "<legend>Esquema</legend>" + | |
57 | + "<p>Escolha um esquema existente no banco de dados:</p>" + | |
54 | 58 | "<select id='i3GEOadminesquema' onchange='i3GEOadmin.editor.tabela.lista()'>" + |
55 | 59 | core_comboObjeto(dados,"esquema","esquema") + |
56 | - "</select></p>" + | |
60 | + "</select>" + | |
61 | + "<p class=paragrafo >Outras opções:</p>"+ | |
57 | 62 | "<p class=paragrafo ><input type=button value='Criar um novo esquema' id='i3GEOadminesquemaCriar' />" + |
58 | - " <input type=button value='Alterar nome atual' id='i3GEOadminesquemaAlterarNome' /></p>"; | |
63 | + " <input type=button value='Alterar nome do esquema' id='i3GEOadminesquemaAlterarNome' />" + | |
64 | + " <input type=button value='Criar uma nova tabela' id='i3GEOadmintabelaCriar' /></p>"; | |
59 | 65 | |
60 | 66 | $i(i3GEOadmin.editor.esquema.onde).innerHTML = temp+"</fieldset>"; |
61 | 67 | if(selecao){ |
... | ... | @@ -74,6 +80,12 @@ i3GEOadmin.editor = { |
74 | 80 | {onclick:{fn: i3GEOadmin.editor.esquema.alterarNome}} |
75 | 81 | ); |
76 | 82 | botao.addClass("rodar"); |
83 | + | |
84 | + botao = new YAHOO.widget.Button( | |
85 | + "i3GEOadmintabelaCriar", | |
86 | + {onclick:{fn: i3GEOadmin.editor.tabela.criar}} | |
87 | + ); | |
88 | + botao.addClass("rodar"); | |
77 | 89 | } |
78 | 90 | catch(e){core_handleFailure(e,o.responseText);} |
79 | 91 | }, |
... | ... | @@ -162,21 +174,20 @@ i3GEOadmin.editor = { |
162 | 174 | try { |
163 | 175 | var botao, opt,dados = YAHOO.lang.JSON.parse(o.responseText), |
164 | 176 | temp = "<fieldset>" + |
165 | - "<p class=paragrafo >Crie uma tabela no banco contendo limites ou localidades que poderá ser utilizada para espacializar os dados estatísticos existentes em outras tabelas<br>" + | |
177 | + "<legend>SHP</legend>" + | |
178 | + "<p class=paragrafo >Faça o upload de um arquivo no formato shapefile e armazene os dados no banco Postgis e no esquema escolhido </p>" + | |
166 | 179 | "<input type=button value='Upload Shapefile' id='i3GEOadmin_botaoupload' /></p>" + |
167 | 180 | "<div id='i3GEOadmin_formupload'></div>" + |
168 | 181 | "</fieldset>" + |
169 | 182 | "<fieldset>" + |
183 | + "<legend>CSV</legend>" + | |
170 | 184 | "<p class=paragrafo >Crie uma tabela nova a partir de um arquivo CSV. Utilize essa opção para armazenar no banco os dados que serão relacionados às tabelas contendo limites ou localidades. Se no CSV existirem colunas com as coordenadas, a tabela criada poderá armazenar a geometria possibilitando seu uso como localidades. </p>" + |
171 | 185 | "<input type=button value='Upload CSV' id='i3GEOadmin_botaouploadcsv' /></p>" + |
172 | 186 | "<div id='i3GEOadmin_formuploadcsv'></div>" + |
173 | - "</fieldset>" + | |
174 | - "<fieldset>" + | |
175 | - "<p class=paragrafo >Crie uma tabela vazia no banco de dados, definindo o nome e os tipos de colunas<br>" + | |
176 | - "<input type=button value='Criar uma nova tabela' id='i3GEOadmintabelaCriar' /></p>" + | |
177 | 187 | "</fieldset>"; |
178 | 188 | |
179 | 189 | temp += "<fieldset>" + |
190 | + "<legend>Tabela</legend>" + | |
180 | 191 | "<p>Escolha uma tabela existente: " + |
181 | 192 | "<select id='i3GEOadmintabela' onchange='i3GEOadmin.editor.coluna.lista()'>"; |
182 | 193 | opt = core_comboObjeto(dados,"tabela","tabela"); |
... | ... | @@ -210,11 +221,7 @@ i3GEOadmin.editor = { |
210 | 221 | {onclick:{fn: i3GEOadmin.editor.tabela.csv}} |
211 | 222 | ); |
212 | 223 | botao.addClass("rodar"); |
213 | - botao = new YAHOO.widget.Button( | |
214 | - "i3GEOadmintabelaCriar", | |
215 | - {onclick:{fn: i3GEOadmin.editor.tabela.criar}} | |
216 | - ); | |
217 | - botao.addClass("rodar"); | |
224 | + | |
218 | 225 | botao = new YAHOO.widget.Button( |
219 | 226 | "i3GEOadmintabelaAlterarNome", |
220 | 227 | {onclick:{fn: i3GEOadmin.editor.tabela.alterarNome }} |
... | ... | @@ -537,6 +544,8 @@ i3GEOadmin.editor = { |
537 | 544 | }, |
538 | 545 | uploadshp: { |
539 | 546 | inicia: function(){ |
547 | + $i("i3GEOadmin_botaoupload").style.display = "none"; | |
548 | + $i("i3GEOadmin_botaouploadcsv").style.display = ""; | |
540 | 549 | i3GEOadmin.editor.esvaziaFormsUpload(); |
541 | 550 | var botao, onde = $i("i3GEOadmin_formupload"); |
542 | 551 | if(onde.innerHTML != ""){ |
... | ... | @@ -563,21 +572,19 @@ i3GEOadmin.editor = { |
563 | 572 | var ins = '' + |
564 | 573 | '<form id=i3GEOuploadf target="i3GEOuploadiframe" action="../php/metaestat_uploadshp_submit.php" method="post" ENCTYPE="multipart/form-data">' + |
565 | 574 | '<fieldset class=subbloco >' + |
575 | + '<legend>Shapefile de origem</legend>' + | |
566 | 576 | '<p class="paragrafo" >shp: <br><input type="file" size=22 name="i3GEOuploadshp" style="top:0px;left:0px;cursor:pointer;"></p>' + |
567 | 577 | '<p class="paragrafo" >shx: <br><input type="file" size=22 name="i3GEOuploadshx" style="top:0px;left:0px;cursor:pointer;"></p>' + |
568 | 578 | '<p class="paragrafo" >dbf: <br><input type="file" size=22 name="i3GEOuploaddbf" style="top:0px;left:0px;cursor:pointer;"></p>' + |
569 | 579 | '</fieldset>' + |
570 | 580 | '<fieldset class=subbloco >' + |
581 | + '<legend>Destino</legend>' + | |
571 | 582 | '<p class="paragrafo" >Nome da tabela (não utilize caracteres incompatíveis com o banco de dados, como -, acentos ou espaços em branco):<br>' + |
572 | - '<input class=digitar type="text" size=20 id="tabelaDestino" name="tabelaDestino" style="top:0px;left:0px;cursor:pointer;"> ' + | |
573 | - 'Ou escolha da lista: ' + | |
583 | + '<input class=digitar type="text" size=40 id="tabelaDestino" name="tabelaDestino" style="top:0px;left:0px;cursor:pointer;"> ' + | |
584 | + 'Ou escolha uma tabela existente no banco de dados: ' + | |
574 | 585 | '<select onchange="javascript:$i(\'tabelaDestino\').value = this.value;">' + |
575 | 586 | i3GEOadmin.editor.tabela.optionsTabela + |
576 | 587 | '</select></p>' + |
577 | - '</fieldset>' + | |
578 | - '<fieldset class=subbloco >' + | |
579 | - '<p class="paragrafo" >Comentário:</p>' + | |
580 | - '<textarea name="comentarioShp" rows="5" cols="70" ></textarea>' + | |
581 | 588 | '<p class="paragrafo" >Tipo de operação:</p>' + |
582 | 589 | '<select id=i3GEOtipoOperacao name=tipoOperacao >' + |
583 | 590 | '<option value=criar >Criar a tabela nova e incluir registros do SHP</option>' + |
... | ... | @@ -586,13 +593,20 @@ i3GEOadmin.editor = { |
586 | 593 | '</select></p>' + |
587 | 594 | '</fieldset>' + |
588 | 595 | '<fieldset class=subbloco >' + |
596 | + '<legend>Comentário</legend>' + | |
597 | + '<p class="paragrafo" >Registrar o seguinte comentário na tabela:</p>' + | |
598 | + '<textarea name="comentarioShp" rows="5" cols="70" ></textarea>' + | |
599 | + '</fieldset>' + | |
600 | + '<fieldset class=subbloco >' + | |
601 | + '<legend>Projeção</legend>' + | |
589 | 602 | '<p class="paragrafo" >Assegure-se que o shapefile esteja na projeção geográfica se você for usar com o sistema de metadados estatísticos.</p>' + |
590 | 603 | '<p class="paragrafo" >Código da projeção (SRID) do arquivo</p>' + |
591 | - '<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>' + | |
604 | + '<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>' + | |
592 | 605 | '<p class="paragrafo" >Projetar o arquivo para (deixe em branco caso não deva ser feita a projeção dos dados):</p>' + |
593 | - '<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>' + | |
606 | + '<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>' + | |
594 | 607 | '</fieldset>' + |
595 | 608 | '<fieldset class=subbloco >' + |
609 | + '<legend>Enviar</legend>' + | |
596 | 610 | '<p class="paragrafo" ><input type=checkbox name=i3GEOuploadCriaMapfile id=i3GEOuploadCriaMapfile style="cursor:pointer;position:relative;top:2px;" /> Marque para criar o arquivo de configuração (mapfile) e visualizar os dados no mapa interativo (você poderá editar esse arquivo posteriormente no editor de mapfiles)' + |
597 | 611 | '<p class="paragrafo" ><input type="checkbox" id="incluiserialshp" name="incluiserialshp" style="cursor:pointer;position:relative;top:2px;"> Inclui uma coluna gid do tipo serial e chave primária com código único</p>' + |
598 | 612 | '<p class="paragrafo" ><input id=i3GEOuploadsubmit type="button" value="Enviar shapefile" size=12 />' + |
... | ... | @@ -600,7 +614,7 @@ i3GEOadmin.editor = { |
600 | 614 | '<input type="hidden" id="i3GEOuploadcodigoconexao" name="i3GEOuploadcodigoconexao" value="">' + |
601 | 615 | '<input type="hidden" id="i3GEOuploadesquema" name="i3GEOuploadesquema" value="">' + |
602 | 616 | "<p class='paragrafo' style=color:red >Não utilize '_' no nome do arquivo. Apenas letras e números são aceitos!!!</p>" + |
603 | - '<iframe name=i3GEOuploadiframe style="text-align:left;border:1px solid gray;" width="98%" height="400px"></iframe>' + | |
617 | + '<iframe name=i3GEOuploadiframe id=i3GEOuploadiframeId style="display:none; text-align:left;border:1px solid gray;" width="98%" height="200px"></iframe>' + | |
604 | 618 | '<p class="paragrafo" >Após terminar o processo, atualize essa página para que a nova tabela criada apareça nas listas de seleção.</p>' + |
605 | 619 | '<p class="paragrafo" >Utilize o <a href="./estat_tipo_regiao.html" >cadastro de regiões</a> para registrar a tabela criada como uma nova unidade geográfica que poderá ser escolhida no processo de criação de variáveis.</p>' + |
606 | 620 | '</fieldset>' + |
... | ... | @@ -624,12 +638,15 @@ i3GEOadmin.editor = { |
624 | 638 | } |
625 | 639 | $i("i3GEOuploadcodigoconexao").value = $i("i3GEOadmincodigo_estat_conexao").value; |
626 | 640 | $i("i3GEOuploadesquema").value = $i("i3GEOadminesquema").value; |
641 | + $i("i3GEOuploadiframeId").style.display = "block"; | |
627 | 642 | $i("i3GEOuploadf").submit(); |
628 | 643 | $i("tabelaDestino").value = ""; |
629 | 644 | } |
630 | 645 | }, |
631 | 646 | uploadcsv: { |
632 | 647 | inicia: function(){ |
648 | + $i("i3GEOadmin_botaouploadcsv").style.display = "none"; | |
649 | + $i("i3GEOadmin_botaoupload").style.display = ""; | |
633 | 650 | i3GEOadmin.editor.esvaziaFormsUpload(); |
634 | 651 | var botao,onde = $i("i3GEOadmin_formuploadcsv"); |
635 | 652 | if(onde.innerHTML != ""){ |
... | ... | @@ -673,7 +690,7 @@ i3GEOadmin.editor = { |
673 | 690 | '<input type="hidden" id="i3GEOuploadcsvesquema" name="i3GEOuploadcsvesquema" value="" />' + |
674 | 691 | '<iframe name=i3GEOuploadcsviframe style="text-align:left;border:1px solid gray;" width="98%" height="400px"></iframe>' + |
675 | 692 | '<p class="paragrafo" >Após terminar o processo, atualize essa página para que a nova tabela criada apareça nas listas de seleção.</p>' + |
676 | - '<p class="paragrafo" >Utilize o <a href="./estat_tipo_regiao.html" >cadastro de regiões</a> para registrar a tabela criada com latitude e longitude como uma nova unidade geográfica que poderá ser escolhida no processo de criação de variáveis.</p>' + | |
693 | + '<p class="paragrafo" >Se você está usando o do módulo de metadados estatísticos veja o <a href="./estat_tipo_regiao.html" >cadastro de regiões</a> para registrar a tabela criada com latitude e longitude como uma nova unidade geográfica que poderá ser escolhida no processo de criação de variáveis.</p>' + | |
677 | 694 | '</fieldset>'+ |
678 | 695 | '</form>'; |
679 | 696 | ... | ... |