Commit c13032cceb43d5473dc96eafbc4d3a7560aa595f
1 parent
651c6fca
Exists in
master
and in
7 other branches
Adaptação da ferramenta Salvar Mapa para uso com Bootstrap
Showing
4 changed files
with
133 additions
and
141 deletions
Show diff stats
ferramentas/salvamapa/dicionario.js
1 | 1 | //+$trad(1,i3GEOF.salvaMapa.dicionario)+ |
2 | 2 | i3GEOF.salvaMapa.dicionario = { |
3 | 3 | 'salvaMapa' : [ { |
4 | - pt : "Clique aqui para salvar o mapa", | |
4 | + pt : "Salvar o mapa", | |
5 | 5 | en : "", |
6 | 6 | es : "" |
7 | 7 | } ], |
8 | 8 | 'listaMapas' : [ { |
9 | - pt : "Clique aqui para ver a lista de mapas", | |
9 | + pt : "Ver a lista de mapas", | |
10 | 10 | en : "", |
11 | 11 | es : "" |
12 | 12 | } ], |
... | ... | @@ -16,7 +16,7 @@ i3GEOF.salvaMapa.dicionario = { |
16 | 16 | es : "" |
17 | 17 | } ], |
18 | 18 | 'baixaArquivo' : [ { |
19 | - pt : "Clique aqui para baixar o arquivo", | |
19 | + pt : "Baixar o arquivo", | |
20 | 20 | en : "", |
21 | 21 | es : "" |
22 | 22 | } ], | ... | ... |
ferramentas/salvamapa/index.js
... | ... | @@ -28,32 +28,34 @@ Você deve ter recebido uma cópia da Licença Pública G |
28 | 28 | GNU junto com este programa; se não, escreva para a |
29 | 29 | Free Software Foundation, Inc., no endereço |
30 | 30 | 59 Temple Street, Suite 330, Boston, MA 02111-1307 USA. |
31 | -*/ | |
31 | + */ | |
32 | 32 | if(typeof(i3GEOF) === 'undefined'){ |
33 | 33 | var i3GEOF = {}; |
34 | 34 | } |
35 | 35 | /* |
36 | 36 | Classe: i3GEOF.salvaMapa |
37 | -*/ | |
37 | + */ | |
38 | 38 | i3GEOF.salvaMapa = { |
39 | - /* | |
39 | + /* | |
40 | 40 | Variavel: aguarde |
41 | 41 | |
42 | 42 | Estilo do objeto DOM com a imagem de aguarde existente no cabeçalho da janela. |
43 | - */ | |
44 | - aguarde: "", | |
45 | - /** | |
46 | - * Template no formato mustache. E preenchido na carga do javascript com o programa dependencias.php | |
47 | - */ | |
48 | - MUSTACHE : "", | |
49 | - /** | |
50 | - * Susbtitutos para o template | |
51 | - */ | |
52 | - mustacheHash : function() { | |
53 | - var dicionario = i3GEO.idioma.objetoIdioma(i3GEOF.salvaMapa.dicionario); | |
54 | - return dicionario; | |
55 | - }, | |
56 | - /* | |
43 | + */ | |
44 | + aguarde: "", | |
45 | + /** | |
46 | + * Template no formato mustache. E preenchido na carga do javascript com o programa dependencias.php | |
47 | + */ | |
48 | + MUSTACHE : "", | |
49 | + /** | |
50 | + * Susbtitutos para o template | |
51 | + */ | |
52 | + mustacheHash : function() { | |
53 | + var dicionario = i3GEO.idioma.objetoIdioma(i3GEOF.salvaMapa.dicionario); | |
54 | + dicionario["locaplic"] = i3GEO.configura.locaplic; | |
55 | + dicionario["sid"] = i3GEO.configura.sid; | |
56 | + return dicionario; | |
57 | + }, | |
58 | + /* | |
57 | 59 | Function: inicia |
58 | 60 | |
59 | 61 | Inicia a ferramenta. É chamado por criaJanelaFlutuante |
... | ... | @@ -61,84 +63,73 @@ i3GEOF.salvaMapa = { |
61 | 63 | Parametro: |
62 | 64 | |
63 | 65 | iddiv {String} - id do div que receberá o conteudo HTML da ferramenta |
64 | - */ | |
65 | - inicia: function(iddiv){ | |
66 | - if(i3GEOF.salvaMapa.MUSTACHE == ""){ | |
67 | - $.get(i3GEO.configura.locaplic + "/ferramentas/salvamapa/template_mst.html", function(template) { | |
68 | - i3GEOF.salvaMapa.MUSTACHE = template; | |
69 | - i3GEOF.salvaMapa.inicia(iddiv); | |
70 | - }); | |
71 | - return; | |
72 | - } | |
73 | - $i(iddiv).innerHTML = i3GEOF.salvaMapa.html(); | |
74 | - var temp = function(dados){ | |
75 | - i3GEOF.salvaMapa.htmlMapaLocal("i3GEOFsalvaMapaLocal"); | |
76 | - i3GEOF.salvaMapa.htmlMapaBanco("i3GEOFsalvaMapaBanco"); | |
66 | + */ | |
67 | + inicia: function(iddiv){ | |
68 | + if(i3GEOF.salvaMapa.MUSTACHE == ""){ | |
69 | + $.get(i3GEO.configura.locaplic + "/ferramentas/salvamapa/template_mst.html", function(template) { | |
70 | + i3GEOF.salvaMapa.MUSTACHE = template; | |
71 | + i3GEOF.salvaMapa.inicia(iddiv); | |
72 | + }); | |
73 | + return; | |
74 | + } | |
75 | + | |
76 | + var temp = function(dados){ | |
77 | + $i(iddiv).innerHTML = i3GEOF.salvaMapa.html(); | |
77 | 78 | }, |
78 | 79 | atualiza = true, |
79 | 80 | geo = false; |
80 | - if(i3GEO.Interface.ATUAL === "googlemaps" || i3GEO.Interface.ATUAL === "googleearth"){ | |
81 | - atualiza = false; | |
82 | - geo = true; | |
83 | - } | |
84 | - i3GEO.php.mudaext(temp,"nenhum",i3GEO.parametros.mapexten,i3GEO.configura.locaplic,i3GEO.configura.sid,atualiza,geo); | |
85 | - }, | |
86 | - htmlMapaBanco: function(onde){ | |
87 | - onde = $i(onde); | |
88 | - if(onde){ | |
89 | - try{ | |
90 | - onde.innerHTML = "<a style='line-height:20px;font-size:12px;' href='#' onclick='i3GEOF.salvaMapa.salvaMapaBanco()' >"+$trad('salvaMapa',i3GEOF.salvaMapa.dicionario)+"</a><br>" + | |
81 | + if(i3GEO.Interface.ATUAL === "googlemaps" || i3GEO.Interface.ATUAL === "googleearth"){ | |
82 | + atualiza = false; | |
83 | + geo = true; | |
84 | + } | |
85 | + i3GEO.php.mudaext(temp,"nenhum",i3GEO.parametros.mapexten,i3GEO.configura.locaplic,i3GEO.configura.sid,atualiza,geo); | |
86 | + }, | |
87 | + htmlMapaBanco: function(onde){ | |
88 | + onde = $i(onde); | |
89 | + if(onde){ | |
90 | + try{ | |
91 | + onde.innerHTML = "<a style='line-height:20px;font-size:12px;' href='#' onclick='i3GEOF.salvaMapa.salvaMapaBanco()' >"+$trad('salvaMapa',i3GEOF.salvaMapa.dicionario)+"</a><br>" + | |
91 | 92 | "<a style='line-height:20px;font-size:12px;' href='#' onclick='i3GEO.mapa.dialogo.listaDeMapasBanco()'>"+$trad('listaMapas',i3GEOF.salvaMapa.dicionario)+"</a><br>" + |
92 | 93 | "<a style='line-height:20px;font-size:12px;' href='"+i3GEO.configura.locaplic+"/admin/html/mapas.html' target='_blank' >"+$trad('editaListaMapas',i3GEOF.salvaMapa.dicionario)+"</a>"; |
94 | + } | |
95 | + catch(erro){i3GEO.janela.tempoMsg(erro);} | |
93 | 96 | } |
94 | - catch(erro){i3GEO.janela.tempoMsg(erro);} | |
95 | - } | |
96 | - }, | |
97 | - htmlMapaLocal: function(onde){ | |
98 | - onde = $i(onde); | |
99 | - if(onde){ | |
100 | - try{ | |
101 | - var down = i3GEO.configura.locaplic+"/ferramentas/salvamapa/forcedownload.php?g_sid=" + i3GEO.configura.sid; | |
102 | - onde.innerHTML = "" + | |
103 | - "<a style='line-height:20px;font-size:12px;' href='"+down+"' target='_blank' >"+$trad('baixaArquivo',i3GEOF.salvaMapa.dicionario)+"</a><br>"; | |
97 | + }, | |
98 | + | |
99 | + salvaMapaBanco: function(){ | |
100 | + var texto,funcaoOK,login = i3GEO.login.verificaCookieLogin(); | |
101 | + if(login === false){ | |
102 | + i3GEO.login.dialogo.abreLogin(); | |
104 | 103 | } |
105 | - catch(erro){i3GEO.janela.tempoMsg(erro);} | |
106 | - } | |
107 | - }, | |
108 | - salvaMapaBanco: function(){ | |
109 | - var texto,funcaoOK,login = i3GEO.login.verificaCookieLogin(); | |
110 | - if(login === false){ | |
111 | - i3GEO.login.dialogo.abreLogin(); | |
112 | - } | |
113 | - else{ | |
114 | - funcaoOK = function(){ | |
115 | - var temp, | |
104 | + else{ | |
105 | + funcaoOK = function(){ | |
106 | + var temp, | |
116 | 107 | id_mapa = $i("i3GEOFsalvamapaMapaId").value, |
117 | 108 | titulo = $i("i3GEOjanelaprompt").value; |
118 | - if(titulo === ""){ | |
119 | - return; | |
120 | - } | |
121 | - temp = function(retorno){ | |
122 | - if(retorno.id && retorno.id != ""){ | |
123 | - i3GEO.janela.tempoMsg($trad('msgMapaSalvo',i3GEOF.salvaMapa.dicionario)); | |
109 | + if(titulo === ""){ | |
110 | + return; | |
124 | 111 | } |
125 | - else{ | |
126 | - if(retorno.status){ | |
127 | - i3GEO.janela.tempoMsg(retorno.status); | |
112 | + temp = function(retorno){ | |
113 | + if(retorno.id && retorno.id != ""){ | |
114 | + i3GEO.janela.tempoMsg($trad('msgMapaSalvo',i3GEOF.salvaMapa.dicionario)); | |
128 | 115 | } |
129 | 116 | else{ |
130 | - i3GEO.janela.tempoMsg(retorno); | |
117 | + if(retorno.status){ | |
118 | + i3GEO.janela.tempoMsg(retorno.status); | |
119 | + } | |
120 | + else{ | |
121 | + i3GEO.janela.tempoMsg(retorno); | |
122 | + } | |
131 | 123 | } |
132 | - } | |
124 | + }; | |
125 | + i3GEO.php.salvaMapaBanco(temp,titulo,id_mapa,$i("i3GEOFsalvaPref").checked,true,true,true); | |
133 | 126 | }; |
134 | - i3GEO.php.salvaMapaBanco(temp,titulo,id_mapa,$i("i3GEOFsalvaPref").checked,true,true,true); | |
135 | - }; | |
136 | - texto = $trad('atualizaIdMapa',i3GEOF.salvaMapa.dicionario)+"<br><div id=i3GEOFsalvamapaMapa ></div><br><br><input style='position:relative;top:2px;' checked type=checkbox id=i3GEOFsalvaPref />"+$trad('salvaPreferencias',i3GEOF.salvaMapa.dicionario); | |
137 | - i3GEO.janela.prompt(texto + "<br><br>"+$trad('tituloMapa',i3GEOF.salvaMapa.dicionario),funcaoOK); | |
138 | - i3GEOF.salvaMapa.comboMapas("i3GEOFsalvamapaMapa"); | |
139 | - } | |
140 | - }, | |
141 | - /* | |
127 | + texto = $trad('atualizaIdMapa',i3GEOF.salvaMapa.dicionario)+"<br><div id=i3GEOFsalvamapaMapa ></div><br><br><input style='position:relative;top:2px;' checked type=checkbox id=i3GEOFsalvaPref />"+$trad('salvaPreferencias',i3GEOF.salvaMapa.dicionario); | |
128 | + i3GEO.janela.prompt(texto + "<br><br>"+$trad('tituloMapa',i3GEOF.salvaMapa.dicionario),funcaoOK); | |
129 | + i3GEOF.salvaMapa.comboMapas("i3GEOFsalvamapaMapa"); | |
130 | + } | |
131 | + }, | |
132 | + /* | |
142 | 133 | Function: html |
143 | 134 | |
144 | 135 | Gera o código html para apresentação das opções da ferramenta |
... | ... | @@ -146,60 +137,60 @@ i3GEOF.salvaMapa = { |
146 | 137 | Retorno: |
147 | 138 | |
148 | 139 | String com o código html |
149 | - */ | |
150 | - html: function() { | |
151 | - var ins = Mustache.render(i3GEOF.salvaMapa.MUSTACHE, i3GEOF.salvaMapa.mustacheHash()); | |
152 | - return ins; | |
153 | - }, | |
154 | - /* | |
140 | + */ | |
141 | + html: function() { | |
142 | + var ins = Mustache.render(i3GEOF.salvaMapa.MUSTACHE, i3GEOF.salvaMapa.mustacheHash()); | |
143 | + return ins; | |
144 | + }, | |
145 | + /* | |
155 | 146 | Function: iniciaJanelaFlutuante |
156 | 147 | |
157 | 148 | Cria a janela flutuante para controle da ferramenta. |
158 | - */ | |
159 | - iniciaJanelaFlutuante: function(){ | |
160 | - var janela,divid,titulo; | |
161 | - if ($i("i3GEOF.salvaMapa")) { | |
162 | - return; | |
163 | - } | |
164 | - titulo = "<span class='i3GeoTituloJanelaBsNolink' >" + $trad("u17") + "</span></div>"; | |
165 | - janela = i3GEO.janela.cria( | |
166 | - "300px", | |
167 | - "180px", | |
168 | - "", | |
169 | - "", | |
170 | - "", | |
171 | - titulo, | |
172 | - "i3GEOF.salvaMapa", | |
173 | - false, | |
174 | - "hd", | |
175 | - "", | |
176 | - "", | |
177 | - "", | |
178 | - true, | |
179 | - "", | |
180 | - "", | |
181 | - "", | |
182 | - "", | |
183 | - "10" | |
184 | - ); | |
185 | - divid = janela[2].id; | |
186 | - i3GEOF.salvaMapa.aguarde = $i("i3GEOF.salvaMapa_imagemCabecalho").style; | |
187 | - i3GEOF.salvaMapa.inicia(divid); | |
188 | - }, | |
189 | - comboMapas: function(onde){ | |
190 | - var p = i3GEO.configura.locaplic+"/admin/php/mapas.php?funcao=pegaMapas", | |
149 | + */ | |
150 | + iniciaJanelaFlutuante: function(){ | |
151 | + var janela,divid,titulo; | |
152 | + if ($i("i3GEOF.salvaMapa")) { | |
153 | + return; | |
154 | + } | |
155 | + titulo = "<span class='i3GeoTituloJanelaBsNolink' >" + $trad("u17") + "</span></div>"; | |
156 | + janela = i3GEO.janela.cria( | |
157 | + "300px", | |
158 | + "180px", | |
159 | + "", | |
160 | + "", | |
161 | + "", | |
162 | + titulo, | |
163 | + "i3GEOF.salvaMapa", | |
164 | + false, | |
165 | + "hd", | |
166 | + "", | |
167 | + "", | |
168 | + "", | |
169 | + true, | |
170 | + "", | |
171 | + "", | |
172 | + "", | |
173 | + "", | |
174 | + "10" | |
175 | + ); | |
176 | + divid = janela[2].id; | |
177 | + i3GEOF.salvaMapa.aguarde = $i("i3GEOF.salvaMapa_imagemCabecalho").style; | |
178 | + i3GEOF.salvaMapa.inicia(divid); | |
179 | + }, | |
180 | + comboMapas: function(onde){ | |
181 | + var p = i3GEO.configura.locaplic+"/admin/php/mapas.php?funcao=pegaMapas", | |
191 | 182 | combo = function(retorno){ |
192 | 183 | var n = retorno.length, |
193 | - i, | |
194 | - ins = "" + | |
195 | - "<select id='i3GEOFsalvamapaMapaId' onchange='$i(\"i3GEOjanelaprompt\").value = this.options[this.selectedIndex].text'>" + | |
196 | - " <option value=''>---</option>"; | |
184 | + i, | |
185 | + ins = "" + | |
186 | + "<select id='i3GEOFsalvamapaMapaId' onchange='$i(\"i3GEOjanelaprompt\").value = this.options[this.selectedIndex].text'>" + | |
187 | + " <option value=''>---</option>"; | |
197 | 188 | for(i=0;i<n;i++){ |
198 | 189 | ins += "<option value='"+retorno[i].id_mapa+"'>"+retorno[i].nome_mapa+"</option>"; |
199 | 190 | } |
200 | 191 | ins += "</select>"; |
201 | 192 | $i(onde).innerHTML = ins; |
202 | 193 | }; |
203 | - i3GEO.util.ajaxGet(p,combo); | |
204 | - } | |
194 | + i3GEO.util.ajaxGet(p,combo); | |
195 | + } | |
205 | 196 | }; | ... | ... |
ferramentas/salvamapa/template_mst.html
1 | -<p class='paragrafo'>{{{ajuda}}}</p> | |
2 | -<p class='paragrafo'>{{{ajuda2}}}</p> | |
3 | -<div style='background-color: white; padding: 5px; margin: 5px'> | |
4 | - <p class='paragrafo'> | |
1 | +<div class='container-fluid'> | |
2 | + <h5>{{{ajuda}}}</h5> | |
3 | + <h5>{{{ajuda2}}}</h5> | |
4 | + <h5> | |
5 | 5 | <b>1- </b>{{{ajuda3}}} {{{ajuda4}}} |
6 | - <p class='paragrafo'>{{{salvaArquivo}}} | |
7 | - <div id='i3GEOFsalvaMapaLocal'></div> | |
8 | -</div> | |
9 | -<div style='background-color: white; padding: 5px; margin: 5px'> | |
10 | - <p class='paragrafo'> | |
6 | + </h5> | |
7 | + | |
8 | + <a class='btn btn-primary btn-sm btn-raised' href='{{{locaplic}}}/ferramentas/salvamapa/forcedownload.php?g_sid={{{sid}}}' target='_blank'>{{{baixaArquivo}}}</a> | |
9 | + | |
10 | + <h5> | |
11 | 11 | <b>2- </b>{{{cadastraMapa}}} |
12 | - <div id='i3GEOFsalvaMapaBanco'></div> | |
13 | -</div> | |
14 | -<br> | |
15 | 12 | \ No newline at end of file |
13 | + </h5> | |
14 | + <a class='btn btn-primary btn-sm btn-raised' href='javascript:void(0)' onclick='i3GEOF.salvaMapa.salvaMapaBanco()'>{{{salvaMapa}}}</a> | |
15 | + <a class='btn btn-primary btn-sm btn-raised' href='javascript:void(0)' onclick='i3GEO.mapa.dialogo.listaDeMapasBanco()'>{{{listaMapas}}}</a> | |
16 | +</div> | |
16 | 17 | \ No newline at end of file | ... | ... |