Commit 37e3821c3fe22c722efa3798b3d27877ef21ac38

Authored by Edmar Moretti
1 parent eeb48f05

Adaptação da ferramenta mascara para Bootstrap

ferramentas/mascara/dicionario.js
@@ -14,5 +14,10 @@ i3GEOF.mascara.dicionario = { @@ -14,5 +14,10 @@ i3GEOF.mascara.dicionario = {
14 pt : "Aplicar máscara", 14 pt : "Aplicar máscara",
15 en : "", 15 en : "",
16 es : "" 16 es : ""
  17 + } ],
  18 + 'tema' : [ {
  19 + pt : "Escolha um tema",
  20 + en : "",
  21 + es : ""
17 } ] 22 } ]
18 }; 23 };
ferramentas/mascara/index.js
@@ -79,11 +79,6 @@ i3GEOF.mascara = { @@ -79,11 +79,6 @@ i3GEOF.mascara = {
79 $i(iddiv).innerHTML = i3GEOF.mascara.html(); 79 $i(iddiv).innerHTML = i3GEOF.mascara.html();
80 i3GEOF.mascara.selMascara(); 80 i3GEOF.mascara.selMascara();
81 i3GEOF.mascara.listaDeCamadas(); 81 i3GEOF.mascara.listaDeCamadas();
82 - var b = new YAHOO.widget.Button(  
83 - "i3GEOmascarabotao1",  
84 - {onclick:{fn: i3GEOF.mascara.aplicar}}  
85 - );  
86 - b.addClass("rodar");  
87 i3GEOF.mascara.aguarde.visibility = "hidden"; 82 i3GEOF.mascara.aguarde.visibility = "hidden";
88 }, 83 },
89 /* 84 /*
@@ -102,7 +97,7 @@ i3GEOF.mascara = { @@ -102,7 +97,7 @@ i3GEOF.mascara = {
102 listaDeCamadas: function(marcar){ 97 listaDeCamadas: function(marcar){
103 var camadas = i3GEO.arvoreDeCamadas.CAMADAS, 98 var camadas = i3GEO.arvoreDeCamadas.CAMADAS,
104 n = camadas.length, c, 99 n = camadas.length, c,
105 - ins = "<table style='width:95%' class='lista8'>"; 100 + ins = "";
106 if(!marcar){ 101 if(!marcar){
107 marcar = []; 102 marcar = [];
108 } 103 }
@@ -113,7 +108,11 @@ i3GEOF.mascara = { @@ -113,7 +108,11 @@ i3GEOF.mascara = {
113 if(marcar.indexOf(camadas[n].tema) >= 0){ 108 if(marcar.indexOf(camadas[n].tema) >= 0){
114 c = "checked"; 109 c = "checked";
115 } 110 }
116 - ins += "<tr><td><input class=inputsb style='cursor:pointer' " + c + " type=checkbox value='"+camadas[n].name+"' /></td><td><span style=background:white id='i3GEOanima"+camadas[n].name+"'>"+camadas[n].tema+"</span></td></tr>"; 111 + ins += '<div class="checkbox text-left"><label>'
  112 + + '<input name="' + camadas[n].name + '" type="checkbox" ' + c + ' >'
  113 + + '<span class="checkbox-material noprint"><span class="check"></span></span>&nbsp;'
  114 + + camadas[n].tema
  115 + + '</label></div>';
117 } 116 }
118 } 117 }
119 ins += "</table>"; 118 ins += "</table>";
@@ -180,7 +179,8 @@ i3GEOF.mascara = { @@ -180,7 +179,8 @@ i3GEOF.mascara = {
180 "", 179 "",
181 " ", 180 " ",
182 false, 181 false,
183 - true 182 + true,
  183 + "form-control comboTema"
184 ); 184 );
185 }, 185 },
186 listaTemas: function(){ 186 listaTemas: function(){
@@ -190,7 +190,7 @@ i3GEOF.mascara = { @@ -190,7 +190,7 @@ i3GEOF.mascara = {
190 while(n > 0){ 190 while(n > 0){
191 n -= 1; 191 n -= 1;
192 if(cs[n].checked === true){ 192 if(cs[n].checked === true){
193 - temp.push(cs[n].value); 193 + temp.push(cs[n].name);
194 } 194 }
195 } 195 }
196 return temp; 196 return temp;
@@ -198,7 +198,11 @@ i3GEOF.mascara = { @@ -198,7 +198,11 @@ i3GEOF.mascara = {
198 aplicar : function(){ 198 aplicar : function(){
199 var tema = $i("i3GEOFmascaraSelTema").value, 199 var tema = $i("i3GEOFmascaraSelTema").value,
200 mascarar = i3GEOF.mascara.listaTemas(), p, fim, cp; 200 mascarar = i3GEOF.mascara.listaTemas(), p, fim, cp;
201 - if(tema === "" || i3GEOF.mascara.aguarde.visibility === "visible"){ 201 + if(i3GEOF.mascara.aguarde.visibility === "visible"){
  202 + return;
  203 + }
  204 + if(tema === ""){
  205 + i3GEO.janela.tempoMsg($trad("tema",i3GEOF.mascara.dicionario));
202 return; 206 return;
203 } 207 }
204 i3GEOF.mascara.aguarde.visibility = "visible"; 208 i3GEOF.mascara.aguarde.visibility = "visible";
ferramentas/mascara/template_mst.html
1 -<div>  
2 - <p class='paragrafo'>{{{selecionaTema}}}:</p>  
3 - <div id='i3GEOmascaraTema' class='styled-select' ></div> 1 +<div class='container-fluid'>
  2 + <div style="width: 100%;" class='form-group label-fixed condensed'>
  3 + <label class="control-label" for="">{{{fonte}}}</label>
  4 + <div id='i3GEOmascaraTema' style="width: 100%;" class="input-group"></div>
  5 + </div>
  6 + <div style="width: 100%;" class='form-group label-fixed condensed'>
  7 + <label class="control-label" for="">{{{listaTemas}}}</label>
  8 + <div id='i3GEOFmascaraLista' style="width: 100%;" class="input-group"></div>
  9 + </div>
  10 + <button onclick="i3GEOF.mascara.aplicar()" class='btn btn-primary btn-sm btn-raised'>{{{criaMascara}}}</button>
  11 +
4 </div> 12 </div>
5 -<br><p class='paragrafo'>  
6 -<input id='i3GEOmascarabotao1' type='button' value='{{{criaMascara}}}' />  
7 -</p>  
8 -<div>  
9 - <p class='paragrafo'>{{{listaTemas}}}:</p>  
10 - <div id='i3GEOFmascaraLista' ></div>  
11 -</div>  
12 -<br>