Download as
Browse Code »

Commit 3ceea648bdb93418eacb6c028448478e4c74d305

Authored by Edmar Moretti
1 parent e2fb1259
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Ajustes nos estilos

Showing 4 changed files with 50 additions and 48 deletions   Show diff stats
ferramentas/graficointerativo1/template_mst.html
  Diff comments   View file @3ceea64
  1 +<!-- Guias -->
1 2 <div id='{{{idjanela}}}i3GEOgraficointerativo1guiasYUI' class='yui-navset' style='top: 0px; cursor: pointer; left: 0px;'>
2 3 <ul class='yui-nav' style='border-width: 0pt 0pt 0px; border-color: rgb(240, 240, 240); border-bottom-color: white;'>
3 4 <li>
... ... @@ -45,8 +46,11 @@
45 46 </ul>
46 47 </div>
47 48 <br>
  49 +<!-- Guia com a lista de tipos de graficos -->
48 50 <div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia1obj' style='left: 1px; display: none;'>
49   - <p class='paragrafo'>{{{escolhatipo}}} :</p>
  51 + <p class='paragrafo'>
  52 + <b>{{{escolhatipo}}} :</b>
  53 + </p>
50 54 <table class='lista6'>
51 55 <tr>
52 56 <td>
... ... @@ -131,8 +135,11 @@
131 135 </tr>
132 136 </table>
133 137 </div>
  138 +<!-- Dados para o grafico -->
134 139 <div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia2obj' style='left: 1px; display: none; top: -5px'>
135   - <p class='paragrafo'>{{{configgr}}} :</p>
  140 + <p class='paragrafo'>
  141 + <b>{{{configgr}}}</b>
  142 + </p>
136 143 <p class='paragrafo'>{{{tema}}} :</p>
137 144 <div class='styled-select' id='{{{idjanela}}}i3GEOgraficointerativo1ComboTemas'></div>
138 145 <br>
... ... @@ -162,7 +169,7 @@
162 169 </div>
163 170 <p class='paragrafo'>{{{excluirval}}} :
164 171 <div class='styled-select'>
165   - <input style='cursor: pointer;' value='0' type='text' id='{{{idjanela}}}i3GEOgraficointerativo1excluir' />
  172 + <input style='cursor: pointer;' value='' type='text' id='{{{idjanela}}}i3GEOgraficointerativo1excluir' />
166 173 </div>
167 174 <br>
168 175 <p class='paragrafo'>
... ... @@ -175,6 +182,7 @@
175 182 <div id='{{{idjanela}}}i3GEOgraficointerativo1Dados'></div>
176 183 <div class='paragrafo' id='{{{idjanela}}}i3GEOgraficointerativo1AjudaPizza'>{{{seescolher}}}</div>
177 184 </div>
  185 +<!-- Propriedades do grafico -->
178 186 <div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia3obj' style='left: 1px; display: none; top: -5px'>
179 187 <p class='paragrafo'>
180 188 <input style='cursor: pointer' type=checkbox id='{{{idjanela}}}i3GEOgraficointerativo1xInclinado' checked />
... ... @@ -210,7 +218,8 @@
210 218 </p>
211 219 <p class='paragrafo'>{{{tipoagregay}}}</p>
212 220 <div class='styled-select'>
213   - <select onchange='i3GEOF.graficointerativo1.obterDados()' id='{{{idjanela}}}i3GEOgraficointerativo1TipoAgregacao'><option value='soma'>{{{soma}}}</option>
  221 + <select onchange='i3GEOF.graficointerativo1.obterDados()' id='{{{idjanela}}}i3GEOgraficointerativo1TipoAgregacao'>
  222 + <option value='soma'>{{{soma}}}</option>
214 223 <option value='media'>{{{media}}}</option>
215 224 </select>
216 225 </div>
... ... @@ -219,19 +228,21 @@
219 228 <div class='styled-select'>
220 229 <input style='cursor: pointer;' value='0' type='text' id='{{{idjanela}}}i3GEOgraficointerativo1FatorTamanho' />
221 230 </div>
222   -
223   -
224 231 </div>
  232 +<!-- Guia que mostra o Grafico -->
