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