Commit b61bde5e7757e0777c0904b9607d442ea26b1864

Authored by Edmar Moretti
1 parent ec8268a8

Slide na arvore de camadas

admin/admin.db
No preview for this file type
  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 #i3GEOcopyright { 59 #i3GEOcopyright {
2 position: absolute; 60 position: absolute;
3 left: 10px; 61 left: 10px;
@@ -201,6 +201,7 @@ Utilizado na janela do buscador INDE @@ -201,6 +201,7 @@ Utilizado na janela do buscador INDE
201 display: none; 201 display: none;
202 } 202 }
203 203
  204 +/*
204 .i3GEOarvCam input[type=checkbox]+label:before { 205 .i3GEOarvCam input[type=checkbox]+label:before {
205 color: white; 206 color: white;
206 content: ""; 207 content: "";
@@ -226,10 +227,10 @@ Utilizado na janela do buscador INDE @@ -226,10 +227,10 @@ Utilizado na janela do buscador INDE
226 } 227 }
227 228
228 .i3GEOarvCam label { 229 .i3GEOarvCam label {
229 - margin-left: 30px; 230 + margin-left: 0px;
230 cursor: move; 231 cursor: move;
231 } 232 }
232 - 233 +*/
233 .i3GEOarvCamGrupo { 234 .i3GEOarvCamGrupo {
234 font-size: 12pt; 235 font-size: 12pt;
235 margin: auto; 236 margin: auto;
@@ -257,6 +258,7 @@ Utilizado na janela do buscador INDE @@ -257,6 +258,7 @@ Utilizado na janela do buscador INDE
257 } 258 }
258 .i3GEOarvCam .ygtvdepthcell { 259 .i3GEOarvCam .ygtvdepthcell {
259 background : none; 260 background : none;
  261 + display: none;
260 } 262 }
261 263
262 .i3GEOarvCamTema input, .i3GEOarvCamTemaIE input { 264 .i3GEOarvCamTema input, .i3GEOarvCamTemaIE input {
ferramentas/preferencias/index.js
@@ -194,10 +194,6 @@ i3GEOF.preferencias = { @@ -194,10 +194,6 @@ i3GEOF.preferencias = {
194 tipo: "boolean", 194 tipo: "boolean",
195 elemento: "i3GEO.arvoreDeCamadas.OPCOESLEGENDA" 195 elemento: "i3GEO.arvoreDeCamadas.OPCOESLEGENDA"
196 },{ 196 },{
197 - titulo: $trad('ativaAguardeLegenda',i3GEOF.preferencias.dicionario),  
198 - tipo: "boolean",  
199 - elemento: "i3GEO.arvoreDeCamadas.AGUARDALEGENDA"  
200 - },{  
201 titulo: $trad('mostraIconeTema',i3GEOF.preferencias.dicionario), 197 titulo: $trad('mostraIconeTema',i3GEOF.preferencias.dicionario),
202 tipo: "boolean", 198 tipo: "boolean",
203 elemento: "i3GEO.arvoreDeCamadas.ICONETEMA" 199 elemento: "i3GEO.arvoreDeCamadas.ICONETEMA"
js/arvoredecamadas.js
@@ -435,7 +435,7 @@ i3GEO.arvoreDeCamadas = @@ -435,7 +435,7 @@ i3GEO.arvoreDeCamadas =
435 */ 435 */
436 OPCOESARVORE : true, 436 OPCOESARVORE : true,
437 /** 437 /**
438 - * Propriedade: AGUARDALEGENDA 438 + * Propriedade: AGUARDALEGENDA (depreciado na versao 7)
439 * 439 *
440 * Ativa a opção de aguarde para mostrar a legenda de um tema quando o usuário estaciona o mouse sobre o nome 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 * de um tema. 441 * de um tema.
@@ -1702,7 +1702,7 @@ i3GEO.arvoreDeCamadas = @@ -1702,7 +1702,7 @@ i3GEO.arvoreDeCamadas =
1702 * {string} - texto formatado 1702 * {string} - texto formatado
1703 */ 1703 */
1704 montaTextoTema : function(tema) { 1704 montaTextoTema : function(tema) {
1705 - var ck, html, estilo, f; 1705 + var ck, html, f;
1706 if (tema.status * 1 === 2) { 1706 if (tema.status * 1 === 2) {
1707 ck = ' CHECKED '; 1707 ck = ' CHECKED ';
1708 } else { 1708 } else {
@@ -1736,46 +1736,36 @@ i3GEO.arvoreDeCamadas = @@ -1736,46 +1736,36 @@ i3GEO.arvoreDeCamadas =
1736 return ""; 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 // inicia o div 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 // inclui icone do tema 1748 // inclui icone do tema
1752 // 1749 //
1753 if (tema.iconetema !== "" && i3GEO.arvoreDeCamadas.ICONETEMA === true) { 1750 if (tema.iconetema !== "" && i3GEO.arvoreDeCamadas.ICONETEMA === true) {
1754 html += "&nbsp;<img class='i3GEOiconeTema' src='" + tema.iconetema + "' />"; 1751 html += "&nbsp;<img class='i3GEOiconeTema' src='" + tema.iconetema + "' />";
1755 } 1752 }
1756 - tema.AGUARDALEGENDA = i3GEO.arvoreDeCamadas.AGUARDALEGENDA;  
1757 // 1753 //
1758 // ajusta as propriedades conforme as caracteristicas de cada plugin 1754 // ajusta as propriedades conforme as caracteristicas de cada plugin
1759 // verifica se o tema e do tipo plugin antes 1755 // verifica se o tema e do tipo plugin antes
1760 - // nao e necessario clonar 1756 + // Nao e necessario clonar
1761 // 1757 //
1762 tema = i3GEO.pluginI3geo.aplicaPropriedades(tema); 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 // adiciona o temporizador 1769 // adiciona o temporizador
1780 // que redesenha o tema de tempos em tempos 1770 // que redesenha o tema de tempos em tempos
1781 if (i3GEO.tema.TEMPORIZADORESID[tema.name] == undefined && tema.temporizador != "") { 1771 if (i3GEO.tema.TEMPORIZADORESID[tema.name] == undefined && tema.temporizador != "") {
js/interface.js
@@ -956,8 +956,6 @@ i3GEO.Interface = @@ -956,8 +956,6 @@ i3GEO.Interface =
956 new ol.interaction.PinchRotate(), 956 new ol.interaction.PinchRotate(),
957 new ol.interaction.PinchZoom(), 957 new ol.interaction.PinchZoom(),
958 new ol.interaction.DragZoom(), 958 new ol.interaction.DragZoom(),
959 - // FIXME alt nao funciona  
960 - // new ol.interaction.DragRotateAndZoom({condition : ol.events.condition.altKeyOnly}),  
961 new ol.interaction.DragPan() 959 new ol.interaction.DragPan()
962 ]; 960 ];
963 } 961 }
@@ -975,12 +973,9 @@ i3GEO.Interface = @@ -975,12 +973,9 @@ i3GEO.Interface =
975 i3GEO.Interface.IDMAPA = "openlayers"; 973 i3GEO.Interface.IDMAPA = "openlayers";
976 if (i3GEO.Interface.openlayers.googleLike === false) { 974 if (i3GEO.Interface.openlayers.googleLike === false) {
977 i3GEO.Interface.openlayers.parametrosView.projection = "EPSG:4326"; 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 else{ 977 else{
982 i3GEO.Interface.openlayers.parametrosView.projection = "EPSG:3857"; 978 i3GEO.Interface.openlayers.parametrosView.projection = "EPSG:3857";
983 - //i3GEO.Interface.openlayers.parametrosView.extent = ol.proj.get('EPSG:3857').getExtent();  
984 } 979 }
985 i3GEO.Interface.openlayers.parametrosMap.view = new ol.View( 980 i3GEO.Interface.openlayers.parametrosMap.view = new ol.View(
986 i3GEO.Interface.openlayers.parametrosView 981 i3GEO.Interface.openlayers.parametrosView
@@ -1014,11 +1009,7 @@ i3GEO.Interface = @@ -1014,11 +1009,7 @@ i3GEO.Interface =
1014 }; 1009 };
1015 button1.addEventListener('click', zoomli, false); 1010 button1.addEventListener('click', zoomli, false);
1016 element.appendChild(button1); 1011 element.appendChild(button1);
1017 -  
1018 -  
1019 element.appendChild(document.createElement('br')); 1012 element.appendChild(document.createElement('br'));
1020 -  
1021 -  
1022 var button3 = document.createElement('button'); 1013 var button3 = document.createElement('button');
1023 button3.style.float = "left"; 1014 button3.style.float = "left";
1024 button3.innerHTML = "<img style='width:16px;' src='"+ i3GEO.configura.locaplic+"/imagens/oxygen/16x16/draw-triangle1.png' />"; 1015 button3.innerHTML = "<img style='width:16px;' src='"+ i3GEO.configura.locaplic+"/imagens/oxygen/16x16/draw-triangle1.png' />";