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