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 | ... | ... |