225 233 <div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia4obj' style='left: 1px; display: none; top: -10px'>
226 234 <a style='position: absolute; left: 50px;' href='#' onclick='i3GEOF.graficointerativo1.novaJanela()'> {{{janelasep}}} </a>
227 235 <img onclick='i3GEOF.graficointerativo1.alteraFatorPixelMenos({{{idjanelaA}}})' style='position: absolute;' src='{{{locaplic}}}/imagens/player_volta.png' />
228 236 <img onclick='i3GEOF.graficointerativo1.alteraFatorPixelMais({{{idjanelaA}}})' style='position: absolute; left: 20px;' src='{{{locaplic}}}/imagens/player_avanca.png' />
229 237 <div id='{{{idjanela}}}i3GEOgraficointerativo1guia4objCanvas' style='top: 15px;'></div>
230 238 </div>
  239 +<!-- CSV -->
231 240 <div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia5obj' style='font-size: 10px; left: 10px; display: none; top: -0px'></div>
  241 +<!-- PNG -->
232 242 <div class='guiaobj' id='{{{idjanela}}}i3GEOgraficointerativo1guia6obj' style='font-size: 10px; left: 10px; display: none; top: -0px'>
233 243 <form method=post action='{{{locaplic}}}/pacotes/svg2img.php' id='{{{idjanela}}}i3GEOgraficointerativo1PNG' target='_blank'>
234 244 <input type=hidden name='svg' value='' />
235 245 </form>
236 246 </div>
  247 +<!-- Div usado para renderizar o grafico -->
237 248 <div id='{{{idjanela}}}i3GEOgraficointerativo1Grafico' style='position: relative; top: -5px; display: none'></div>
... ...
ferramentas/graficotema/index.js
  Diff comments   View file @3ceea64
