Commit 182d15c535c7a431551f264b9f931669a23f4762

Authored by Edmar Moretti
1 parent 02433063

Adaptação da ferramenta Procurar para Bootstrap

ferramentas/busca/dicionario.js
1 //+$trad(1,i3GEOF.busca.dicionario)+ 1 //+$trad(1,i3GEOF.busca.dicionario)+
2 i3GEOF.busca.dicionario = { 2 i3GEOF.busca.dicionario = {
3 'digita' : [ { 3 'digita' : [ {
4 - pt : "digite aqui o texto...", 4 + pt : "Texto para busca",
5 en : "", 5 en : "",
6 es : "digite aquí el texto..." 6 es : "digite aquí el texto..."
7 } ], 7 } ],
@@ -65,18 +65,13 @@ i3GEOF.busca.dicionario = { @@ -65,18 +65,13 @@ i3GEOF.busca.dicionario = {
65 en : "", 65 en : "",
66 es : "localiza" 66 es : "localiza"
67 } ], 67 } ],
68 - 14 : [ {  
69 - pt : "", 68 + 'onde' : [ {
  69 + pt : "Buscar na camada",
70 en : "", 70 en : "",
71 es : "" 71 es : ""
72 } ], 72 } ],
73 - 15 : [ {  
74 - pt : "",  
75 - en : "",  
76 - es : ""  
77 - } ],  
78 - 16 : [ {  
79 - pt : "", 73 + 'opecoes' : [ {
  74 + pt : "Opções",
80 en : "", 75 en : "",
81 es : "" 76 es : ""
82 } ] 77 } ]
ferramentas/busca/index.js
@@ -109,11 +109,6 @@ i3GEOF.busca = { @@ -109,11 +109,6 @@ i3GEOF.busca = {
109 } 109 }
110 110
111 i3GEO.php.listaItensTema(i3GEOF.busca.montaListaItens,i3GEOF.busca.tema); 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 catch(erro){alert(erro);} 113 catch(erro){alert(erro);}
119 }, 114 },
@@ -195,18 +190,14 @@ i3GEOF.busca = { @@ -195,18 +190,14 @@ i3GEOF.busca = {
195 var ins = "", 190 var ins = "",
196 i, 191 i,
197 n; 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>&nbsp;" + 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 Function: procurar 203 Function: procurar
@@ -295,7 +286,14 @@ i3GEOF.busca = { @@ -295,7 +286,14 @@ i3GEOF.busca = {
295 posicaotop = parseInt($i("i3GEOF.busca_c").style.top,10)+(i3GEOF.busca.nbuscas*10); 286 posicaotop = parseInt($i("i3GEOF.busca_c").style.top,10)+(i3GEOF.busca.nbuscas*10);
296 287
297 i3GEOF.busca.nbuscas++; 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 if (retorno.data !== undefined) 297 if (retorno.data !== undefined)
300 { 298 {
301 nlinhas = retorno.data.length; 299 nlinhas = retorno.data.length;
@@ -306,18 +304,22 @@ i3GEOF.busca = { @@ -306,18 +304,22 @@ i3GEOF.busca = {
306 valores = (linhas[linha].box).split(" "); 304 valores = (linhas[linha].box).split(" ");
307 x = (valores[0] * 1) + ((((valores[0] * -1) - (valores[2] * -1)) / 2) * 1); 305 x = (valores[0] * 1) + ((((valores[0] * -1) - (valores[2] * -1)) / 2) * 1);
308 y = (valores[1] * 1) + ((((valores[1] * -1) - (valores[3] * -1)) / 2) * 1); 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&nbsp;</td><td onclick='i3GEO.navega.zoomponto(\"\",\"\","+x+","+y+")' style='color:navy;cursor:pointer;'>&nbsp;"+$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 for (i=0;i<linhas[linha].valores.length; i++){ 310 for (i=0;i<linhas[linha].valores.length; i++){
311 er = new RegExp(palavra, "gi"); 311 er = new RegExp(palavra, "gi");
312 tr = (linhas[linha].valores[i].valor).replace(er,"<span style=color:red;text-align:left >"+palavra+"</span>"); 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 naoEncontrado = ""; 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 </div> 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 </div> 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>&nbsp;</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 </div> 47 </div>
48 \ No newline at end of file 48 \ No newline at end of file
ferramentas/etiqueta/templateLista_mst.html
@@ -34,9 +34,8 @@ @@ -34,9 +34,8 @@
34 <div class="radio radio-primary condensed"> 34 <div class="radio radio-primary condensed">
35 <label> 35 <label>
36 <input {{{ckBuscaRapida}}} type='radio' value="{{{item}}}" name='itembuscarapida' /> 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 </label> 39 </label>
41 </div> 40 </div>
42 </td> 41 </td>
ferramentas/inserexy2/template_mst.html
@@ -110,18 +110,16 @@ @@ -110,18 +110,16 @@
110 <div style="display: inline; width: 150px;" class="radio radio-primary condensed"> 110 <div style="display: inline; width: 150px;" class="radio radio-primary condensed">
111 <label> 111 <label>
112 <input onclick='i3GEOF.inserexy.escolhedig(0)' type='radio' name='i3GEOinserexytipodig' id='i3GEOinserexytipodigmascara' checked /> 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 {{{mascara}}} 115 {{{mascara}}}
117 </label> 116 </label>
118 </div> 117 </div>
119 <div style="display: inline; width: 150px;" class="radio radio-primary condensed"> 118 <div style="display: inline; width: 150px;" class="radio radio-primary condensed">
120 <label> 119 <label>
121 <input onclick='i3GEOF.inserexy.escolhedig(1)' type='radio' name='i3GEOinserexytipodig' id='i3GEOinserexytipodigcampo' /> 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 {{{campoUnico}}} 123 {{{campoUnico}}}
126 </label> 124 </label>
127 </div> 125 </div>
js/listaDeFerramentas.js
@@ -412,7 +412,7 @@ i3GEO.listaDeFerramentas = { @@ -412,7 +412,7 @@ i3GEO.listaDeFerramentas = {
412 { 412 {
413 id : "omenudataFerramentas2b", 413 id : "omenudataFerramentas2b",
414 text : $trad("t23"), 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 id : "omenudataFerramentas3b", 418 id : "omenudataFerramentas3b",