Commit b61bde5e7757e0777c0904b9607d442ea26b1864
1 parent
ec8268a8
Exists in
master
and in
7 other branches
Slide na arvore de camadas
Showing
6 changed files
with
81 additions
and
44 deletions
Show diff stats
admin/admin.db
No preview for this file type
css/black.css
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; |
css/geral.css
@@ -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 += " <img class='i3GEOiconeTema' src='" + tema.iconetema + "' />"; | 1751 | html += " <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' />"; |