Commit c51309e5f4eff19437e8342d985e8c1769007bcf
1 parent
a9e68073
Exists in
master
and in
7 other branches
Conversão da ferramenta Buffer para Bootstrap
Showing
3 changed files
with
78 additions
and
74 deletions
Show diff stats
ferramentas/buffer/dicionario.js
| ... | ... | @@ -16,7 +16,7 @@ i3GEOF.buffer.dicionario = { |
| 16 | 16 | es : "Tema, con selección, que será utilizado" |
| 17 | 17 | } ], |
| 18 | 18 | 'entorno' : [ { |
| 19 | - pt : "Distância do entorno em metros:", | |
| 19 | + pt : "Distância do entorno em metros", | |
| 20 | 20 | en : "", |
| 21 | 21 | es : "Distancia del entorno en metros" |
| 22 | 22 | } ], |
| ... | ... | @@ -46,12 +46,12 @@ i3GEOF.buffer.dicionario = { |
| 46 | 46 | es : "Distancia invalida" |
| 47 | 47 | } ], |
| 48 | 48 | 'entornoAtributo' : [ { |
| 49 | - pt : "Ou um item da tabela de atributos que contém as distâncias:", | |
| 49 | + pt : "Ou um item da tabela de atributos que contém as distâncias", | |
| 50 | 50 | en : "", |
| 51 | 51 | es : "O un item de la tabla de atributos que contiene las distancias" |
| 52 | 52 | } ], |
| 53 | 53 | 'multiplica' : [ { |
| 54 | - pt : "Multiplicado por:", | |
| 54 | + pt : "Caso tenha escolhido um item, multiplicar os valores por", | |
| 55 | 55 | en : "", |
| 56 | 56 | es : "Multiplicado por" |
| 57 | 57 | } ] | ... | ... |
ferramentas/buffer/index.js
| ... | ... | @@ -151,11 +151,6 @@ i3GEOF.buffer = { |
| 151 | 151 | }, |
| 152 | 152 | t3: function(){ |
| 153 | 153 | i3GEO.util.proximoAnterior("i3GEOF.buffer.t2()","","","i3GEOF.buffer.t3","i3GEObufferresultado",true,"i3GEOF.buffer_rodape"); |
| 154 | - var b = new YAHOO.widget.Button( | |
| 155 | - "i3GEObufferbotao1", | |
| 156 | - {onclick:{fn: i3GEOF.buffer.criaBuffer}} | |
| 157 | - ); | |
| 158 | - b.addClass("rodar"); | |
| 159 | 154 | }, |
| 160 | 155 | /* |
| 161 | 156 | Function: criaBuffer |
| ... | ... | @@ -167,39 +162,40 @@ i3GEOF.buffer = { |
| 167 | 162 | <CRIABUFFER> |
| 168 | 163 | */ |
| 169 | 164 | criaBuffer: function(){ |
| 170 | - try{ | |
| 171 | - if(i3GEOF.buffer.aguarde.visibility === "visible") | |
| 172 | - {return;} | |
| 173 | - var distancia = $i("i3GEObufferd").value, | |
| 174 | - tema = $i("i3GEObuffertemasComSel").value, | |
| 175 | - multiplicar = $i("i3GEObufferdfator").value*1, | |
| 176 | - itemdistancia = $i("i3GEObuffertemasItem").value, | |
| 177 | - p, | |
| 178 | - fim, | |
| 179 | - cp; | |
| 180 | - if (distancia*1 !== 0 || itemdistancia != ""){ | |
| 181 | - i3GEOF.buffer.aguarde.visibility = "visible"; | |
| 182 | - fim = function(retorno){ | |
| 183 | - i3GEOF.buffer.aguarde.visibility = "hidden"; | |
| 184 | - if (retorno.data === undefined ) | |
| 185 | - {$i("i3GEObufferfim").innerHTML = $trad('erroTempo',i3GEOF.buffer.dicionario);} | |
| 186 | - else | |
| 187 | - {i3GEO.atualiza();} | |
| 188 | - }; | |
| 189 | - p = i3GEO.configura.locaplic+"/ferramentas/buffer/exec.php?g_sid="+i3GEO.configura.sid+"&funcao=criabuffer&tema="+tema+"&unir="+$i("i3GEObufferunir").value; | |
| 190 | - if(itemdistancia != ""){ | |
| 191 | - p += "&distancia=0&itemdistancia="+itemdistancia+"&multiplicar="+multiplicar; | |
| 192 | - }else{ | |
| 193 | - p += "&distancia=" + distancia*1 + "&itemdistancia=&multiplicar=1"; | |
| 165 | + if(i3GEOF.buffer.aguarde.visibility === "visible"){ | |
| 166 | + return; | |
| 167 | + } | |
| 168 | + var distancia = $i("i3GEObufferd").value, | |
| 169 | + tema = $i("i3GEObuffertemasComSel").value, | |
| 170 | + multiplicar = $i("i3GEObufferdfator").value*1, | |
| 171 | + itemdistancia = $i("i3GEObuffertemasItem").value, | |
| 172 | + p, | |
| 173 | + fim, | |
| 174 | + cp; | |
| 175 | + if (distancia*1 !== 0 || itemdistancia != ""){ | |
| 176 | + i3GEOF.buffer.aguarde.visibility = "visible"; | |
| 177 | + fim = function(retorno){ | |
| 178 | + i3GEOF.buffer.aguarde.visibility = "hidden"; | |
| 179 | + if (retorno.data === undefined ){ | |
| 180 | + $i("i3GEObufferfim").innerHTML = $trad('erroTempo',i3GEOF.buffer.dicionario); | |
| 194 | 181 | } |
| 195 | - cp = new cpaint(); | |
| 196 | - cp.set_response_type("JSON"); | |
| 197 | - cp.call(p,"criaBuffer",fim); | |
| 182 | + else{ | |
| 183 | + i3GEO.atualiza(); | |
| 184 | + } | |
| 185 | + }; | |
| 186 | + p = i3GEO.configura.locaplic+"/ferramentas/buffer/exec.php?g_sid="+i3GEO.configura.sid+"&funcao=criabuffer&tema="+tema+"&unir="+$i("i3GEObufferunir").value; | |
| 187 | + if(itemdistancia != ""){ | |
| 188 | + p += "&distancia=0&itemdistancia="+itemdistancia+"&multiplicar="+multiplicar; | |
| 189 | + }else{ | |
| 190 | + p += "&distancia=" + distancia*1 + "&itemdistancia=&multiplicar=1"; | |
| 198 | 191 | } |
| 199 | - else | |
| 200 | - {i3GEO.janela.tempoMsg($trad('erroDistancia',i3GEOF.buffer.dicionario));} | |
| 192 | + cp = new cpaint(); | |
| 193 | + cp.set_response_type("JSON"); | |
| 194 | + cp.call(p,"criaBuffer",fim); | |
| 195 | + } | |
| 196 | + else{ | |
| 197 | + i3GEO.janela.tempoMsg($trad('erroDistancia',i3GEOF.buffer.dicionario)); | |
| 201 | 198 | } |
| 202 | - catch(e){$i("i3GEObufferfim").innerHTML = "<p class='paragrafo' >Erro. "+e;i3GEO.janela.fechaAguarde();i3GEOF.buffer.aguarde.visibility = "hidden";} | |
| 203 | 199 | }, |
| 204 | 200 | /* |
| 205 | 201 | Function: comboTemasSel |
| ... | ... | @@ -215,7 +211,6 @@ i3GEOF.buffer = { |
| 215 | 211 | "i3GEObuffertemasComSel", |
| 216 | 212 | function(retorno){ |
| 217 | 213 | $i("i3GEObufferSelTemas").innerHTML = retorno.dados; |
| 218 | - $i("i3GEObufferSelTemas").style.display = "block"; | |
| 219 | 214 | if ($i("i3GEObuffertemasComSel")){ |
| 220 | 215 | $i("i3GEObuffertemasComSel").onchange = function(){ |
| 221 | 216 | i3GEO.mapa.ativaTema($i("i3GEObuffertemasComSel").value); |
| ... | ... | @@ -230,7 +225,10 @@ i3GEOF.buffer = { |
| 230 | 225 | "", |
| 231 | 226 | false, |
| 232 | 227 | "selecionados", |
| 233 | - " " | |
| 228 | + " ", | |
| 229 | + false, | |
| 230 | + true, | |
| 231 | + "form-control comboTema" | |
| 234 | 232 | ); |
| 235 | 233 | }, |
| 236 | 234 | /* |
| ... | ... | @@ -248,12 +246,13 @@ i3GEOF.buffer = { |
| 248 | 246 | "i3GEObuffertemasItem", |
| 249 | 247 | $i("i3GEObuffertemasComSel").value, |
| 250 | 248 | function(retorno){ |
| 251 | - $i("i3GEObufferondeItens").innerHTML = "<div class=styled-select >" + retorno.dados + "</div>" | |
| 252 | - + "<br><br><p class=paragrafo >" + $trad('multiplica',i3GEOF.buffer.dicionario) | |
| 253 | - +" <div class='i3geoForm i3geoFormIconeEdita' ><input id='i3GEObufferdfator' type=text value='1'/></div>"; | |
| 254 | - $i("i3GEObufferondeItens").style.display = "block"; | |
| 249 | + $i("i3GEObufferondeItens").innerHTML = retorno.dados; | |
| 255 | 250 | }, |
| 256 | - "i3GEObufferondeItens" | |
| 251 | + "i3GEObufferondeItens", | |
| 252 | + "", | |
| 253 | + "", | |
| 254 | + "", | |
| 255 | + "form-control comboTema" | |
| 257 | 256 | ); |
| 258 | 257 | } |
| 259 | 258 | }; | ... | ... |
ferramentas/buffer/template_mst.html
| 1 | -<div style='padding: 5px; background-color: #F2F2F2; top: 0px; left: 0px; display: block; width: 98%;' id='i3GEObufferresultado'> | |
| 1 | +<div class='container-fluid' id='i3GEObufferresultado'> | |
| 2 | 2 | <div id='i3GEOFgradeDePontost0'> |
| 3 | - <img class='i3GeoExemploImg' src='{{{locaplic}}}/ferramentas/buffer/exemplo.png' /> | |
| 4 | - <p class='paragrafo'>{{{descricao}}} | |
| 5 | - <p class='paragrafo'>{{{descricao2}}} | |
| 3 | + <img class="img-rounded pull-left" style="margin: 5px; width: 40px;" src='{{{locaplic}}}/ferramentas/buffer/exemplo.png' /> | |
| 4 | + <h5>{{{descricao}}}</h5> | |
| 5 | + <h5>{{{descricao2}}}</h5> | |
| 6 | 6 | </div> |
| 7 | 7 | <div id='i3GEOF.buffer.t1'> |
| 8 | - <p class='paragrafo'>{{{selecionaTema}}}:</p> | |
| 9 | - <div id='i3GEObufferSelTemas' class='styled-select'></div> | |
| 8 | + <div style="width: 100%;" class='form-group label-fixed condensed'> | |
| 9 | + <label class="control-label" for="">{{{selecionaTema}}}</label> | |
| 10 | + <div style="width: 100%;" class="input-group"> | |
| 11 | + <div id='i3GEObufferSelTemas'></div> | |
| 12 | + </div> | |
| 13 | + </div> | |
| 10 | 14 | </div> |
| 11 | 15 | <div id='i3GEOF.buffer.t2'> |
| 12 | - <p class='paragrafo'> | |
| 13 | - {{{entorno}}} <br> | |
| 14 | - <div class='i3geoForm i3geoFormIconeNumero' style='display: block'> | |
| 15 | - <input id='i3GEObufferd' type=number value='0' /> | |
| 16 | + <div class='form-group label-fixed condensed'> | |
| 17 | + <label class="control-label" for="i3GEObufferd">{{{entorno}}}</label> | |
| 18 | + <input class="form-control input-lg" type='text' id='i3GEObufferd' value='0' /> | |
| 19 | + </div> | |
| 20 | + <div style="width: 100%;" class='form-group label-fixed condensed'> | |
| 21 | + <label class="control-label" for="">{{{entornoAtributo}}}</label> | |
| 22 | + <div style="width: 100%;" class="input-group"> | |
| 23 | + <div id='i3GEObufferondeItens'></div> | |
| 24 | + </div> | |
| 25 | + </div> | |
| 26 | + <div class='form-group label-fixed condensed'> | |
| 27 | + <label class="control-label" for="i3GEObufferdfator">{{{multiplica}}}</label> | |
| 28 | + <input class="form-control input-lg" type='text' id='i3GEObufferdfator' value='1' /> | |
| 16 | 29 | </div> |
| 17 | - <br> | |
| 18 | - <p class='paragrafo'> | |
| 19 | - {{{entornoAtributo}}} </p> | |
| 20 | - <div id='i3GEObufferondeItens' class='styled-select'></div> | |
| 21 | - <br> | |
| 22 | - <p class='paragrafo'> | |
| 23 | - {{{agregaElementos}}} <br> | |
| 24 | - </p> | |
| 25 | - <div class='styled-select' > | |
| 26 | - <select id=i3GEObufferunir> | |
| 27 | - <option value=nao selected>{{{nao}}}</option> | |
| 28 | - <option value=sim>{{{sim}}}</option> | |
| 29 | - </select> | |
| 30 | + <div style="width: 100%;" class='form-group label-fixed condensed'> | |
| 31 | + <label class="control-label" for="">{{{agregaElementos}}}</label> | |
| 32 | + <div style="width: 100%;" class="input-group"> | |
| 33 | + <select class="form-control" id="i3GEObufferunir"> | |
| 34 | + <option value=nao selected>{{{nao}}}</option> | |
| 35 | + <option value=sim>{{{sim}}}</option> | |
| 36 | + </select> | |
| 37 | + </div> | |
| 30 | 38 | </div> |
| 31 | - <br> | |
| 32 | - <br> | |
| 33 | 39 | </div> |
| 34 | 40 | <div id='i3GEOF.buffer.t3'> |
| 35 | - <p class='paragrafo'>{{{adicionaTemaEntorno}}} | |
| 36 | - <br><br> | |
| 37 | - <input id='i3GEObufferbotao1' type='button' value='{{{criaEntorno}}}' /> | |
| 41 | + <h5>{{{adicionaTemaEntorno}}}</h5> | |
| 42 | + <button onclick="i3GEOF.buffer.criaBuffer()" class='btn btn-primary btn-sm btn-raised'>{{{criaEntorno}}}</button> | |
| 43 | + <h5 id='i3GEObufferfim'></h5> | |
| 38 | 44 | </div> |
| 39 | 45 | </div> |
| 40 | -<div style='top: 10px; left: 0px; display: block; width: 98%; color: red' id='i3GEObufferfim'></div> | |
| 41 | 46 | \ No newline at end of file | ... | ... |