Commit 182d15c535c7a431551f264b9f931669a23f4762

Authored by Edmar Moretti
1 parent 02433063

Adaptação da ferramenta Procurar para Bootstrap

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>&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 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&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 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>&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 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",
... ...