Download as
Browse Code »

Commit b61bde5e7757e0777c0904b9607d442ea26b1864

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

Slide na arvore de camadas

Showing 6 changed files with 81 additions and 44 deletions   Show diff stats
admin/admin.db
View file @b61bde5
No preview for this file type
css/black.css
  Diff comments   View file @b61bde5
  1 +/*
  2 +Botao de ligar desligar do tipo chave
  3 +*/
  4 +.i3GEOarvCam .temaSwitch {
  5 + position: relative;
  6 + display: inline-block;
  7 + width: 36px;
  8 + height: 18px;
  9 + top: 3px;
  10 +}
  11 +
  12 +.i3GEOarvCam .temaSwitch input {
  13 + display:none;
  14 +}
  15 +
  16 +.i3GEOarvCam .temaSlider {
  17 + position: absolute;
  18 + cursor: pointer;
  19 + top: 0;
  20 + left: 0;
  21 + right: 0;
  22 + bottom: 0;
  23 + background-color: #ccc;
  24 +}
  25 +
  26 +.i3GEOarvCam .temaSlider:before {
  27 + position: absolute;
  28 + content: "";
  29 + height: 14px;
  30 + width: 14px;
  31 + left: 1px;
  32 + bottom: 2px;
  33 + background-color: white;
  34 +}
  35 +
  36 +.i3GEOarvCam input:checked + .temaSlider {
  37 + background-color: #2196F3;
  38 +}
  39 +
  40 +.i3GEOarvCam input:focus + .temaSlider {
  41 + box-shadow: 0 0 1px #2196F3;
  42 +}
  43 +
  44 +.i3GEOarvCam input:checked + .temaSlider:before {
  45 + -webkit-transform: translateX(20px);
  46 + -ms-transform: translateX(20px);
  47 + transform: translateX(20px);
  48 +}
  49 +
  50 +.i3GEOarvCam .temaSlider.round {
  51 + border-radius: 34px;
  52 +}
  53 +
  54 +.i3GEOarvCam .temaSlider.round:before {
  55 + border-radius: 50%;
  56 +}
  57 +
  58 +/**/
1 59 #i3GEOcopyright {
2 60 position: absolute;
3 61 left: 10px;
... ...
css/geral.css
  Diff comments   View file @b61bde5
... ... @@ -201,6 +201,7 @@ Utilizado na janela do buscador INDE
201 201 display: none;
202 202 }
203 203  
  204 +/*
204 205 .i3GEOarvCam input[type=checkbox]+label:before {
205 206 color: white;
206 207 content: "";
... ... @@ -226,10 +227,10 @@ Utilizado na janela do buscador INDE
226 227 }
227 228  
228 229 .i3GEOarvCam label {
229   - margin-left: 30px;
  230 + margin-left: 0px;
230 231 cursor: move;
231 232 }
232   -
  233 +*/
