Commit d7de38c45d1d0b358fb6317dfd7b7d11e9fb7d3f

Authored by Edmar Moretti
1 parent d32f31c6

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&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 ' </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;