Commit d7de38c45d1d0b358fb6317dfd7b7d11e9fb7d3f
1 parent
d32f31c6
Exists in
master
and in
7 other branches
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
@@ -113,12 +113,7 @@ i3GEOF.locregiao = { | @@ -113,12 +113,7 @@ i3GEOF.locregiao = { | ||
113 | inicia: function(divid){ | 113 | inicia: function(divid){ |
114 | $i(divid).innerHTML = i3GEOF.locregiao.html(); | 114 | $i(divid).innerHTML = i3GEOF.locregiao.html(); |
115 | i3GEOF.locregiao.comboHierarquiaRegioes($i("i3geoLocregiaoTipoRegiao")); | 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 | if(i3GEOF.locregiao.ATIVAFILTRO === true){ | 117 | if(i3GEOF.locregiao.ATIVAFILTRO === true){ |
123 | $i("i3geoLocregiaoBotoesFiltro").style.display = "block"; | 118 | $i("i3geoLocregiaoBotoesFiltro").style.display = "block"; |
124 | } | 119 | } |
@@ -151,7 +146,7 @@ i3GEOF.locregiao = { | @@ -151,7 +146,7 @@ i3GEOF.locregiao = { | ||
151 | return; | 146 | return; |
152 | } | 147 | } |
153 | if (!largura) { | 148 | if (!largura) { |
154 | - largura = 215; | 149 | + largura = 300; |
155 | } | 150 | } |
156 | if (!altura) { | 151 | if (!altura) { |
157 | altura = ""; | 152 | altura = ""; |
@@ -172,7 +167,7 @@ i3GEOF.locregiao = { | @@ -172,7 +167,7 @@ i3GEOF.locregiao = { | ||
172 | else{ | 167 | else{ |
173 | titulo = $trad("x59"); | 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 | janela = i3GEO.janela.cria( | 171 | janela = i3GEO.janela.cria( |
177 | largura + "px", | 172 | largura + "px", |
178 | altura, | 173 | altura, |
@@ -184,7 +179,14 @@ i3GEOF.locregiao = { | @@ -184,7 +179,14 @@ i3GEOF.locregiao = { | ||
184 | false, | 179 | false, |
185 | "hd", | 180 | "hd", |
186 | cabecalho, | 181 | cabecalho, |
187 | - minimiza | 182 | + minimiza, |
183 | + "", | ||
184 | + true, | ||
185 | + "", | ||
186 | + "", | ||
187 | + "", | ||
188 | + "", | ||
189 | + "111" | ||
188 | ); | 190 | ); |
189 | divid = janela[2].id; | 191 | divid = janela[2].id; |
190 | $i("i3GEOF.locregiao_corpo").style.backgroundColor = "white"; | 192 | $i("i3GEOF.locregiao_corpo").style.backgroundColor = "white"; |
@@ -204,12 +206,17 @@ i3GEOF.locregiao = { | @@ -204,12 +206,17 @@ i3GEOF.locregiao = { | ||
204 | */ | 206 | */ |
205 | html: function(){ | 207 | html: function(){ |
206 | var ins = "" + | 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ção automá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ção automática'+ | ||
217 | + ' </label></div>' + | ||
218 | + ' <div class="paragrafo" id="i3geoLocregiaoTipoRegiao" >' + | ||
219 | + ' </div>' + | ||
213 | ' </div>' + | 220 | ' </div>' + |
214 | '</div>'; | 221 | '</div>'; |
215 | return ins; | 222 | return ins; |
@@ -242,7 +249,7 @@ i3GEOF.locregiao = { | @@ -242,7 +249,7 @@ i3GEOF.locregiao = { | ||
242 | * @param codigo da regiao pai da regiao selecionada | 249 | * @param codigo da regiao pai da regiao selecionada |
243 | */ | 250 | */ |
244 | comboHierarquiaRegioesOnChange: function(combo,codigoregiaopai,codigo_tipo_regiao,valorregiaopai){ | 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 | i3GEOF.locregiao.PENULTIMO_CODIGO_REGIAO = i3GEOF.locregiao.ULTIMO_CODIGO_REGIAO; | 253 | i3GEOF.locregiao.PENULTIMO_CODIGO_REGIAO = i3GEOF.locregiao.ULTIMO_CODIGO_REGIAO; |
247 | i3GEOF.locregiao.PENULTIMO_CODIGO_TIPO_REGIAO = i3GEOF.locregiao.ULTIMO_CODIGO_TIPO_REGIAO; | 254 | i3GEOF.locregiao.PENULTIMO_CODIGO_TIPO_REGIAO = i3GEOF.locregiao.ULTIMO_CODIGO_TIPO_REGIAO; |
248 | if(valorregiaopai){ | 255 | if(valorregiaopai){ |
@@ -285,20 +292,24 @@ i3GEOF.locregiao = { | @@ -285,20 +292,24 @@ i3GEOF.locregiao = { | ||
285 | var onc= "", | 292 | var onc= "", |
286 | ins = '', | 293 | ins = '', |
287 | i,n,icone; | 294 | i,n,icone; |
295 | + //<span class="material-icons">filter_list</span> | ||
288 | if(i3GEOF.locregiao.ATIVAFILTRO === true){ | 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 | else{ | 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 | if(dados.valores == ""){ | 302 | if(dados.valores == ""){ |
295 | n = dados.regioes.length; | 303 | n = dados.regioes.length; |
296 | onc = 'i3GEOF.locregiao.comboHierarquiaRegioesOnChange(this,this.value)'; | 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 | for(i=0;i<n;i++){ | 307 | for(i=0;i<n;i++){ |
299 | ins += "<option value='"+dados.regioes[i].codigo_tipo_regiao+"'>"+dados.regioes[i].nome_tipo_regiao+"</option>"; | 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 | else{ | 314 | else{ |
304 | n = dados.valores.length; | 315 | n = dados.valores.length; |
@@ -308,11 +319,13 @@ i3GEOF.locregiao = { | @@ -308,11 +319,13 @@ i3GEOF.locregiao = { | ||
308 | else{ | 319 | else{ |
309 | onc = 'i3GEOF.locregiao.zoom(this.value)'; | 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 | for(i=0;i<n;i++){ | 324 | for(i=0;i<n;i++){ |
313 | ins += "<option value='"+dados.valores[i].identificador_regiao+";"+dados.valores[i].ext+"'>"+dados.valores[i].nome_regiao+"</option>"; | 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 | if(objonde){ | 330 | if(objonde){ |
318 | objonde.innerHTML = ins; | 331 | objonde.innerHTML = ins; |