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,7 +24,13 @@ Botoes material
24 color:white; 24 color:white;
25 background-color: #477596; 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 color: #BDBDBD; 34 color: #BDBDBD;
29 } 35 }
30 /* 36 /*
@@ -159,6 +165,7 @@ hr { @@ -159,6 +165,7 @@ hr {
159 165
160 #i3GEOguiaMovel .form-control { 166 #i3GEOguiaMovel .form-control {
161 background-color: transparent; 167 background-color: transparent;
  168 + color: #BDBDBD;
162 } 169 }
163 170
164 .nomeTema { 171 .nomeTema {
ferramentas/atalhoscamada/dicionario.js
@@ -9,12 +9,20 @@ i3GEOF.atalhoscamada.dicionario = { @@ -9,12 +9,20 @@ i3GEOF.atalhoscamada.dicionario = {
9 ], 9 ],
10 "temporizador" : [ 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 "mudanome" : [ 26 "mudanome" : [
19 { 27 {
20 pt : "Muda o nome atual do tema. Utilize para melhorar a legenda do mapa.", 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,7 +144,10 @@ i3GEOF.atalhoscamada =
144 minimiza, 144 minimiza,
145 "", 145 "",
146 true, 146 true,
147 - i3GEO.configura.locaplic + "/imagens/oxygen/16x16/games-config-custom.png" 147 + "",
  148 + "",
  149 + "",
  150 + ""
148 ); 151 );
149 divid = janela[2].id; 152 divid = janela[2].id;
150 if (i3GEOF.atalhoscamada.janelas.length > 1) { 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 <form onsubmit='i3GEOF.atalhoscamada.mudaOpacidade(this,{{{idjanelaA}}});return false;'> 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 </form> 6 </form>
11 </div> 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 <form onsubmit='i3GEOF.atalhoscamada.temporizador(this,{{{idjanelaA}}});return false;'> 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 </form> 13 </form>
  14 + <p class="help-block">{{{temporizadorHelp}}}</p>
20 </div> 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 <form onsubmit='i3GEOF.atalhoscamada.mudaNome(this,{{{idjanelaA}}});return false;'> 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 </form> 21 </form>
29 </div> 22 </div>
30 - <br>  
31 - <div id='i3GEOFatalhoscamadaMenu' ></div> 23 +
32 <a href='javascript:void(0)' onclick="i3GEO.tema.dialogo.procuraratrib('{{tema}}')" class='{{procurarHidden}} btn btn-primary btn-lg btn-block btn-raised'>{{{procurar}}}</a> 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 <a href='javascript:void(0)' onclick="i3GEO.tema.copia('{{tema}}')" class='btn btn-primary btn-lg btn-block btn-raised'>{{{copia}}}</a> 25 <a href='javascript:void(0)' onclick="i3GEO.tema.copia('{{tema}}')" class='btn btn-primary btn-lg btn-block btn-raised'>{{{copia}}}</a>
34 <a href='javascript:void(0)' onclick="i3GEO.tema.dialogo.toponimia('{{tema}}')" class='{{topoHidden}} btn btn-primary btn-lg btn-block btn-raised'>{{{topo}}}</a> 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,14 +16,14 @@ i3GEOF.atalhosedicao.dicionario = {
16 es : "Guardar mapfile" 16 es : "Guardar mapfile"
17 } ], 17 } ],
18 'tabela' : [ { 18 'tabela' : [ {
19 - pt : "Tabela de atributos", 19 + pt : "Tabela",
20 en : "", 20 en : "",
21 - es : "Tabla de atributos" 21 + es : "Tabla"
22 } ], 22 } ],
23 'texto' : [ { 23 'texto' : [ {
24 - pt : "Textos (topon&iacute;mia)", 24 + pt : "Topon&iacute;mia",
25 en : "", 25 en : "",
26 - es : "Textos (toponimia)" 26 + es : "Ttoponimia"
27 } ], 27 } ],
28 'etiqueta' : [ { 28 'etiqueta' : [ {
29 pt : "Etiquetas, busca...", 29 pt : "Etiquetas, busca...",
@@ -31,9 +31,9 @@ i3GEOF.atalhosedicao.dicionario = { @@ -31,9 +31,9 @@ i3GEOF.atalhosedicao.dicionario = {
31 es : "Etiqueta, busqueda..." 31 es : "Etiqueta, busqueda..."
32 } ], 32 } ],
33 'filtro' : [ { 33 'filtro' : [ {
34 - pt : "Filtro de atributos", 34 + pt : "Filtro",
35 en : "", 35 en : "",
36 - es : "Filtro de atributos" 36 + es : "Filtro"
37 } ], 37 } ],
38 'opacidade' : [ { 38 'opacidade' : [ {
39 pt : "Opacidade (0 a 100)", 39 pt : "Opacidade (0 a 100)",
ferramentas/atalhosedicao/index.js
@@ -211,8 +211,8 @@ i3GEOF.atalhosedicao = @@ -211,8 +211,8 @@ i3GEOF.atalhosedicao =
211 titulo = "</div><div class='i3GeoTituloJanelaBs'>" + i3GEO.temaAtivo + "</div>"; 211 titulo = "</div><div class='i3GeoTituloJanelaBs'>" + i3GEO.temaAtivo + "</div>";
212 janela = 212 janela =
213 i3GEO.janela.cria( 213 i3GEO.janela.cria(
214 - "250px",  
215 "300px", 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 <a onclick="i3GEOF.atalhosedicao.salva()" class='btn btn-primary btn-lg btn-block btn-raised' href='javascript:void(0)' > 2 <a onclick="i3GEOF.atalhosedicao.salva()" class='btn btn-primary btn-lg btn-block btn-raised' href='javascript:void(0)' >
3 {{{salva}}} 3 {{{salva}}}
4 </a> 4 </a>
@@ -20,12 +20,14 @@ @@ -20,12 +20,14 @@
20 <a onclick="i3GEOF.atalhosedicao.temaComGrafico();" class='btn btn-primary btn-lg btn-block btn-raised' href='javascript:void(0)' > 20 <a onclick="i3GEOF.atalhosedicao.temaComGrafico();" class='btn btn-primary btn-lg btn-block btn-raised' href='javascript:void(0)' >
21 {{{temacomgrafico}}} 21 {{{temacomgrafico}}}
22 </a> 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 </form> 28 </form>
28 </div> 29 </div>
  30 +
29 <!-- 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 --> 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 <div class="checkbox text-left"> 32 <div class="checkbox text-left">
31 <label> 33 <label>
@@ -33,6 +35,7 @@ @@ -33,6 +35,7 @@
33 <span class="checkbox-material noprint"><span class="check"></span></span> {{{ativaCache}}} 35 <span class="checkbox-material noprint"><span class="check"></span></span> {{{ativaCache}}}
34 </label> 36 </label>
35 </div> 37 </div>
  38 +
36 <div class="checkbox text-left"> 39 <div class="checkbox text-left">
37 <label> 40 <label>
38 <input id='i3GEOFatalhosedicaoClasse' type="checkbox" name='classe' onclick="i3GEOF.atalhosedicao.metadata(this,true)"> 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,6 +141,12 @@ i3GEOF.imprimir = {
141 false, 141 false,
142 "hd", 142 "hd",
143 cabecalho, 143 cabecalho,
  144 + "",
  145 + "",
  146 + true,
  147 + "",
  148 + "",
  149 + "",
144 "" 150 ""
145 ); 151 );
146 divid = janela[2].id; 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 <a href='javascript:void(0)' onclick="i3GEOF.imprimir.abreI('{{{locaplic}}}/ferramentas/imprimir/a4lpaisagempdf.htm');" class='btn btn-primary btn-lg btn-block btn-raised'> 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 A4 com margens pdf 5 A4 com margens pdf
6 </a> 6 </a>
@@ -8,7 +8,7 @@ @@ -8,7 +8,7 @@
8 Geo Tiff 8 Geo Tiff
9 </a> 9 </a>
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'> 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 </a> 12 </a>
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'> 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 JPEG 14 JPEG
@@ -17,8 +17,8 @@ @@ -17,8 +17,8 @@
17 Svg - vetorial 17 Svg - vetorial
18 </a> 18 </a>
19 19
20 - <label>{{{config}}}  
21 - </label> 20 + <h5>{{{config}}}
  21 + </h5>
22 <a href='javascript:void(0)' onclick="i3GEO.mapa.dialogo.opcoesLegenda();" class='btn btn-primary btn-lg btn-block btn-raised'> 22 <a href='javascript:void(0)' onclick="i3GEO.mapa.dialogo.opcoesLegenda();" class='btn btn-primary btn-lg btn-block btn-raised'>
23 {{{legenda}}} 23 {{{legenda}}}
24 </a> 24 </a>
ferramentas/tabela/template_mst.html
@@ -37,19 +37,19 @@ @@ -37,19 +37,19 @@
37 <!-- Guia Propriedades --> 37 <!-- Guia Propriedades -->
38 <div id='{{{idjanela}}}i3GEOtabelaguia6obj' class="container-fluid"> 38 <div id='{{{idjanela}}}i3GEOtabelaguia6obj' class="container-fluid">
39 <div class="checkbox text-left"> 39 <div class="checkbox text-left">
40 - <label style="padding:12px;"> 40 + <label>
41 <input id='{{{idjanela}}}i3GEOtabelatipolista' type="checkbox" onclick="i3GEOF.tabela.pegaRegistros('{{{idjanela}}}')"> 41 <input id='{{{idjanela}}}i3GEOtabelatipolista' type="checkbox" onclick="i3GEOF.tabela.pegaRegistros('{{{idjanela}}}')">
42 <span class="checkbox-material noprint"><span class="check"></span></span> {{{atuatab}}} 42 <span class="checkbox-material noprint"><span class="check"></span></span> {{{atuatab}}}
43 </label> 43 </label>
44 </div> 44 </div>
45 <div class="checkbox text-left"> 45 <div class="checkbox text-left">
46 - <label style="padding:12px;"> 46 + <label>
47 <input id='{{{idjanela}}}i3GEOtabelalegenda' type="checkbox" onclick="i3GEOF.tabela.pegaRegistros('{{{idjanela}}}')"> 47 <input id='{{{idjanela}}}i3GEOtabelalegenda' type="checkbox" onclick="i3GEOF.tabela.pegaRegistros('{{{idjanela}}}')">
48 <span class="checkbox-material noprint"><span class="check"></span></span> {{{colleg}}} 48 <span class="checkbox-material noprint"><span class="check"></span></span> {{{colleg}}}
49 </label> 49 </label>
50 </div> 50 </div>
51 <div class="checkbox text-left"> 51 <div class="checkbox text-left">
52 - <label style="padding:12px;"> 52 + <label>
53 <input checked id='i3GEOFtabelaRodape{{{idjanela}}}' type="checkbox" onclick="i3GEOF.tabela.propJanelas['{{{idjanela}}}'].atualiza = this.checked;"> 53 <input checked id='i3GEOFtabelaRodape{{{idjanela}}}' type="checkbox" onclick="i3GEOF.tabela.propJanelas['{{{idjanela}}}'].atualiza = this.checked;">
54 <span class="checkbox-material noprint"><span class="check"></span></span> {{{atualizaAoNavegar}}} 54 <span class="checkbox-material noprint"><span class="check"></span></span> {{{atualizaAoNavegar}}}
55 </label> 55 </label>
@@ -96,9 +96,7 @@ @@ -96,9 +96,7 @@
96 <!-- label-floating --> 96 <!-- label-floating -->
97 <div class='form-group label-floating is-empty' > 97 <div class='form-group label-floating is-empty' >
98 <label class="control-label" for="{{{idjanela}}}i3GEOtabelafiltro1">{{{excluicalc}}}</label> 98 <label class="control-label" for="{{{idjanela}}}i3GEOtabelafiltro1">{{{excluicalc}}}</label>
99 -  
100 <input class="form-control input-lg" type='text' id='{{{idjanela}}}i3GEOtabelafiltro1' value='' /> 99 <input class="form-control input-lg" type='text' id='{{{idjanela}}}i3GEOtabelafiltro1' value='' />
101 -  
102 </div> 100 </div>
103 101
104 <button onclick="i3GEOF.tabela.estatistica('{{{idjanela}}}')" class='btn btn-primary btn-sm btn-raised'>{{{calc}}}</button> 102 <button onclick="i3GEOF.tabela.estatistica('{{{idjanela}}}')" class='btn btn-primary btn-sm btn-raised'>{{{calc}}}</button>
@@ -112,7 +110,7 @@ @@ -112,7 +110,7 @@
112 <!-- Relatorio --> 110 <!-- Relatorio -->
113 <div id='{{{idjanela}}}i3GEOtabelaguia5obj' class='container-fluid'> 111 <div id='{{{idjanela}}}i3GEOtabelaguia5obj' class='container-fluid'>
114 <div class='form-group condensed' > 112 <div class='form-group condensed' >
115 - <label class="control-label">{{{itensrel}}}</label> 113 + <label>{{{itensrel}}}</label>
116 <div id='{{{idjanela}}}i3GEOtabelaitensrelatorio' style='overflow: auto; height: 120px; top:10px;'></div> 114 <div id='{{{idjanela}}}i3GEOtabelaitensrelatorio' style='overflow: auto; height: 120px; top:10px;'></div>
117 </div> 115 </div>
118 <div class='form-group condensed' > 116 <div class='form-group condensed' >
@@ -120,22 +118,20 @@ @@ -120,22 +118,20 @@
120 <div id='{{{idjanela}}}i3GEOtabelaagrupamento'></div> 118 <div id='{{{idjanela}}}i3GEOtabelaagrupamento'></div>
121 </div> 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 </div> 124 </div>
129 125
130 <div class="checkbox text-left"> 126 <div class="checkbox text-left">
131 - <label style="padding:12px;"> 127 + <label>
132 <input id='{{{idjanela}}}i3GEOtabelacalculaarea' type="checkbox"> 128 <input id='{{{idjanela}}}i3GEOtabelacalculaarea' type="checkbox">
133 <span class="checkbox-material noprint"><span class="check"></span></span> {{{incarea}}} 129 <span class="checkbox-material noprint"><span class="check"></span></span> {{{incarea}}}
134 </label> 130 </label>
135 </div> 131 </div>
136 132
137 <div class="checkbox text-left"> 133 <div class="checkbox text-left">
138 - <label style="padding:12px;"> 134 + <label>
139 <input id='{{{idjanela}}}i3GEOtabelacalculaestat' type="checkbox"> 135 <input id='{{{idjanela}}}i3GEOtabelacalculaestat' type="checkbox">
140 <span class="checkbox-material noprint"><span class="check"></span></span> {{{incestat}}} 136 <span class="checkbox-material noprint"><span class="check"></span></span> {{{incestat}}}
141 </label> 137 </label>