... ... @@ -129,44 +129,30 @@ i3GEOF.graficoTema = {
129 129 ins += ' <div class=guiaobj id="i3GEOgraficotemaguia1obj" style="left:1px;90%;display:none;">';
130 130 ins += ' <div id=i3GEOgraficotemacombot style="display:none;position:relative;top:5px;left:0px;">';
131 131 ins += ' </div>';
132   - ins += ' <p class="paragrafo" >'+$trad(3,i3GEOF.graficoTema.dicionario)+'<br><br>';
  132 + ins += ' <p class="paragrafo" ><b>'+$trad(3,i3GEOF.graficoTema.dicionario)+'</b><br><br>';
133 133 ins += ' <div id=i3GEOgraficotemalistai class=digitar style="text-align:left;left:0px;top:0px;330px;height:80px;overflow:auto;display:block;">'+$trad(4,i3GEOF.graficoTema.dicionario)+'</div>';
134 134 ins += ' <br><br>';
135 135 ins += ' <p class="paragrafo" ><input id=i3GEOgraficotemabotao1 size=35 type=button value="'+$trad(5,i3GEOF.graficoTema.dicionario)+'" />';
136 136 ins += ' <div id=i3GEOgraficotemamen1 style=top:10px;left:1px ><p class="paragrafo">'+$trad(6,i3GEOF.graficoTema.dicionario)+'</div>';
137 137 ins += ' </div>';
138 138 ins += ' <div class=guiaobj id="i3GEOgraficotemaguia2obj" style="left:1px;display:none;">';
139   - ins += ' <table summary="" class=lista width="90%">';
140   - ins += ' <tr>';
141   - ins += ' <td>'+$trad(7,i3GEOF.graficoTema.dicionario)+':</td>';
142   - ins += ' <td>';
143   - ins += ' <select id=i3GEOgraficotematipo >';
144   - ins += ' <option value="PIE">'+$trad(8,i3GEOF.graficoTema.dicionario)+'</option>';
145   - ins += ' <option value="BAR">'+$trad(9,i3GEOF.graficoTema.dicionario)+'</option>';
146   - ins += ' </select>';
147   - ins += ' </td>';
148   - ins += ' </tr><tr><td>&nbsp;</td><td></td></tr>';
149   - ins += ' <tr>';
150   - ins += ' <td>'+$trad(10,i3GEOF.graficoTema.dicionario)+':</td>';
151   - ins += ' <td>';
152   - ins += $inputText("","","i3GEOgraficotemalargura","",4,"50")+'</td>';
153   - ins += ' </tr><tr><td>&nbsp;</td><td></td></tr>';
154   - ins += ' <tr>';
155   - ins += ' <td>'+$trad(11,i3GEOF.graficoTema.dicionario)+':</td>';
156   - ins += ' <td>';
157   - ins += $inputText("","","i3GEOgraficotemaaltura","",4,"50")+'</td>';
158   - ins += ' </tr><tr><td>&nbsp;</td><td></td></tr>';
159   - ins += ' <tr>';
160   - ins += ' <td>'+$trad(12,i3GEOF.graficoTema.dicionario)+':</td>';
161   - ins += ' <td>';
162   - ins += $inputText("","","i3GEOgraficotemaoffset","",4,"0")+'</td>';
163   - ins += ' </tr><tr><td>&nbsp;</td><td></td></tr>';
164   - ins += ' <tr>';
165   - ins += ' <td>'+$trad(13,i3GEOF.graficoTema.dicionario)+':</td>';
166   - ins += ' <td style=width:40% >';
167   - ins += $inputText("","","i3GEOgraficotemaoutlinecolor","",12,"0,0,0")+'</td>';
168   - ins += ' </tr><tr><td>&nbsp;</td><td></td></tr>';
169   - ins += ' </table>';
  139 + ins += ' <p class="paragrafo">'+$trad(7,i3GEOF.graficoTema.dicionario)+':</p>';
  140 + ins += ' <div class="styled-select" ><select id=i3GEOgraficotematipo >';
  141 + ins += ' <option value="PIE">'+$trad(8,i3GEOF.graficoTema.dicionario)+'</option>';
  142 + ins += ' <option value="BAR">'+$trad(9,i3GEOF.graficoTema.dicionario)+'</option>';
  143 + ins += ' </select></div>';
  144 + ins += ' <br>';
  145 + ins += ' <p class="paragrafo">'+$trad(10,i3GEOF.graficoTema.dicionario)+':</p>';
  146 + ins += ' <div class="styled-select" ><input type="text" id="i3GEOgraficotemalargura" value="50"/></div>';
  147 + ins += ' <br>';
  148 + ins += ' <p class="paragrafo">'+$trad(11,i3GEOF.graficoTema.dicionario)+':</p>';
  149 + ins += ' <div class="styled-select" ><input type="text" id="i3GEOgraficotemaaltura" value="50"/></div>';
  150 + ins += ' <br>';
  151 + ins += ' <p class="paragrafo">'+$trad(12,i3GEOF.graficoTema.dicionario)+':</p>';
  152 + ins += ' <div class="styled-select" ><input type="text" id="i3GEOgraficotemaoffset" value="0"/></div>';
  153 + ins += ' <br>';
  154 + ins += ' <p class="paragrafo">'+$trad(13,i3GEOF.graficoTema.dicionario)+':</p>';
  155 + ins += ' <div class="styled-select" ><input type="text" id="i3GEOgraficotemaoutlinecolor" value="0,0,0"/></div>';
170 156 ins += ' </div>';
171 157 ins += '</div> ';
172 158 return ins;
... ... @@ -195,6 +181,8 @@ i3GEOF.graficoTema = {
195 181 true,
196 182 "hd",
197 183 "",
  184 + "",
  185 + "",
198 186 true,
199 187 i3GEO.configura.locaplic+"/imagens/oxygen/16x16/view-statistics.png"
200 188 );
... ...
ferramentas/heatmap/index.js
  Diff comments   View file @3ceea64
... ... @@ -147,8 +147,8 @@ i3GEOF.heatmap =
147 147 "i3GEOF.heatmap_rodape");
148 148 },
149 149 t1 : function() {
150   - var ins = "<p class='paragrafo'>" + $trad(3, i3GEOF.heatmap.dicionario) + ":";
151   - ins += "<div id='i3GEOheatmapSelTemas' style='text-align:left;font-size:11px'></div>";
  150 + var ins = "<p class='paragrafo'>" + $trad(3, i3GEOF.heatmap.dicionario) + ":</p>";
  151 + ins += "<div id='i3GEOheatmapSelTemas' class='styled-select'></div>";
152 152 i3GEO.util.proximoAnterior(
153 153 "i3GEOF.heatmap.t0()",
154 154 "i3GEOF.heatmap.t2()",
... ... @@ -160,11 +160,10 @@ i3GEOF.heatmap =
160 160 i3GEOF.heatmap.comboTemasSel();
161 161 },
162 162 t2 : function() {
163   - var ins = "<p class='paragrafo'>" + $trad(4, i3GEOF.heatmap.dicionario);
164   - ins += "<br></p><input onclick='javascript:this.select();' class=digitar id='i3GEOheatmapd' type=text size=10 value='1'/>";
165   -
166   - ins += "<br><br><p class='paragrafo' >" + $trad(10, i3GEOF.heatmap.dicionario);
167   - ins += "<br></p><div id=i3GEOheatmapondeItens style='text-align:left;display:block' ></div> ";
  163 + var ins = "<p class='paragrafo'>" + $trad(4, i3GEOF.heatmap.dicionario) + "</p>"
  164 + + "<div class='styled-select'><input onclick='javascript:this.select();' id='i3GEOheatmapd' type='text' value='1'/></div><br>"
  165 + + "<p class='paragrafo' >" + $trad(10, i3GEOF.heatmap.dicionario) + "</p>"
  166 + + "<div class='styled-select' id='i3GEOheatmapondeItens' style='display:block' ></div> ";
168 167  
169 168 i3GEO.util.proximoAnterior(
170 169 "i3GEOF.heatmap.t1()",
... ... @@ -278,7 +277,7 @@ i3GEOF.heatmap =
278 277 $i("i3GEOheatmaptemasComSel").value = i3GEO.temaAtivo;
279 278 $i("i3GEOheatmaptemasComSel").onchange.call();
280 279 }
281   - }, "i3GEOheatmapSelTemas", "", false, "ligados");
  280 + }, "i3GEOheatmapSelTemas", "", false, "ligados","display:block;");
