From 7f6332289c7eac0fa63d9c228c8b54d3ffc851e6 Mon Sep 17 00:00:00 2001 From: edmarmoretti Date: Wed, 12 Jul 2017 15:15:49 -0300 Subject: [PATCH] Formatação da ferramenta tabela, para adaptação ao uso do bootstrap. Criação de uma classe css temporária para ajustes dos estilos css nas janelas flutuantes, mantendo a compatibilidade com a versão 6. --- css/default.css | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ css/geral.css | 1 + css/input.css | 16 +++++++++++++++- ferramentas/legenda/index.js | 20 ++++++++++++++++---- ferramentas/tabela/index.js | 56 ++++++++++++++++++++++++-------------------------------- ferramentas/tabela/template_mst.html | 46 +++++++++++++++++++++++----------------------- js/janela.js | 15 +++++++++------ js/util.js | 9 ++++++--- 8 files changed, 150 insertions(+), 69 deletions(-) diff --git a/css/default.css b/css/default.css index 3c98b51..3649eaa 100755 --- a/css/default.css +++ b/css/default.css @@ -65,6 +65,11 @@ hr { margin: 4px; } +.form-group.condensed { + margin: 0px; + padding: 0px; +} + .withripple.condensed,.pager.condensed { margin: 0px; } @@ -567,26 +572,44 @@ Configuracoes especificas dos elementos que ficam no rodape .bd .lista td, .bd .lista1 td, .bd .lista2 td, .bd .lista3 td, .bd .lista4 td, .bd .lista5 td, .bd .lista6 td, .bd .lista7 td, .bd .lista8 td { color: white; } +.bd.i3geo6 .lista td, .bd.i3geo6 .lista1 td, .bd.i3geo6 .lista2 td, .bd.i3geo6 .lista3 td, .bd.i3geo6 .lista4 td, .bd.i3geo6 .lista5 td, .bd.i3geo6 .lista6 td, .bd.i3geo6 .lista7 td, .bd.i3geo6 .lista8 td { + color: white; +} .bd select { background: white; } +.bd.i3geo6 select { + background: white; +} .bd textarea { color: black; } +.bd.i3geo6 textarea { + color: black; +} .bd div { text-align: left; } +.bd.i3geo6 div { + text-align: left; +} .bd a, .bd a:focus, .bd a:hover { color: #9ceaea;; } +.bd.i3geo6 a, .bd.i3geo6 a:focus, .bd.i3geo6 a:hover { + color: #9ceaea;; +} .bd p { text-align: left; } +.bd.i3geo6 p { + text-align: left; +} .linha { color: white; @@ -865,6 +888,9 @@ bd .i3geoFormIconeEdita { .bd .paragrafo { color: rgba(255, 255, 255, 0.6); } +.bd.i3geo6 .paragrafo { + color: rgba(255, 255, 255, 0.6); +} .yui-skin-sam .yui-panel-container { padding: 0 1px; @@ -929,6 +955,20 @@ bd .i3geoFormIconeEdita { text-align: left; border: 0px; } +.yui-skin-sam .yui-panel .hd.i3geo6 { + background-color: #F2F2F2; + color: #000000; + font-size: 93%; + font-weight: bold; + line-height: 2; + height: 40px; + background: none repeat scroll 0 0 rgba(0, 0, 0, 0); + padding-top: 0px; + padding-bottom: 15px; + padding-left: 10px; + text-align: left; + border: 0px; +} .hd span { font-family: trebuchet ms; @@ -936,6 +976,12 @@ bd .i3geoFormIconeEdita { opacity: 1.0; } +.hd.i3geo6 span { + font-family: trebuchet ms; + color: white; + opacity: 1.0; +} + .yui-panel-container div .bd, .paragrafo > label{ background-color: none; padding: 10px; @@ -946,6 +992,16 @@ bd .i3geoFormIconeEdita { color: rgba(255, 255, 255, 0.6); } +.yui-panel-container div .bd.i3geo6, .bd.paragrafo > label{ + background-color: none; + padding: 10px; + position: relative; + font-family: trebuchet ms; + font-size: 14px; + font-weight: bold; + color: rgba(255, 255, 255, 0.6); +} + .yui-skin-sam .yui-tt .bd { background-color: rgba(9, 70, 114, 0.75); border-radius: 13px 13px 13px 13px; diff --git a/css/geral.css b/css/geral.css index 867353b..2c48f42 100755 --- a/css/geral.css +++ b/css/geral.css @@ -15,6 +15,7 @@ para nao selecionar -o-user-select: text; user-select: text; } + #i3GEOlogoMarca { display: block; top: 4em; diff --git a/css/input.css b/css/input.css index 5b0ab70..292bf7e 100755 --- a/css/input.css +++ b/css/input.css @@ -6,7 +6,7 @@ input[type=text], textarea, input[type=number]{ user-select: text; } -.bd input[type=text] { +.bd.i3geo6 input[type=text] { color: white; background: none !IMPORTANT; @@ -18,6 +18,20 @@ input[type=text], textarea, input[type=number]{ } +.bd.i3geo6 input[type=text] { + color: white; + background: none !IMPORTANT; + padding: 0; + border: 1px solid rgb(180, 180, 180); + text-align: center; + cursor: text; + height: 22px; +} + +.bd input[type=text] { + +} + input[type=number] { font-size: 12px; color: #2F4632; diff --git a/ferramentas/legenda/index.js b/ferramentas/legenda/index.js index 3dc74ba..bc6238a 100755 --- a/ferramentas/legenda/index.js +++ b/ferramentas/legenda/index.js @@ -485,10 +485,22 @@ i3GEOF.legenda = + "/ajuda_usuario.php?idcategoria=5&idajuda=41' > " + $trad("t33") +""; - janela = - i3GEO.janela.cria("590px", "350px", "", "", "", titulo, "i3GEOF.legenda", false, "hd", cabecalho, minimiza, function() { - i3GEO.guias.ajustaGuiaFerramenta("i3GEOF.legenda", "i3GEOlegenda"); - }, true, "", "", "nao"); + janela = i3GEO.janela.cria( + "590px", + "350px", + "", + "", + "", + titulo, + "i3GEOF.legenda", + false, + "hd", + cabecalho, + minimiza, + function() {i3GEO.guias.ajustaGuiaFerramenta("i3GEOF.legenda", "i3GEOlegenda");}, + true + ); + divid = janela[2].id; i3GEOF.legenda.aguarde = $i("i3GEOF.legenda_imagemCabecalho").style; $i("i3GEOF.legenda_corpo").style.backgroundColor = "white"; diff --git a/ferramentas/tabela/index.js b/ferramentas/tabela/index.js index 626eb89..41d3b16 100755 --- a/ferramentas/tabela/index.js +++ b/ferramentas/tabela/index.js @@ -190,24 +190,6 @@ i3GEOF.tabela = - b = new YAHOO.widget.Button(idjanela + "i3GEOtabelabotaoLista", { - onclick : { - fn : function() { - i3GEOF.tabela.pegaRegistros(idjanela); - } - } - }); - b.addClass("rodar100"); - - b = new YAHOO.widget.Button(idjanela + "i3GEOtabelabotao4", { - onclick : { - fn : function() { - i3GEOF.tabela.estatistica(idjanela); - } - } - }); - b.addClass("abrir"); - b = new YAHOO.widget.Button(idjanela + "i3GEOtabelabotao7", { onclick : { fn : function() { @@ -225,8 +207,6 @@ i3GEOF.tabela = }); b.addClass("abrir"); - i3GEO.util.mensagemAjuda(idjanela + "i3GEOtabelamen1", $i(idjanela + "i3GEOtabelamen1").innerHTML); - if (i3GEO.parametros.r.toLowerCase() !== "sim") { $i(idjanela + "i3GEOtabelaguia4obj").innerHTML = $trad("x22"); } @@ -303,9 +283,25 @@ i3GEOF.tabela = + i3GEO.configura.locaplic + "/ajuda_usuario.php?idcategoria=5&idajuda=39' >"+$trad('tabela', i3GEOF.tabela.dicionario)+""; - janela = i3GEO.janela.cria("570px", "400px", "", "", "", titulo, id, false, "hd", cabecalho, minimiza, function() { - i3GEO.guias.ajustaGuiaFerramenta(id, id + "i3GEOtabela"); - }, true, "", duplica, "nao"); + janela = i3GEO.janela.cria( + "570px", + "400px", + "", + "", + "", + titulo, + id, + false, + "hd", + cabecalho, + minimiza, + function() { i3GEO.guias.ajustaGuiaFerramenta(id, id + "i3GEOtabela");}, + true, + "", + duplica, + "", + "" + ); divid = janela[2].id; if (i3GEOF.tabela.janelas.length > 1) { temp = janela[0].cfg.config; @@ -368,11 +364,6 @@ i3GEOF.tabela = i3GEOF.tebela.atualizaListaDeRegistros(); }); } - if (i3GEO.Interface.ATUAL === "googleearth" && !tabelaDragend) { - tabelaDragend = google.earth.addEventListener(i3GeoMap.getView(), "viewchangeend", function() { - i3GEOF.tabela.atualizaListaDeRegistros(); - }); - } }, atualizaCombosCabecalhos : function() { var i, id, n = i3GEOF.tabela.janelas.length, onButtonClick; @@ -1175,7 +1166,7 @@ i3GEOF.tabela = } else { $i(idjanela + "i3GEOtabelaitensGuia3").innerHTML = retorno.dados; } - }, idjanela + "i3GEOtabelaitensGuia3", ""); + }, idjanela + "i3GEOtabelaitensGuia3", "","sim","","form-control"); }, estatistica : function(idjanela) { if ($i(idjanela + "i3GEOtabelaComboItensGuia3").value === "") { @@ -1193,9 +1184,10 @@ i3GEOF.tabela = if (retorno.data.indices) { n = retorno.data.indices.length; for (i = 0; i < n; i++) { - nome = eval("retorno.data.variaveis." + retorno.data.indices[i]); - valor = eval("retorno.data.valores." + retorno.data.indices[i]); - ins += "

" + nome + ": " + valor + "

"; + nome =retorno.data.variaveis[retorno.data.indices[i]]; + valor = retorno.data.valores[retorno.data.indices[i]]; + ins += '

'+nome+'

'+valor+'

'; + ins += '
 
'; } } } else { diff --git a/ferramentas/tabela/template_mst.html b/ferramentas/tabela/template_mst.html index 8e0d3d8..e3b42f9 100755 --- a/ferramentas/tabela/template_mst.html +++ b/ferramentas/tabela/template_mst.html @@ -1,5 +1,5 @@ -
+
  • @@ -35,7 +35,7 @@
    -
    +
    -
    +
    {{{atvsel}}} @@ -65,11 +65,11 @@ {{{grafico}}} {{{vinculos}}} -
    +
    {{{de}}}   -   +   {{{ate}}}   -   +  
    -