Commit 37e3821c3fe22c722efa3798b3d27877ef21ac38
1 parent
eeb48f05
Exists in
master
and in
7 other branches
Adaptação da ferramenta mascara para Bootstrap
Showing
3 changed files
with
30 additions
and
21 deletions
Show diff stats
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> ' | ||
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> |