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
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> ' | |
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> | ... | ... |