Commit 871309976b04c9eb88b53bca20224e0a8d1054bd
1 parent
209a9e98
Exists in
master
and in
7 other branches
Adaptação da ferramenta Upload do catálogo de temas
Showing
2 changed files
with
109 additions
and
152 deletions
Show diff stats
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 |