233 234 .i3GEOarvCamGrupo {
234 235 font-size: 12pt;
235 236 margin: auto;
... ... @@ -257,6 +258,7 @@ Utilizado na janela do buscador INDE
257 258 }
258 259 .i3GEOarvCam .ygtvdepthcell {
259 260 background : none;
  261 + display: none;
260 262 }
261 263  
262 264 .i3GEOarvCamTema input, .i3GEOarvCamTemaIE input {
... ...
ferramentas/preferencias/index.js
  Diff comments   View file @b61bde5
... ... @@ -194,10 +194,6 @@ i3GEOF.preferencias = {
194 194 tipo: "boolean",
195 195 elemento: "i3GEO.arvoreDeCamadas.OPCOESLEGENDA"
196 196 },{
197   - titulo: $trad('ativaAguardeLegenda',i3GEOF.preferencias.dicionario),
198   - tipo: "boolean",
199   - elemento: "i3GEO.arvoreDeCamadas.AGUARDALEGENDA"
200   - },{
201 197 titulo: $trad('mostraIconeTema',i3GEOF.preferencias.dicionario),
202 198 tipo: "boolean",
203 199 elemento: "i3GEO.arvoreDeCamadas.ICONETEMA"
... ...
js/arvoredecamadas.js
  Diff comments   View file @b61bde5
... ... @@ -435,7 +435,7 @@ i3GEO.arvoreDeCamadas =
435 435 */
436 436 OPCOESARVORE : true,
437 437 /**
438   - * Propriedade: AGUARDALEGENDA
  438 + * Propriedade: AGUARDALEGENDA (depreciado na versao 7)
439 439 *
440 440 * Ativa a opção de aguarde para mostrar a legenda de um tema quando o usuário estaciona o mouse sobre o nome
441 441 * de um tema.
... ... @@ -1702,7 +1702,7 @@ i3GEO.arvoreDeCamadas =
1702 1702 * {string} - texto formatado
1703 1703 */
1704 1704 montaTextoTema : function(tema) {
1705   - var ck, html, estilo, f;
  1705 + var ck, html, f;
1706 1706 if (tema.status * 1 === 2) {
1707 1707 ck = ' CHECKED ';
1708 1708 } else {
... ... @@ -1736,46 +1736,36 @@ i3GEO.arvoreDeCamadas =
1736 1736 return "";
1737 1737 }
1738 1738 }
1739   - estilo = "i3GEOarvCamTema";
1740   - // verifica se a versao do IE e menor que 9
1741   - if (navm && parseInt(YAHOO.env.ua.ie, 10) < 9) {
1742   - estilo = "i3GEOarvCamTemaIE";
1743   - }
  1739 + /*
  1740 + <label class="switch">
  1741 + <input type="checkbox" >
  1742 + <div class="slider round"></div>
  1743 + </label>
  1744 + */
1744 1745 // inicia o div
1745   - html = "<div onclick='i3GEO.mapa.ativaTema(\"" + tema.name + "\")' id='arrastar_" + tema.name + "' class='" + estilo + "' >";
1746   - // estilo = navm ? "cursor:pointer;vertical-align:15%;" : "cursor:pointer;";
1747   - html +=
1748   - "<input type='checkbox' name=\"layer\" value='" + tema.name + "' " + "id='" + tema.name + "ckbox'" + ck + "onclick=\""
1749   - + i3GEO.arvoreDeCamadas.ATIVATEMA + "\"" + " /><label for='" + tema.name + "ckbox' ";
  1746 + html = "<div id='arrastar_" + tema.name + "'><label class='temaSwitch' for='" + tema.name + "ckbox' ";
1750 1747 //
1751 1748 // inclui icone do tema
1752 1749 //
1753 1750 if (tema.iconetema !== "" && i3GEO.arvoreDeCamadas.ICONETEMA === true) {
1754 1751 html += "&nbsp;<img class='i3GEOiconeTema' src='" + tema.iconetema + "' />";
1755 1752 }
1756   - tema.AGUARDALEGENDA = i3GEO.arvoreDeCamadas.AGUARDALEGENDA;
1757 1753 //
1758 1754 // ajusta as propriedades conforme as caracteristicas de cada plugin
1759 1755 // verifica se o tema e do tipo plugin antes
1760   - // nao e necessario clonar
  1756 + // Nao e necessario clonar
1761 1757 //
1762 1758 tema = i3GEO.pluginI3geo.aplicaPropriedades(tema);
1763 1759  
1764   - estilo = "";
1765   - if (tema.AGUARDALEGENDA) {
1766   - html +=
1767   - " id='ArvoreTituloTema" + tema.name + "' style='position:relative;top:2px;'"
1768   - + " onclick=\"i3GEO.tema.mostralegendajanela('" + tema.name + "','" + tema.tema
1769   - + "','abrejanela');\" onmouseover=\"javascript:i3GEO.ajuda.mostraJanela('" + $trad("t7a")
1770   - + "','');i3GEO.tema.mostralegendajanela('" + tema.name + "','" + tema.tema
1771   - + "','ativatimer');\" onmouseout=\"javascript:i3GEO.ajuda.mostraJanela('');i3GEO.tema.mostralegendajanela('"
1772   - + tema.name + "','','desativatimer');\" >" + tema.tema;
1773   - } else {
1774   - html +=
1775   - " id='ArvoreTituloTema" + tema.name + "' onmouseover=\"javascript:i3GEO.ajuda.mostraJanela('"
1776   - + $trad("t7") + "','')\" onmouseout=\"javascript:i3GEO.ajuda.mostraJanela('')\" >" + tema.tema;
1777   - }
1778   - html += "</label></div>";
  1760 + html +=
  1761 + " id='ArvoreTituloTema" + tema.name + "' >";
  1762 + html +=
  1763 + "<input type='checkbox' name=\"layer\" value='" + tema.name + "' " + "id='" + tema.name + "ckbox'" + ck + "onclick=\""
  1764 + + i3GEO.arvoreDeCamadas.ATIVATEMA + "\"" + " />";
  1765 + html += "<div onclick='i3GEO.mapa.ativaTema(\"" + tema.name + "\");' class='temaSlider round' ></div>";
  1766 +
  1767 + html += "</label>";
  1768 + html += tema.tema + "</div>";
1779 1769 // adiciona o temporizador
1780 1770 // que redesenha o tema de tempos em tempos
1781 1771 if (i3GEO.tema.TEMPORIZADORESID[tema.name] == undefined && tema.temporizador != "") {
... ...
js/interface.js
  Diff comments   View file @b61bde5
... ... @@ -956,8 +956,6 @@ i3GEO.Interface =
956 956 new ol.interaction.PinchRotate(),
957 957 new ol.interaction.PinchZoom(),
958 958 new ol.interaction.DragZoom(),
959   - // FIXME alt nao funciona
960   - // new ol.interaction.DragRotateAndZoom({condition : ol.events.condition.altKeyOnly}),
961 959 new ol.interaction.DragPan()
962 960 ];
963 961 }
... ... @@ -975,12 +973,9 @@ i3GEO.Interface =
975 973 i3GEO.Interface.IDMAPA = "openlayers";
976 974 if (i3GEO.Interface.openlayers.googleLike === false) {
977 975 i3GEO.Interface.openlayers.parametrosView.projection = "EPSG:4326";
978   - // precisa disso?
979   - // i3GEO.Interface.openlayers.parametrosView.extent = ol.proj.get('EPSG:4326').getExtent();
980 976 }
981 977 else{
982 978 i3GEO.Interface.openlayers.parametrosView.projection = "EPSG:3857";
983   - //i3GEO.Interface.openlayers.parametrosView.extent = ol.proj.get('EPSG:3857').getExtent();
984 979 }
985 980 i3GEO.Interface.openlayers.parametrosMap.view = new ol.View(
986 981 i3GEO.Interface.openlayers.parametrosView
... ... @@ -1014,11 +1009,7 @@ i3GEO.Interface =
1014 1009 };
1015 1010 button1.addEventListener('click', zoomli, false);
1016 1011 element.appendChild(button1);
1017   -
1018   -
1019 1012 element.appendChild(document.createElement('br'));
1020   -
1021   -
1022 1013 var button3 = document.createElement('button');
1023 1014 button3.style.float = "left";
1024 1015 button3.innerHTML = "<img style='width:16px;' src='"+ i3GEO.configura.locaplic+"/imagens/oxygen/16x16/draw-triangle1.png' />";
... ...