Commit 396d7c26c3dd77a626293fa9ba0e94bec5774d8e

Authored by Edmar Moretti
1 parent 2f2d766c

Padronização de classes css para uso nas janelas flutuantes

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}}}&nbsp;
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}}}&nbsp;
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}}}&nbsp;
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&iacute;mia)",
  24 + pt : "Topon&iacute;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
... ... @@ -211,8 +211,8 @@ i3GEOF.atalhosedicao =
211 211 titulo = "</div><div class='i3GeoTituloJanelaBs'>" + i3GEO.temaAtivo + "</div>";
212 212 janela =
213 213 i3GEO.janela.cria(
214   - "250px",
215 214 "300px",
  215 + "350px",
216 216 "",
217 217 "",
218 218 "",
... ...
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
... ... @@ -141,6 +141,12 @@ i3GEOF.imprimir = {
141 141 false,
142 142 "hd",
143 143 cabecalho,
  144 + "",
  145 + "",
  146 + true,
  147 + "",
  148 + "",
  149 + "",
144 150 ""
145 151 );
146 152 divid = janela[2].id;
... ...
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>
... ...