282 281 },
283 282 /**
284 283 * Function: comboItens
... ...
ferramentas/tabela/template_mst.html
  Diff comments   View file @3ceea64
  1 +<!-- Guias -->
1 2 <div id='{{{idjanela}}}' class='yui-navset' style='top: 0px; cursor: pointer; left: 0px;'>
2 3 <ul class='yui-nav' style='border-width: 0pt 0pt 0px; border-color: rgb(240, 240, 240); border-bottom-color: white;'>
3 4 <li>
... ... @@ -31,7 +32,9 @@
31 32 </ul>
32 33 </div>
33 34 <br>
  35 +<!-- Local onde a tabela e renderizada -->
34 36 <div id='{{{idjanela}}}i3GEOtabelaresultadotab' style='background-color: #F2F2F2; position: relative; top: 5px; left: 0px'></div>
  37 +<!-- Guia Propriedades -->
35 38 <div id='{{{idjanela}}}i3GEOtabelaguia6obj' style='width: 99%'>
36 39 <table summary='' class='lista2'>
37 40 <tr>
... ... @@ -53,7 +56,7 @@
53 56 </tr>
54 57 </table>
55 58 </div>
56   -
  59 +<!-- Registros da tabela -->
57 60 <div id='{{{idjanela}}}i3GEOtabelaguia1obj' style='width: 99%'>
58 61 <div id='{{{idjanela}}}i3GEOtabelacombot' style='position: relative; top: 5px; left: 0px; display: none;'></div>
59 62 <input title='{{{sellinhas}}}' id='{{{idjanela}}}i3GEOtabelabotao2' size='25' type='button' value='{{{atvsel}}}' />
... ... @@ -73,7 +76,7 @@
73 76 </div>
74 77 <div id='{{{idjanela}}}i3GEOtabelaregistros' style='position: relative; top: 20px; left: 0px; text-align: left;'></div>
75 78 </div>
76   -
  79 +<!-- Estatisticas -->
77 80 <div id='{{{idjanela}}}i3GEOtabelaguia3obj' style='display: none; width: 95%; left: 0px; padding: 5px;'>
78 81 <p class='paragrafo'>
79 82 <label>{{{itemcalc}}}:</label>
... ... @@ -93,6 +96,7 @@
93 96 <p class='paragrafo'>{{{paraqueas}}}
94 97 </div>
95 98 </div>
  99 +<!-- Relatorio -->
96 100 <div id='{{{idjanela}}}i3GEOtabelaguia5obj' style='width: 95%; display: none; padding-left: 5px;'>
97 101 <p class='paragrafo'>{{{itensrel}}}:
98 102 <p class='paragrafo'>
... ...