Download as
Browse Code »

Commit d7de38c45d1d0b358fb6317dfd7b7d11e9fb7d3f

Authored by Edmar Moretti
1 parent d32f31c6
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Adaptação das ferramentas de localizar e filtrar limites para Bootstrap

Showing 1 changed file with 35 additions and 22 deletions   Show diff stats
ferramentas/metaestat/locregiao.js
  Diff comments   View file @d7de38c
... ... @@ -113,12 +113,7 @@ i3GEOF.locregiao = {
113 113 inicia: function(divid){
114 114 $i(divid).innerHTML = i3GEOF.locregiao.html();
115 115 i3GEOF.locregiao.comboHierarquiaRegioes($i("i3geoLocregiaoTipoRegiao"));
116   - //ativa os botoes de filtro
117   - var b = new YAHOO.widget.Button(
118   - "i3geoLocregiaoFiltroRemove",
119   - {onclick:{fn: function(){i3GEOF.locregiao.removeFiltro();}}}
120   - );
121   - b.addClass("rodar150");
  116 +
122 117 if(i3GEOF.locregiao.ATIVAFILTRO === true){
123 118 $i("i3geoLocregiaoBotoesFiltro").style.display = "block";
124 119 }
... ... @@ -151,7 +146,7 @@ i3GEOF.locregiao = {
151 146 return;
152 147 }
153 148 if (!largura) {
154   - largura = 215;
  149 + largura = 300;
155 150 }
156 151 if (!altura) {
157 152 altura = "";
... ... @@ -172,7 +167,7 @@ i3GEOF.locregiao = {
172 167 else{
173 168 titulo = $trad("x59");
174 169 }
175   - titulo = "</div><a class='i3GeoTituloJanelaBs' href='javascript:void(0)' onclick='i3GEO.ajuda.ferramenta(111)' >" + titulo + "</a>";
  170 + titulo = "<span class='i3GeoTituloJanelaBsNolink' >"+titulo+"</span></div>";
176 171 janela = i3GEO.janela.cria(
177 172 largura + "px",
178 173 altura,
... ... @@ -184,7 +179,14 @@ i3GEOF.locregiao = {
184 179 false,
185 180 "hd",
186 181 cabecalho,
187   - minimiza
  182 + minimiza,
  183 + "",
  184 + true,
  185 + "",
  186 + "",
  187 + "",
  188 + "",
  189 + "111"
188 190 );
189 191 divid = janela[2].id;
190 192 $i("i3GEOF.locregiao_corpo").style.backgroundColor = "white";
... ... @@ -204,12 +206,17 @@ i3GEOF.locregiao = {
204 206 */
205 207 html: function(){
206 208 var ins = "" +
207   - '<div id="i3geoLocregiaoBotoesFiltro" style="display:none" >' +
208   - ' <input id=i3geoLocregiaoFiltroRemove type="button" value="Remove o filtro" />' +
209   - '<br><br></div>' +
210   - '<div id="i3geoLocregiaoContainer" style="margin-left:5px;">' +
211   - ' <input type=checkbox id=i3geoLocregiaoNavegaAutoCk checked style="cursor:pointer;position:relative;top:3px;"/> Navega&ccedil;&atilde;o autom&aacute;tica<br><br>' +
212   - ' <div class="paragrafo" id="i3geoLocregiaoTipoRegiao" >' +
  209 + '<div class="container-fluid">' +
  210 + ' <div id="i3geoLocregiaoBotoesFiltro" style="display:none" >' +
  211 + ' <button onclick="i3GEOF.locregiao.removeFiltro()" class="btn btn-primary btn-sm btn-raised">Remove o filtro</button>' +
  212 + ' </div>' +
  213 + ' <div id="i3geoLocregiaoContainer">' +
  214 + ' <div class="checkbox text-left"><label>' +
  215 + ' <input checked id="i3geoLocregiaoNavegaAutoCk" type="checkbox" >' +
  216 + ' <span class="checkbox-material noprint"><span class="check"></span></span> Navega&ccedil;&atilde;o autom&aacute;tica'+
  217 + ' </label></div>' +
  218 + ' <div class="paragrafo" id="i3geoLocregiaoTipoRegiao" >' +
  219 + ' </div>' +
213 220 ' </div>' +
214 221 '</div>';
215 222 return ins;
... ... @@ -242,7 +249,7 @@ i3GEOF.locregiao = {
242 249 * @param codigo da regiao pai da regiao selecionada
243 250 */
244 251 comboHierarquiaRegioesOnChange: function(combo,codigoregiaopai,codigo_tipo_regiao,valorregiaopai){
245   - var onde = combo.parentNode.parentNode.getElementsByTagName("div")[1];
  252 + var onde = combo.parentNode.parentNode.parentNode.getElementsByTagName("div")[2];
246 253 i3GEOF.locregiao.PENULTIMO_CODIGO_REGIAO = i3GEOF.locregiao.ULTIMO_CODIGO_REGIAO;
247 254 i3GEOF.locregiao.PENULTIMO_CODIGO_TIPO_REGIAO = i3GEOF.locregiao.ULTIMO_CODIGO_TIPO_REGIAO;
248 255 if(valorregiaopai){
... ... @@ -285,20 +292,24 @@ i3GEOF.locregiao = {
285 292 var onc= "",
286 293 ins = '',
287 294 i,n,icone;
  295 + //<span class="material-icons">filter_list</span>
288 296 if(i3GEOF.locregiao.ATIVAFILTRO === true){
289   - icone = "<img title='Aplica filtro' src='"+i3GEO.configura.locaplic+"/imagens/oxygen/16x16/view-filter.png' style='position:relative;cursor:pointer;top:3px;left:5px' onclick='i3GEOF.locregiao.aplicaFiltro(this.parentNode.firstChild.firstChild.value,"+dados.regiaopai+")' />";
  297 + icone = '<span style="cursor:pointer;" onclick="i3GEOF.locregiao.aplicaFiltro(this.parentNode.firstChild.firstChild.value,'+dados.regiaopai+')" class="material-icons" title="Aplica filtro">filter_list</span>';
290 298 }
291 299 else{
292   - icone = "<img title='Zoom para...' src='"+i3GEO.configura.locaplic+"/imagens/ic_zoom.png' style='position:relative;cursor:pointer;top:3px;left:5px' onclick='i3GEOF.locregiao.zoom(this.parentNode.firstChild.firstChild.value)' />";
  300 + icone = '<span style="cursor:pointer;" onclick="i3GEOF.locregiao.zoom(this.parentNode.firstChild.firstChild.value)" class="material-icons" title="Zoom para...">gps_fixed</span>';
293 301 }
294 302 if(dados.valores == ""){
295 303 n = dados.regioes.length;
296 304 onc = 'i3GEOF.locregiao.comboHierarquiaRegioesOnChange(this,this.value)';
297   - ins += "<div class=styled-select style='width:180px;float:left;'><select onchange=\'"+onc+"\'><option value=''>---</option>";
  305 + ins += "<div class='form-group label-fixed condensed'>";
  306 + ins += "<div class='input-group'><select style='width: 230px;' class='form-control' onchange=\'"+onc+"\'><option value=''>---</option>";
298 307 for(i=0;i<n;i++){
299 308 ins += "<option value='"+dados.regioes[i].codigo_tipo_regiao+"'>"+dados.regioes[i].nome_tipo_regiao+"</option>";
300 309 }
301   - ins += "</select></div><br><br><div class='paragrafo'></div>";
  310 + ins += "</select></div></div>";
  311 + ins += "<div class='form-inline'></div>";
  312 +
302 313 }
303 314 else{
304 315 n = dados.valores.length;
... ... @@ -308,11 +319,13 @@ i3GEOF.locregiao = {
308 319 else{
309 320 onc = 'i3GEOF.locregiao.zoom(this.value)';
310 321 }
311   - ins += "<div class=styled-select style='width:180px;float:left;'><select onchange=\'"+onc+"\'><option value=''>---</option>";
  322 + ins += "<div class='form-group label-fixed condensed'>";
  323 + ins += "<div class='input-group'><select style='width: 230px;' class='form-control' onchange=\'"+onc+"\'><option value=''>---</option>";
312 324 for(i=0;i<n;i++){
313 325 ins += "<option value='"+dados.valores[i].identificador_regiao+";"+dados.valores[i].ext+"'>"+dados.valores[i].nome_regiao+"</option>";
314 326 }
315   - ins += "</select></div>"+icone+"<br><br><div class='paragrafo'></div>";
  327 + ins += "</select></div>" + icone + "</div>";
  328 + ins += "<div class='form-inline'></div>";
316 329 }
317 330 if(objonde){
318 331 objonde.innerHTML = ins;
... ...