Commit 871309976b04c9eb88b53bca20224e0a8d1054bd

Authored by Edmar Moretti
1 parent 209a9e98

Adaptação da ferramenta Upload do catálogo de temas

ferramentas/uploadarquivos/index.js
@@ -6,126 +6,110 @@ if (typeof (i3GEOF) === 'undefined') { @@ -6,126 +6,110 @@ if (typeof (i3GEOF) === 'undefined') {
6 */ 6 */
7 i3GEOF.uploadarquivos = 7 i3GEOF.uploadarquivos =
8 { 8 {
9 - /**  
10 - * Template no formato mustache. E preenchido na carga do javascript com o programa dependencias.php  
11 - */  
12 - MUSTACHE : "",  
13 - /**  
14 - * Susbtitutos para o template  
15 - */  
16 - mustacheHash : function() {  
17 - var dicionario = i3GEO.idioma.objetoIdioma(i3GEOF.uploadarquivos.dicionario);  
18 - dicionario["locaplic"] = i3GEO.configura.locaplic;  
19 - return dicionario;  
20 - },  
21 - /*  
22 - * Function: inicia  
23 - *  
24 - * Inicia a ferramenta. É chamado por criaJanelaFlutuante  
25 - *  
26 - * Parametro:  
27 - *  
28 - * iddiv {String} - id do div que receberá o conteudo HTML da ferramenta  
29 - */  
30 - inicia : function(iddiv) {  
31 - if(i3GEOF.uploadarquivos.MUSTACHE == ""){  
32 - $.get(i3GEO.configura.locaplic + "/ferramentas/uploadarquivos/template_mst.html", function(template) {  
33 - i3GEOF.uploadarquivos.MUSTACHE = template;  
34 - i3GEOF.uploadarquivos.inicia(iddiv);  
35 - });  
36 - return;  
37 - }  
38 - $i(iddiv).innerHTML = i3GEOF.uploadarquivos.html();  
39 - new YAHOO.widget.Button("i3GEOFuploadarquivosShp", {  
40 - onclick : {  
41 - fn : function() {  
42 - i3GEO.util.scriptTag(i3GEO.configura.locaplic  
43 - + "/ferramentas/upload/index.js",  
44 - "i3GEOF.upload.criaJanelaFlutuante()",  
45 - "i3GEOF.upload_script");  
46 - }  
47 - }  
48 - });  
49 - new YAHOO.widget.Button("i3GEOFuploadarquivosDbfCsv", {  
50 - onclick : {  
51 - fn : function() {  
52 - i3GEO.util.scriptTag(i3GEO.configura.locaplic  
53 - + "/ferramentas/uploaddbf/dependencias.php",  
54 - "i3GEOF.uploaddbf.iniciaJanelaFlutuante()",  
55 - "i3GEOF.uploaddbf_script");  
56 - }  
57 - }  
58 - });  
59 - new YAHOO.widget.Button("i3GEOFuploadarquivosGpx", {  
60 - onclick : {  
61 - fn : function() {  
62 - i3GEO.util.scriptTag(i3GEO.configura.locaplic  
63 - + "/ferramentas/uploadgpx/dependencias.php",  
64 - "i3GEOF.uploadgpx.iniciaJanelaFlutuante()",  
65 - "i3GEOF.uploadgpx_script");  
66 - } 9 + /**
  10 + * Template no formato mustache. E preenchido na carga do javascript com o programa dependencias.php
  11 + */
  12 + MUSTACHE : "",
  13 + /**
  14 + * Susbtitutos para o template
  15 + */
  16 + mustacheHash : function() {
  17 + var dicionario = i3GEO.idioma.objetoIdioma(i3GEOF.uploadarquivos.dicionario);
  18 + dicionario["locaplic"] = i3GEO.configura.locaplic;
  19 + return dicionario;
  20 + },
  21 + /*
  22 + * Function: inicia
  23 + *
  24 + * Inicia a ferramenta. É chamado por criaJanelaFlutuante
  25 + *
  26 + * Parametro:
  27 + *
  28 + * iddiv {String} - id do div que receberá o conteudo HTML da ferramenta
  29 + */
  30 + inicia : function(iddiv) {
  31 + if(i3GEOF.uploadarquivos.MUSTACHE == ""){
  32 + $.get(i3GEO.configura.locaplic + "/ferramentas/uploadarquivos/template_mst.html", function(template) {
  33 + i3GEOF.uploadarquivos.MUSTACHE = template;
  34 + i3GEOF.uploadarquivos.inicia(iddiv);
  35 + });
  36 + return;
67 } 37 }
68 - });  
69 - new YAHOO.widget.Button("i3GEOFuploadarquivosKml", {  
70 - onclick : {  
71 - fn : function() {  
72 - i3GEO.util.scriptTag(i3GEO.configura.locaplic  
73 - + "/ferramentas/uploadkml/dependencias.php",  
74 - "i3GEOF.uploadkml.iniciaJanelaFlutuante()",  
75 - "i3GEOF.uploadkml_script");  
76 - }  
77 - }  
78 - });  
79 - },  
80 - /*  
81 - * Function: html  
82 - *  
83 - * Gera o código html para apresentação das opções da ferramenta  
84 - *  
85 - * Retorno:  
86 - *  
87 - * String com o código html  
88 - */  
89 - html : function() {  
90 - var ins = Mustache.render(i3GEOF.uploadarquivos.MUSTACHE, i3GEOF.uploadarquivos.mustacheHash());  
91 - return ins;  
92 - },  
93 - /*  
94 - * Function: criaJanelaFlutuante  
95 - *  
96 - * Cria a janela flutuante para controle da ferramenta.  
97 - */  
98 - iniciaJanelaFlutuante : function() {  
99 - var minimiza, cabecalho, janela, divid, titulo; 38 + $i(iddiv).innerHTML = i3GEOF.uploadarquivos.html();
  39 + },
  40 + shp: function() {
  41 + i3GEO.util.scriptTag(i3GEO.configura.locaplic
  42 + + "/ferramentas/upload/index.js",
  43 + "i3GEOF.upload.criaJanelaFlutuante()",
  44 + "i3GEOF.upload_script");
  45 + },
  46 + dbfcsv: function() {
  47 + i3GEO.util.scriptTag(i3GEO.configura.locaplic
  48 + + "/ferramentas/uploaddbf/dependencias.php",
  49 + "i3GEOF.uploaddbf.iniciaJanelaFlutuante()",
  50 + "i3GEOF.uploaddbf_script");
  51 + },
  52 + gpx: function() {
  53 + i3GEO.util.scriptTag(i3GEO.configura.locaplic
  54 + + "/ferramentas/uploadgpx/dependencias.php",
  55 + "i3GEOF.uploadgpx.iniciaJanelaFlutuante()",
  56 + "i3GEOF.uploadgpx_script");
  57 + },
  58 + kml: function() {
  59 + i3GEO.util.scriptTag(i3GEO.configura.locaplic
  60 + + "/ferramentas/uploadkml/dependencias.php",
  61 + "i3GEOF.uploadkml.iniciaJanelaFlutuante()",
  62 + "i3GEOF.uploadkml_script");
  63 + },
  64 + /*
  65 + * Function: html
  66 + *
  67 + * Gera o código html para apresentação das opções da ferramenta
  68 + *
  69 + * Retorno:
  70 + *
  71 + * String com o código html
  72 + */
  73 + html : function() {
  74 + var ins = Mustache.render(i3GEOF.uploadarquivos.MUSTACHE, i3GEOF.uploadarquivos.mustacheHash());
  75 + return ins;
  76 + },
  77 + /*
  78 + * Function: criaJanelaFlutuante
  79 + *
  80 + * Cria a janela flutuante para controle da ferramenta.
  81 + */
  82 + iniciaJanelaFlutuante : function() {
  83 + var minimiza, cabecalho, janela, divid, titulo;
100 84
101 - if ($i("i3GEOF.uploadarquivos")) {  
102 - return; 85 + if ($i("i3GEOF.uploadarquivos")) {
  86 + return;
  87 + }
  88 + cabecalho = function() {
  89 + };
  90 + minimiza = function() {
  91 + i3GEO.janela.minimiza("i3GEOF.uploadarquivos");
  92 + };
  93 + // cria a janela flutuante
  94 + titulo = "</div><div class='i3GeoTituloJanelaBs'>" + $trad("upload",i3GEOF.uploadarquivos.dicionario) + "</div>";
  95 + janela =
  96 + i3GEO.janela.cria(
  97 + "230px",
  98 + "240px",
  99 + "",
  100 + "",
  101 + "",
  102 + titulo,
  103 + "i3GEOF.uploadarquivos",
  104 + false,
  105 + "hd",
  106 + cabecalho,
  107 + minimiza,
  108 + "",
  109 + true
  110 + );
  111 + divid = janela[2].id;
  112 + $i("i3GEOF.uploadarquivos_corpo").style.backgroundColor = "white";
  113 + i3GEOF.uploadarquivos.inicia(divid);
103 } 114 }
104 - cabecalho = function() {  
105 - };  
106 - minimiza = function() {  
107 - i3GEO.janela.minimiza("i3GEOF.uploadarquivos");  
108 - };  
109 - // cria a janela flutuante  
110 - titulo = "</div><div class='i3GeoTituloJanelaBs'>" + $trad("upload",i3GEOF.uploadarquivos.dicionario) + "</div>";  
111 - janela =  
112 - i3GEO.janela.cria(  
113 - "230px",  
114 - "140px",  
115 - "",  
116 - "",  
117 - "",  
118 - titulo,  
119 - "i3GEOF.uploadarquivos",  
120 - false,  
121 - "hd",  
122 - cabecalho,  
123 - minimiza,  
124 - "",  
125 - true  
126 - );  
127 - divid = janela[2].id;  
128 - $i("i3GEOF.uploadarquivos_corpo").style.backgroundColor = "white";  
129 - i3GEOF.uploadarquivos.inicia(divid);  
130 - }  
131 }; 115 };
ferramentas/uploadarquivos/template_mst.html
1 -<style>  
2 -.yui-button#i3GEOFuploadarquivosKml button {  
3 - background: url('../imagens/oxygen/16x16/text-xml.png') 5% 50% no-repeat;  
4 - width: 200px;  
5 -}  
6 -.yui-button#i3GEOFuploadarquivosGpx button {  
7 - background: url('../imagens/oxygen/16x16/pda.png') 5% 50% no-repeat;  
8 - width: 200px;  
9 -}  
10 -.yui-button#i3GEOFuploadarquivosDbfCsv button {  
11 - background: url('../imagens/oxygen/16x16/application-x-sqlite2.png') 5% 50% no-repeat;  
12 - width: 200px;  
13 -}  
14 -.yui-button#i3GEOFuploadarquivosShp button {  
15 - background: url('../imagens/gisicons/shape.png') 5% 50% no-repeat;  
16 - background-size: 16px;  
17 - width: 200px;  
18 -}  
19 -</style>  
20 -<div style='margin-left: 5px'>  
21 - <p class='paragrafo'>  
22 - <input id='i3GEOFuploadarquivosShp' type='button' value='Shape File' />  
23 - </p>  
24 - <p class='paragrafo'>  
25 - <input id='i3GEOFuploadarquivosDbfCsv' type='button' value='DBF / CSV' />  
26 - </p>  
27 - <p class='paragrafo'>  
28 - <input id='i3GEOFuploadarquivosGpx' type='button' value='GPX' />  
29 - </p>  
30 - <p class='paragrafo'>  
31 - <input id='i3GEOFuploadarquivosKml' type='button' value='KML' />  
32 - </p>  
33 -</div> 1 +<div class='container-fluid'>
  2 + <a href='javascript:void(0)' onclick="i3GEOF.uploadarquivos.shp()" class='btn btn-primary btn-lg btn-block btn-raised'>Shape File</a>
  3 + <a href='javascript:void(0)' onclick="i3GEOF.uploadarquivos.dbfcsv()" class='btn btn-primary btn-lg btn-block btn-raised'>DBF / CSV</a>
  4 + <a href='javascript:void(0)' onclick="i3GEOF.uploadarquivos.gpx()" class='btn btn-primary btn-lg btn-block btn-raised'>Gpx</a>
  5 + <a href='javascript:void(0)' onclick="i3GEOF.uploadarquivos.kml()" class='btn btn-primary btn-lg btn-block btn-raised'>Kml</a>
  6 +</div>
34 \ No newline at end of file 7 \ No newline at end of file