Commit 396d7c26c3dd77a626293fa9ba0e94bec5774d8e
1 parent
2f2d766c
Exists in
master
and in
7 other branches
Padronização de classes css para uso nas janelas flutuantes
Showing
10 changed files
with
74 additions
and
59 deletions
Show diff stats
css/default.css
... | ... | @@ -24,7 +24,13 @@ Botoes material |
24 | 24 | color:white; |
25 | 25 | background-color: #477596; |
26 | 26 | } |
27 | -.form-group.label-floating.is-focused > label, .form-group.label-floating.is-empty.is-focused > label, .form-group.condensed.is-focused > label, .form-group.is-focused > label { | |
27 | +.form-group .help-block { | |
28 | + margin-top: 0; | |
29 | + font-size: 10px; | |
30 | + color: #BDBDBD; | |
31 | + font-weight: initial; | |
32 | +} | |
33 | +.form-group.label-floating.is-focused > label, .form-group.label-static.is-focused > label, .form-group.label-floating.is-empty.is-focused > label, .form-group.condensed.is-focused > label, .form-group.is-focused > label { | |
28 | 34 | color: #BDBDBD; |
29 | 35 | } |
30 | 36 | /* |
... | ... | @@ -159,6 +165,7 @@ hr { |
159 | 165 | |
160 | 166 | #i3GEOguiaMovel .form-control { |
161 | 167 | background-color: transparent; |
168 | + color: #BDBDBD; | |
162 | 169 | } |
163 | 170 | |
164 | 171 | .nomeTema { | ... | ... |
ferramentas/atalhoscamada/dicionario.js
... | ... | @@ -9,12 +9,20 @@ i3GEOF.atalhoscamada.dicionario = { |
9 | 9 | ], |
10 | 10 | "temporizador" : [ |
11 | 11 | { |
12 | - pt : "Intervalo em segundos após o qual a camada será atualizada. Para ignorar ou cancelar, deixe em branco", | |
13 | - en : "Interval in seconds after which the layer will be updated. To ignore, leave blank", | |
14 | - es : "Intervalo en segundos despues del cual la capa será actualizada. Para ignorar, deje en blanco.", | |
15 | - it : "Intervalo em segundos após o qual a camada será atualizada. Para ignorar, deixe em branco" | |
12 | + pt : "Intervalo em segundos após o qual a camada será atualizada", | |
13 | + en : "Interval in seconds after which the layer will be updated", | |
14 | + es : "Intervalo en segundos despues del cual la capa será actualizada", | |
15 | + it : "Intervalo em segundos após o qual a camada será atualizada" | |
16 | 16 | } |
17 | 17 | ], |
18 | + "temporizadorHelp" : [ | |
19 | + { | |
20 | + pt : "Para ignorar ou cancelar, deixe em branco", | |
21 | + en : "To ignore, leave blank", | |
22 | + es : "Para ignorar, deje en blanco.", | |
23 | + it : "Para ignorar, deixe em branco" | |
24 | + } | |
25 | + ], | |
18 | 26 | "mudanome" : [ |
19 | 27 | { |
20 | 28 | pt : "Muda o nome atual do tema. Utilize para melhorar a legenda do mapa.", | ... | ... |
ferramentas/atalhoscamada/index.js
... | ... | @@ -144,7 +144,10 @@ i3GEOF.atalhoscamada = |
144 | 144 | minimiza, |
145 | 145 | "", |
146 | 146 | true, |
147 | - i3GEO.configura.locaplic + "/imagens/oxygen/16x16/games-config-custom.png" | |
147 | + "", | |
148 | + "", | |
149 | + "", | |
150 | + "" | |
148 | 151 | ); |
149 | 152 | divid = janela[2].id; |
150 | 153 | if (i3GEOF.atalhoscamada.janelas.length > 1) { | ... | ... |
ferramentas/atalhoscamada/template_mst.html
1 | -<div style='margin-left: 5px;width:95%;'> | |
2 | - <div id='i3GEOFatalhoscamadaCompartilhar'></div> | |
3 | - <br> | |
4 | - <label>{{{opacidade}}} | |
5 | - <a class=ajuda_usuario target=_blank href='{{{locaplic}}}/ajuda_usuario.php?idcategoria=5&idajuda=42' ><b> </b></a> | |
6 | - </label> | |
7 | - <div class="form-group condensed" > | |
1 | +<div class='container-fluid'> | |
2 | + <div class="form-group label-static" > | |
3 | + <label class="control-label">{{{opacidade}}}</label> | |
8 | 4 | <form onsubmit='i3GEOF.atalhoscamada.mudaOpacidade(this,{{{idjanelaA}}});return false;'> |
9 | - <input class="form-control" type='text' value='' /> | |
5 | + <input class="form-control input-lg" type='text' value='' /> | |
10 | 6 | </form> |
11 | 7 | </div> |
12 | - <br> | |
13 | - <label>{{{temporizador}}} | |
14 | - <a class=ajuda_usuario target=_blank href='{{{locaplic}}}/ajuda_usuario.php?idcategoria=5&idajuda=101' ><b> </b></a> | |
15 | - </label> | |
16 | - <div class="form-group condensed" > | |
8 | + | |
9 | + <div class="form-group label-static" > | |
10 | + <label class="control-label">{{{temporizador}}}</label> | |
17 | 11 | <form onsubmit='i3GEOF.atalhoscamada.temporizador(this,{{{idjanelaA}}});return false;'> |
18 | - <input class="form-control" type='text' value='' /> | |
12 | + <input class="form-control input-lg" type='text' value='' /> | |
19 | 13 | </form> |
14 | + <p class="help-block">{{{temporizadorHelp}}}</p> | |
20 | 15 | </div> |
21 | - <br> | |
22 | - <label>{{{mudanome}}} | |
23 | - <a class=ajuda_usuario target=_blank href='{{{locaplic}}}/ajuda_usuario.php?idcategoria=5&idajuda=43' ><b> </b></a> | |
24 | - </label> | |
25 | - <div class="form-group condensed" > | |
16 | + | |
17 | + <div class="form-group label-static" > | |
18 | + <label class="control-label">{{{mudanome}}}</label> | |
26 | 19 | <form onsubmit='i3GEOF.atalhoscamada.mudaNome(this,{{{idjanelaA}}});return false;'> |
27 | - <input class="form-control" type='text' value='' /> | |
20 | + <input class="form-control input-lg" type='text' value='' /> | |
28 | 21 | </form> |
29 | 22 | </div> |
30 | - <br> | |
31 | - <div id='i3GEOFatalhoscamadaMenu' ></div> | |
23 | + | |
32 | 24 | <a href='javascript:void(0)' onclick="i3GEO.tema.dialogo.procuraratrib('{{tema}}')" class='{{procurarHidden}} btn btn-primary btn-lg btn-block btn-raised'>{{{procurar}}}</a> |
33 | 25 | <a href='javascript:void(0)' onclick="i3GEO.tema.copia('{{tema}}')" class='btn btn-primary btn-lg btn-block btn-raised'>{{{copia}}}</a> |
34 | 26 | <a href='javascript:void(0)' onclick="i3GEO.tema.dialogo.toponimia('{{tema}}')" class='{{topoHidden}} btn btn-primary btn-lg btn-block btn-raised'>{{{topo}}}</a> | ... | ... |
ferramentas/atalhosedicao/dicionario.js
... | ... | @@ -16,14 +16,14 @@ i3GEOF.atalhosedicao.dicionario = { |
16 | 16 | es : "Guardar mapfile" |
17 | 17 | } ], |
18 | 18 | 'tabela' : [ { |
19 | - pt : "Tabela de atributos", | |
19 | + pt : "Tabela", | |
20 | 20 | en : "", |
21 | - es : "Tabla de atributos" | |
21 | + es : "Tabla" | |
22 | 22 | } ], |
23 | 23 | 'texto' : [ { |
24 | - pt : "Textos (toponímia)", | |
24 | + pt : "Toponímia", | |
25 | 25 | en : "", |
26 | - es : "Textos (toponimia)" | |
26 | + es : "Ttoponimia" | |
27 | 27 | } ], |
28 | 28 | 'etiqueta' : [ { |
29 | 29 | pt : "Etiquetas, busca...", |
... | ... | @@ -31,9 +31,9 @@ i3GEOF.atalhosedicao.dicionario = { |
31 | 31 | es : "Etiqueta, busqueda..." |
32 | 32 | } ], |
33 | 33 | 'filtro' : [ { |
34 | - pt : "Filtro de atributos", | |
34 | + pt : "Filtro", | |
35 | 35 | en : "", |
36 | - es : "Filtro de atributos" | |
36 | + es : "Filtro" | |
37 | 37 | } ], |
38 | 38 | 'opacidade' : [ { |
39 | 39 | pt : "Opacidade (0 a 100)", | ... | ... |
ferramentas/atalhosedicao/index.js
ferramentas/atalhosedicao/template_mst.html
1 | -<div style='margin-left: 5px;width:95%;'> | |
1 | +<div class='container-fluid'> | |
2 | 2 | <a onclick="i3GEOF.atalhosedicao.salva()" class='btn btn-primary btn-lg btn-block btn-raised' href='javascript:void(0)' > |
3 | 3 | {{{salva}}} |
4 | 4 | </a> |
... | ... | @@ -20,12 +20,14 @@ |
20 | 20 | <a onclick="i3GEOF.atalhosedicao.temaComGrafico();" class='btn btn-primary btn-lg btn-block btn-raised' href='javascript:void(0)' > |
21 | 21 | {{{temacomgrafico}}} |
22 | 22 | </a> |
23 | - <label>{{{opacidade}}}</label> | |
24 | - <div class="form-group condensed" > | |
25 | - <form onsubmit='i3GEO.tema.mudatransp(i3GEOF.atalhosedicao.tema,this[0].value);return false;'> | |
26 | - <input id="i3GEOFatalhosedicaoOpacidade" class="form-control" type='text' value='{{{transparency}}}' /> | |
23 | + | |
24 | + <div class="form-group label-static" > | |
25 | + <label class="control-label">{{{opacidade}}}</label> | |
26 | + <form onsubmit="i3GEO.tema.mudatransp(i3GEOF.atalhosedicao.tema,this[0].value);return false;"> | |
27 | + <input id="i3GEOFatalhosedicaoOpacidade" class="form-control input-lg" type='text' value='{{{transparency}}}' /> | |
27 | 28 | </form> |
28 | 29 | </div> |
30 | + | |
29 | 31 | <!-- Opcoes que alteram os metadata do LAYER basta incluir em name o nome do metadata e indicar com true ou false se o valor e do tipo sim|nao. Se for false, o valor e obtido de value --> |
30 | 32 | <div class="checkbox text-left"> |
31 | 33 | <label> |
... | ... | @@ -33,6 +35,7 @@ |
33 | 35 | <span class="checkbox-material noprint"><span class="check"></span></span> {{{ativaCache}}} |
34 | 36 | </label> |
35 | 37 | </div> |
38 | + | |
36 | 39 | <div class="checkbox text-left"> |
37 | 40 | <label> |
38 | 41 | <input id='i3GEOFatalhosedicaoClasse' type="checkbox" name='classe' onclick="i3GEOF.atalhosedicao.metadata(this,true)"> | ... | ... |
ferramentas/imprimir/index.js
ferramentas/imprimir/template_mst.html
1 | -<div style='margin-left: 5px;width:95%;'> | |
2 | - <label>{{{escolha}}} | |
3 | - </label> | |
1 | +<div class='container-fluid'> | |
2 | + <h5>{{{escolha}}} | |
3 | + </h5> | |
4 | 4 | <a href='javascript:void(0)' onclick="i3GEOF.imprimir.abreI('{{{locaplic}}}/ferramentas/imprimir/a4lpaisagempdf.htm');" class='btn btn-primary btn-lg btn-block btn-raised'> |
5 | 5 | A4 com margens pdf |
6 | 6 | </a> |
... | ... | @@ -8,7 +8,7 @@ |
8 | 8 | Geo Tiff |
9 | 9 | </a> |
10 | 10 | <a href='javascript:void(0)' onclick="i3GEOF.imprimir.abreI('{{{locaplic}}}/ferramentas/imprimir/aggpng.php','interna');" class='btn btn-primary btn-lg btn-block btn-raised'> |
11 | - Agg/Png alta qualidade | |
11 | + Agg/Png | |
12 | 12 | </a> |
13 | 13 | <a href='javascript:void(0)' onclick="i3GEOF.imprimir.abreI('{{{locaplic}}}/ferramentas/imprimir/jpeg.php','interna');" class='btn btn-primary btn-lg btn-block btn-raised'> |
14 | 14 | JPEG |
... | ... | @@ -17,8 +17,8 @@ |
17 | 17 | Svg - vetorial |
18 | 18 | </a> |
19 | 19 | |
20 | - <label>{{{config}}} | |
21 | - </label> | |
20 | + <h5>{{{config}}} | |
21 | + </h5> | |
22 | 22 | <a href='javascript:void(0)' onclick="i3GEO.mapa.dialogo.opcoesLegenda();" class='btn btn-primary btn-lg btn-block btn-raised'> |
23 | 23 | {{{legenda}}} |
24 | 24 | </a> | ... | ... |
ferramentas/tabela/template_mst.html
... | ... | @@ -37,19 +37,19 @@ |
37 | 37 | <!-- Guia Propriedades --> |
38 | 38 | <div id='{{{idjanela}}}i3GEOtabelaguia6obj' class="container-fluid"> |
39 | 39 | <div class="checkbox text-left"> |
40 | - <label style="padding:12px;"> | |
40 | + <label> | |
41 | 41 | <input id='{{{idjanela}}}i3GEOtabelatipolista' type="checkbox" onclick="i3GEOF.tabela.pegaRegistros('{{{idjanela}}}')"> |
42 | 42 | <span class="checkbox-material noprint"><span class="check"></span></span> {{{atuatab}}} |
43 | 43 | </label> |
44 | 44 | </div> |
45 | 45 | <div class="checkbox text-left"> |
46 | - <label style="padding:12px;"> | |
46 | + <label> | |
47 | 47 | <input id='{{{idjanela}}}i3GEOtabelalegenda' type="checkbox" onclick="i3GEOF.tabela.pegaRegistros('{{{idjanela}}}')"> |
48 | 48 | <span class="checkbox-material noprint"><span class="check"></span></span> {{{colleg}}} |
49 | 49 | </label> |
50 | 50 | </div> |
51 | 51 | <div class="checkbox text-left"> |
52 | - <label style="padding:12px;"> | |
52 | + <label> | |
53 | 53 | <input checked id='i3GEOFtabelaRodape{{{idjanela}}}' type="checkbox" onclick="i3GEOF.tabela.propJanelas['{{{idjanela}}}'].atualiza = this.checked;"> |
54 | 54 | <span class="checkbox-material noprint"><span class="check"></span></span> {{{atualizaAoNavegar}}} |
55 | 55 | </label> |
... | ... | @@ -96,9 +96,7 @@ |
96 | 96 | <!-- label-floating --> |
97 | 97 | <div class='form-group label-floating is-empty' > |
98 | 98 | <label class="control-label" for="{{{idjanela}}}i3GEOtabelafiltro1">{{{excluicalc}}}</label> |
99 | - | |
100 | 99 | <input class="form-control input-lg" type='text' id='{{{idjanela}}}i3GEOtabelafiltro1' value='' /> |
101 | - | |
102 | 100 | </div> |
103 | 101 | |
104 | 102 | <button onclick="i3GEOF.tabela.estatistica('{{{idjanela}}}')" class='btn btn-primary btn-sm btn-raised'>{{{calc}}}</button> |
... | ... | @@ -112,7 +110,7 @@ |
112 | 110 | <!-- Relatorio --> |
113 | 111 | <div id='{{{idjanela}}}i3GEOtabelaguia5obj' class='container-fluid'> |
114 | 112 | <div class='form-group condensed' > |
115 | - <label class="control-label">{{{itensrel}}}</label> | |
113 | + <label>{{{itensrel}}}</label> | |
116 | 114 | <div id='{{{idjanela}}}i3GEOtabelaitensrelatorio' style='overflow: auto; height: 120px; top:10px;'></div> |
117 | 115 | </div> |
118 | 116 | <div class='form-group condensed' > |
... | ... | @@ -120,22 +118,20 @@ |
120 | 118 | <div id='{{{idjanela}}}i3GEOtabelaagrupamento'></div> |
121 | 119 | </div> |
122 | 120 | |
123 | - <div class='form-group condensed' > | |
124 | - <label class="control-label">{{{excvalor}}}</label> | |
125 | - <div> | |
126 | - <input class="form-control input-lg" type='text' id='{{{idjanela}}}i3GEOtabelaexcestat' value='' /> | |
127 | - </div> | |
121 | + <div class='form-group label-floating is-empty' > | |
122 | + <label class="control-label" for="{{{idjanela}}}i3GEOtabelaexcestat">{{{excvalor}}}</label> | |
123 | + <input class="form-control input-lg" type='text' id='{{{idjanela}}}i3GEOtabelaexcestat' value='' /> | |
128 | 124 | </div> |
129 | 125 | |
130 | 126 | <div class="checkbox text-left"> |
131 | - <label style="padding:12px;"> | |
127 | + <label> | |
132 | 128 | <input id='{{{idjanela}}}i3GEOtabelacalculaarea' type="checkbox"> |
133 | 129 | <span class="checkbox-material noprint"><span class="check"></span></span> {{{incarea}}} |
134 | 130 | </label> |
135 | 131 | </div> |
136 | 132 | |
137 | 133 | <div class="checkbox text-left"> |
138 | - <label style="padding:12px;"> | |
134 | + <label> | |
139 | 135 | <input id='{{{idjanela}}}i3GEOtabelacalculaestat' type="checkbox"> |
140 | 136 | <span class="checkbox-material noprint"><span class="check"></span></span> {{{incestat}}} |
141 | 137 | </label> | ... | ... |