Commit 182d15c535c7a431551f264b9f931669a23f4762
1 parent
02433063
Exists in
master
and in
7 other branches
Adaptação da ferramenta Procurar para Bootstrap
Showing
6 changed files
with
79 additions
and
85 deletions
Show diff stats
ferramentas/busca/dicionario.js
1 | 1 | //+$trad(1,i3GEOF.busca.dicionario)+ |
2 | 2 | i3GEOF.busca.dicionario = { |
3 | 3 | 'digita' : [ { |
4 | - pt : "digite aqui o texto...", | |
4 | + pt : "Texto para busca", | |
5 | 5 | en : "", |
6 | 6 | es : "digite aquí el texto..." |
7 | 7 | } ], |
... | ... | @@ -65,18 +65,13 @@ i3GEOF.busca.dicionario = { |
65 | 65 | en : "", |
66 | 66 | es : "localiza" |
67 | 67 | } ], |
68 | - 14 : [ { | |
69 | - pt : "", | |
68 | + 'onde' : [ { | |
69 | + pt : "Buscar na camada", | |
70 | 70 | en : "", |
71 | 71 | es : "" |
72 | 72 | } ], |
73 | - 15 : [ { | |
74 | - pt : "", | |
75 | - en : "", | |
76 | - es : "" | |
77 | - } ], | |
78 | - 16 : [ { | |
79 | - pt : "", | |
73 | + 'opecoes' : [ { | |
74 | + pt : "Opções", | |
80 | 75 | en : "", |
81 | 76 | es : "" |
82 | 77 | } ] | ... | ... |
ferramentas/busca/index.js
... | ... | @@ -109,11 +109,6 @@ i3GEOF.busca = { |
109 | 109 | } |
110 | 110 | |
111 | 111 | i3GEO.php.listaItensTema(i3GEOF.busca.montaListaItens,i3GEOF.busca.tema); |
112 | - var b = new YAHOO.widget.Button( | |
113 | - "i3GEObuscabotao1", | |
114 | - {onclick:{fn: i3GEOF.busca.procurar}} | |
115 | - ); | |
116 | - b.addClass("rodar"); | |
117 | 112 | } |
118 | 113 | catch(erro){alert(erro);} |
119 | 114 | }, |
... | ... | @@ -195,18 +190,14 @@ i3GEOF.busca = { |
195 | 190 | var ins = "", |
196 | 191 | i, |
197 | 192 | n; |
198 | - try{ | |
199 | - ins += ("<table class=lista >"); | |
200 | - n = retorno.data.valores.length; | |
201 | - for (i=0;i<n; i++){ | |
202 | - ins += "<tr><td><input size=2 style='cursor:pointer;border:0px solid white;' name='"+retorno.data.valores[i].item+","+retorno.data.valores[i].tema+"' type=checkbox /></td>"; | |
203 | - ins += "<td> " + retorno.data.valores[i].item + "</td></tr>"; | |
204 | - } | |
205 | - ins += "</table>"; | |
206 | - $i("i3GEObuscalistai").innerHTML = ins; | |
193 | + n = retorno.data.valores.length; | |
194 | + for (i=0;i<n; i++){ | |
195 | + ins += '<div class="checkbox text-left"><label>' | |
196 | + + '<input type="checkbox" name="' +retorno.data.valores[i].item+","+retorno.data.valores[i].tema+ '">' | |
197 | + + '<span class="checkbox-material noprint"><span class="check"></span></span> ' + retorno.data.valores[i].item | |
198 | + + '</label></div>'; | |
207 | 199 | } |
208 | - catch(e) | |
209 | - {$i("i3GEObuscalistai").innerHTML = "<p style=color:red >"+$trad('erro',i3GEOF.busca.dicionario)+"<br>"+e;} | |
200 | + $i("i3GEObuscalistai").innerHTML = ins; | |
210 | 201 | }, |
211 | 202 | /* |
212 | 203 | Function: procurar |
... | ... | @@ -295,7 +286,14 @@ i3GEOF.busca = { |
295 | 286 | posicaotop = parseInt($i("i3GEOF.busca_c").style.top,10)+(i3GEOF.busca.nbuscas*10); |
296 | 287 | |
297 | 288 | i3GEOF.busca.nbuscas++; |
298 | - i3GEO.janela.cria("200px","200px","",posicaoleft+290,posicaotop,"<div class='i3GeoTituloJanela'>" + palavra + "</div>",idJanela); | |
289 | + i3GEO.janela.cria( | |
290 | + "300px", | |
291 | + "350px", | |
292 | + "", | |
293 | + posicaoleft+290,posicaotop, | |
294 | + "<div class='i3GeoTituloJanela'>" + palavra + "</div>", | |
295 | + idJanela | |
296 | + ); | |
299 | 297 | if (retorno.data !== undefined) |
300 | 298 | { |
301 | 299 | nlinhas = retorno.data.length; |
... | ... | @@ -306,18 +304,22 @@ i3GEOF.busca = { |
306 | 304 | valores = (linhas[linha].box).split(" "); |
307 | 305 | x = (valores[0] * 1) + ((((valores[0] * -1) - (valores[2] * -1)) / 2) * 1); |
308 | 306 | y = (valores[1] * 1) + ((((valores[1] * -1) - (valores[3] * -1)) / 2) * 1); |
309 | - ins.push("<table><tr><td onclick='i3GEO.navega.zoomExt(\"\",\"\",\"\",\""+linhas[linha].box+"\")' style='cursor:pointer;color:navy'>zoom </td><td onclick='i3GEO.navega.zoomponto(\"\",\"\","+x+","+y+")' style='color:navy;cursor:pointer;'> "+$trad('localiza',i3GEOF.busca.dicionario)+"</td></tr></table>"); | |
307 | + | |
308 | + ins.push("<button title='zoom' onclick='i3GEO.navega.zoomExt(\"\",\"\",\"\",\""+linhas[linha].box+"\")' class='btn btn-xs' ><span class='material-icons'>gps_fixed</span></button>"); | |
309 | + ins.push("<button title='pin' onclick='i3GEO.navega.zoomponto(\"\",\"\","+x+","+y+")'' class='btn btn-xs' ><span class='material-icons'>room</span></button>"); | |
310 | 310 | for (i=0;i<linhas[linha].valores.length; i++){ |
311 | 311 | er = new RegExp(palavra, "gi"); |
312 | 312 | tr = (linhas[linha].valores[i].valor).replace(er,"<span style=color:red;text-align:left >"+palavra+"</span>"); |
313 | - ins.push("<div style=width:150px;text-align:left;left:5px; >"+ linhas[linha].valores[i].item + ": " + tr + "</div><br>"); | |
313 | + ins.push("<h5>"+ linhas[linha].valores[i].item + " : " + tr + "</h5>"); | |
314 | + ins.push("<hr>"); | |
314 | 315 | naoEncontrado = ""; |
315 | 316 | } |
316 | 317 | } |
317 | 318 | } |
318 | - $i(idJanela+"_corpo").innerHTML = "<div style='position:relative;top:0px;left:0px;width:160;overflow:auto;'>"+naoEncontrado+ins.join("")+"</div>"; | |
319 | + $i(idJanela+"_corpo").innerHTML =" <div class='container-fluid'>"+naoEncontrado+ins.join("")+"</div></div>"; | |
320 | + } | |
321 | + else{ | |
322 | + $i(idJanela+"_corpo").innerHTML = "<h5 class='alert alert-warning'>"+$trad('erro',i3GEOF.busca.dicionario)+"</h5>"; | |
319 | 323 | } |
320 | - else | |
321 | - {$i(idJanela+"_corpo").innerHTML = "<p style=color:red >"+$trad('erro',i3GEOF.busca.dicionario)+"<br>";} | |
322 | 324 | } |
323 | 325 | }; | ... | ... |
ferramentas/busca/template_mst.html
1 | -<div style='margin-left: 5px;'> | |
1 | +<div class='container-fluid'> | |
2 | + <h5>{{{onde}}}</h5> | |
3 | + <div id='i3GEOFbuscaComboCabeca' class='form-group condensed' style='width: 100%'> | |
4 | + <span class="material-icons iconeComboTemas">playlist_add_check</span> | |
5 | + </div> | |
6 | + <div class='form-group label-fixed condensed'> | |
7 | + <label class="control-label" for="i3GEObuscapalavra">{{{digita}}}</label> | |
8 | + <input class="form-control input-lg" type='text' id='i3GEObuscapalavra' value='' /> | |
9 | + </div> | |
10 | + <button onclick="i3GEOF.busca.procurar()" class='btn btn-primary btn-sm btn-raised'>{{{procura}}}</button> | |
11 | + <h5>{{{opcoes}}}</h5> | |
2 | 12 | |
3 | - <div id='i3GEOFbuscaComboCabeca' class='form-group condensed' style='width:100%'> | |
4 | - <span class="material-icons iconeComboTemas">playlist_add_check</span> | |
13 | + <div class="radio radio-primary condensed"> | |
14 | + <label> | |
15 | + <input type='radio' id="i3GEObuscaqualquer" name='i3GEObuscatipo' checked /> | |
16 | + <span class="circle"> </span> | |
17 | + <span class="check"></span> | |
18 | + {{{busca}}} | |
19 | + </label> | |
20 | + </div> | |
21 | + <div class="radio radio-primary condensed"> | |
22 | + <label> | |
23 | + <input type='radio' id="i3GEObuscaexata" name='i3GEObuscatipo' /> | |
24 | + <span class="circle"></span> | |
25 | + <span class="check"></span> | |
26 | + {{{busca2}}} | |
27 | + </label> | |
28 | + </div> | |
29 | + <div class="radio radio-primary condensed"> | |
30 | + <label> | |
31 | + <input type='radio' id="i3GEObuscamapa" name='i3GEObuscaonde' checked /> | |
32 | + <span class="circle"> </span> | |
33 | + <span class="check"></span> | |
34 | + {{{busca3}}} | |
35 | + </label> | |
5 | 36 | </div> |
6 | - <div class='i3geoForm i3geoFormIconeEdita'> | |
7 | - <input type='text' value='' title='{{{digita}}}' id='i3GEObuscapalavra' /> | |
37 | + <div class="radio radio-primary condensed"> | |
38 | + <label> | |
39 | + <input type='radio' id="i3GEObuscaregiao" name='i3GEObuscaonde' /> | |
40 | + <span class="circle"> </span> | |
41 | + <span class="check"></span> | |
42 | + {{{busca4}}} | |
43 | + </label> | |
8 | 44 | </div> |
9 | - <br> | |
10 | - <p class='paragrafo'> | |
11 | - <input id='i3GEObuscabotao1' size='20' type='button' value='{{{procura}}}' /> | |
12 | - <br> | |
13 | - <table summary='Lista de opcoes' class='lista3' style='width:250px;'> | |
14 | - <tr> | |
15 | - <td> | |
16 | - <input style='cursor: pointer; border: 0px solid white;' type='radio' id='i3GEObuscaqualquer' name='i3GEObuscatipo' checked /> | |
17 | - </td> | |
18 | - <td>{{{busca}}}</td> | |
19 | - </tr> | |
20 | - <tr> | |
21 | - <td> | |
22 | - <input style='cursor: pointer; border: 0px solid white;' type='radio' id='i3GEObuscaexata' name='i3GEObuscatipo' /> | |
23 | - </td> | |
24 | - <td>{{{busca2}}}</td> | |
25 | - </tr> | |
26 | - <tr> | |
27 | - <td></td> | |
28 | - <td> </td> | |
29 | - </tr> | |
30 | - <tr> | |
31 | - <td> | |
32 | - <input style='cursor: pointer; border: 0px solid white;' type='radio' id='i3GEObuscamapa' name='i3GEObuscaonde' checked /> | |
33 | - </td> | |
34 | - <td>{{{busca3}}}</td> | |
35 | - </tr> | |
36 | - <tr> | |
37 | - <td> | |
38 | - <input style='cursor: pointer; border: 0px solid white;' type='radio' id='i3GEObuscaregiao' name='i3GEObuscaonde' /> | |
39 | - </td> | |
40 | - <td>{{{busca4}}}</td> | |
41 | - </tr> | |
42 | - </table> | |
43 | - <br> | |
44 | - <p class='paragrafo'> | |
45 | - <b>{{{busca5}}}</b> | |
46 | - <div id='i3GEObuscalistai' class='digitar' style='text-align: left; width: 250px; overflow: auto; height: 115px'></div> | |
45 | + <h5>{{{busca5}}}</h5> | |
46 | + <div id='i3GEObuscalistai'></div> | |
47 | 47 | </div> |
48 | 48 | \ No newline at end of file | ... | ... |
ferramentas/etiqueta/templateLista_mst.html
... | ... | @@ -34,9 +34,8 @@ |
34 | 34 | <div class="radio radio-primary condensed"> |
35 | 35 | <label> |
36 | 36 | <input {{{ckBuscaRapida}}} type='radio' value="{{{item}}}" name='itembuscarapida' /> |
37 | - <span class="circle"> | |
38 | - <span class="check"></span> | |
39 | - </span> | |
37 | + <span class="circle"></span> | |
38 | + <span class="check"></span> | |
40 | 39 | </label> |
41 | 40 | </div> |
42 | 41 | </td> | ... | ... |
ferramentas/inserexy2/template_mst.html
... | ... | @@ -110,18 +110,16 @@ |
110 | 110 | <div style="display: inline; width: 150px;" class="radio radio-primary condensed"> |
111 | 111 | <label> |
112 | 112 | <input onclick='i3GEOF.inserexy.escolhedig(0)' type='radio' name='i3GEOinserexytipodig' id='i3GEOinserexytipodigmascara' checked /> |
113 | - <span class="circle"> | |
114 | - <span class="check"></span> | |
115 | - </span> | |
113 | + <span class="circle"></span> | |
114 | + <span class="check"></span> | |
116 | 115 | {{{mascara}}} |
117 | 116 | </label> |
118 | 117 | </div> |
119 | 118 | <div style="display: inline; width: 150px;" class="radio radio-primary condensed"> |
120 | 119 | <label> |
121 | 120 | <input onclick='i3GEOF.inserexy.escolhedig(1)' type='radio' name='i3GEOinserexytipodig' id='i3GEOinserexytipodigcampo' /> |
122 | - <span class="circle"> | |
123 | - <span class="check"></span> | |
124 | - </span> | |
121 | + <span class="circle"></span> | |
122 | + <span class="check"></span> | |
125 | 123 | {{{campoUnico}}} |
126 | 124 | </label> |
127 | 125 | </div> | ... | ... |
js/listaDeFerramentas.js
... | ... | @@ -412,7 +412,7 @@ i3GEO.listaDeFerramentas = { |
412 | 412 | { |
413 | 413 | id : "omenudataFerramentas2b", |
414 | 414 | text : $trad("t23"), |
415 | - url : "javascript:i3GEO.tema.dialogo.procuraratrib()" | |
415 | + url : "javascript:i3GEO.tema.dialogo.procuraratrib()" //feramentas/busca | |
416 | 416 | }, |
417 | 417 | { |
418 | 418 | id : "omenudataFerramentas3b", | ... | ... |