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