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 | //+$trad(1,i3GEOF.salvaMapa.dicionario)+ | 1 | //+$trad(1,i3GEOF.salvaMapa.dicionario)+ |
2 | i3GEOF.salvaMapa.dicionario = { | 2 | i3GEOF.salvaMapa.dicionario = { |
3 | 'salvaMapa' : [ { | 3 | 'salvaMapa' : [ { |
4 | - pt : "Clique aqui para salvar o mapa", | 4 | + pt : "Salvar o mapa", |
5 | en : "", | 5 | en : "", |
6 | es : "" | 6 | es : "" |
7 | } ], | 7 | } ], |
8 | 'listaMapas' : [ { | 8 | 'listaMapas' : [ { |
9 | - pt : "Clique aqui para ver a lista de mapas", | 9 | + pt : "Ver a lista de mapas", |
10 | en : "", | 10 | en : "", |
11 | es : "" | 11 | es : "" |
12 | } ], | 12 | } ], |
@@ -16,7 +16,7 @@ i3GEOF.salvaMapa.dicionario = { | @@ -16,7 +16,7 @@ i3GEOF.salvaMapa.dicionario = { | ||
16 | es : "" | 16 | es : "" |
17 | } ], | 17 | } ], |
18 | 'baixaArquivo' : [ { | 18 | 'baixaArquivo' : [ { |
19 | - pt : "Clique aqui para baixar o arquivo", | 19 | + pt : "Baixar o arquivo", |
20 | en : "", | 20 | en : "", |
21 | es : "" | 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,32 +28,34 @@ Você deve ter recebido uma cópia da Licença Pública G | ||
28 | GNU junto com este programa; se não, escreva para a | 28 | GNU junto com este programa; se não, escreva para a |
29 | Free Software Foundation, Inc., no endereço | 29 | Free Software Foundation, Inc., no endereço |
30 | 59 Temple Street, Suite 330, Boston, MA 02111-1307 USA. | 30 | 59 Temple Street, Suite 330, Boston, MA 02111-1307 USA. |
31 | -*/ | 31 | + */ |
32 | if(typeof(i3GEOF) === 'undefined'){ | 32 | if(typeof(i3GEOF) === 'undefined'){ |
33 | var i3GEOF = {}; | 33 | var i3GEOF = {}; |
34 | } | 34 | } |
35 | /* | 35 | /* |
36 | Classe: i3GEOF.salvaMapa | 36 | Classe: i3GEOF.salvaMapa |
37 | -*/ | 37 | + */ |
38 | i3GEOF.salvaMapa = { | 38 | i3GEOF.salvaMapa = { |
39 | - /* | 39 | + /* |
40 | Variavel: aguarde | 40 | Variavel: aguarde |
41 | 41 | ||
42 | Estilo do objeto DOM com a imagem de aguarde existente no cabeçalho da janela. | 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 | Function: inicia | 59 | Function: inicia |
58 | 60 | ||
59 | Inicia a ferramenta. É chamado por criaJanelaFlutuante | 61 | Inicia a ferramenta. É chamado por criaJanelaFlutuante |
@@ -61,84 +63,73 @@ i3GEOF.salvaMapa = { | @@ -61,84 +63,73 @@ i3GEOF.salvaMapa = { | ||
61 | Parametro: | 63 | Parametro: |
62 | 64 | ||
63 | iddiv {String} - id do div que receberá o conteudo HTML da ferramenta | 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 | atualiza = true, | 79 | atualiza = true, |
79 | geo = false; | 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 | "<a style='line-height:20px;font-size:12px;' href='#' onclick='i3GEO.mapa.dialogo.listaDeMapasBanco()'>"+$trad('listaMapas',i3GEOF.salvaMapa.dicionario)+"</a><br>" + | 92 | "<a style='line-height:20px;font-size:12px;' href='#' onclick='i3GEO.mapa.dialogo.listaDeMapasBanco()'>"+$trad('listaMapas',i3GEOF.salvaMapa.dicionario)+"</a><br>" + |
92 | "<a style='line-height:20px;font-size:12px;' href='"+i3GEO.configura.locaplic+"/admin/html/mapas.html' target='_blank' >"+$trad('editaListaMapas',i3GEOF.salvaMapa.dicionario)+"</a>"; | 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 | id_mapa = $i("i3GEOFsalvamapaMapaId").value, | 107 | id_mapa = $i("i3GEOFsalvamapaMapaId").value, |
117 | titulo = $i("i3GEOjanelaprompt").value; | 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 | else{ | 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 | Function: html | 133 | Function: html |
143 | 134 | ||
144 | Gera o código html para apresentação das opções da ferramenta | 135 | Gera o código html para apresentação das opções da ferramenta |
@@ -146,60 +137,60 @@ i3GEOF.salvaMapa = { | @@ -146,60 +137,60 @@ i3GEOF.salvaMapa = { | ||
146 | Retorno: | 137 | Retorno: |
147 | 138 | ||
148 | String com o código html | 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 | Function: iniciaJanelaFlutuante | 146 | Function: iniciaJanelaFlutuante |
156 | 147 | ||
157 | Cria a janela flutuante para controle da ferramenta. | 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 | combo = function(retorno){ | 182 | combo = function(retorno){ |
192 | var n = retorno.length, | 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 | for(i=0;i<n;i++){ | 188 | for(i=0;i<n;i++){ |
198 | ins += "<option value='"+retorno[i].id_mapa+"'>"+retorno[i].nome_mapa+"</option>"; | 189 | ins += "<option value='"+retorno[i].id_mapa+"'>"+retorno[i].nome_mapa+"</option>"; |
199 | } | 190 | } |
200 | ins += "</select>"; | 191 | ins += "</select>"; |
201 | $i(onde).innerHTML = ins; | 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 | <b>1- </b>{{{ajuda3}}} {{{ajuda4}}} | 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 | <b>2- </b>{{{cadastraMapa}}} | 11 | <b>2- </b>{{{cadastraMapa}}} |
12 | - <div id='i3GEOFsalvaMapaBanco'></div> | ||
13 | -</div> | ||
14 | -<br> | ||
15 | \ No newline at end of file | 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 | \ No newline at end of file | 17 | \ No newline at end of file |