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 |