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 14 pt : "Aplicar máscara",
15 15 en : "",
16 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 79 $i(iddiv).innerHTML = i3GEOF.mascara.html();
80 80 i3GEOF.mascara.selMascara();
81 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 82 i3GEOF.mascara.aguarde.visibility = "hidden";
88 83 },
89 84 /*
... ... @@ -102,7 +97,7 @@ i3GEOF.mascara = {
102 97 listaDeCamadas: function(marcar){
103 98 var camadas = i3GEO.arvoreDeCamadas.CAMADAS,
104 99 n = camadas.length, c,
105   - ins = "<table style='width:95%' class='lista8'>";
  100 + ins = "";
106 101 if(!marcar){
107 102 marcar = [];
108 103 }
... ... @@ -113,7 +108,11 @@ i3GEOF.mascara = {
113 108 if(marcar.indexOf(camadas[n].tema) >= 0){
114 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 118 ins += "</table>";
... ... @@ -180,7 +179,8 @@ i3GEOF.mascara = {
180 179 "",
181 180 " ",
182 181 false,
183   - true
  182 + true,
  183 + "form-control comboTema"
184 184 );
185 185 },
186 186 listaTemas: function(){
... ... @@ -190,7 +190,7 @@ i3GEOF.mascara = {
190 190 while(n > 0){
191 191 n -= 1;
192 192 if(cs[n].checked === true){
193   - temp.push(cs[n].value);
  193 + temp.push(cs[n].name);
194 194 }
195 195 }
196 196 return temp;
... ... @@ -198,7 +198,11 @@ i3GEOF.mascara = {
198 198 aplicar : function(){
199 199 var tema = $i("i3GEOFmascaraSelTema").value,
200 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 206 return;
203 207 }
204 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 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>
... ...