Download as
Browse Code »

Commit 4e6dbbc6077f36484c4a221610c91184c61ca5fd

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

Inclusão das opções de mudar nome e opacidade na árvore de camadas

Showing 3 changed files with 27 additions and 6 deletions   Show diff stats
interface/templates/camada.html
  Diff comments   View file @4e6dbbc
@@ -5,10 +5,15 @@ @@ -5,10 +5,15 @@
5 <span style="vertical-align: middle" class="material-icons">playlist_add_check</span> 5 <span style="vertical-align: middle" class="material-icons">playlist_add_check</span>
6 </button> 6 </button>
7 <ul class="dropdown-menu I3GEOpropCamadas"> 7 <ul class="dropdown-menu I3GEOpropCamadas">
8 - <li><a onclick="i3GEO.temaAtivo='{{{name}}}';i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">  
9 - <span class="glyphicon glyphicon-adjust"></span> {{{opacidade}}}  
10 - </a></li>  
11 - 8 + <li class="container-fluid form-group">
  9 + <form onsubmit="console.log(this);i3GEO.tema.mudanome('{{{name}}}',this[0].value);return false;" action="">
  10 + <input style="color: black;" class="form-control" type='text' value='{{{nomeCamada}}}' />
  11 + </form>
  12 + </li>
  13 + <li style="margin-top:0px;" class="container-fluid form-group">
  14 + <label class="control-label"> {{{opacidade}}}</label>
  15 + <input style="background:none;" onChange="i3GEO.Interface.aplicaOpacidade(this.value,'{{{name}}}')" type="range" min="1" max="100" value="{{opaCamada}}" class="slider" >
  16 + </li>
12 <li><a href="javascript:void(0)" onclick="i3GEO.tema.exclui('{{{name}}}',true)" title="{{{removerTitle}}}"> 17 <li><a href="javascript:void(0)" onclick="i3GEO.tema.exclui('{{{name}}}',true)" title="{{{removerTitle}}}">
13 <span class="glyphicon glyphicon-trash"></span> {{{removerTexto}}} 18 <span class="glyphicon glyphicon-trash"></span> {{{removerTexto}}}
14 </a></li> 19 </a></li>
@@ -77,10 +82,10 @@ @@ -77,10 +82,10 @@
77 <label class="rangeScale{{{rangeScale}}} {{{classeCss}}}" style="width: calc(100% - 50px)"> 82 <label class="rangeScale{{{rangeScale}}} {{{classeCss}}}" style="width: calc(100% - 50px)">
78 <input class="noprint" type="checkbox" value="{{{name}}}" name="{{{name}}}" 83 <input class="noprint" type="checkbox" value="{{{name}}}" name="{{{name}}}"
79 {{{checked}}} onclick="i3GEO.Interface.ligaDesliga(this);i3GEO.eventos.executaEventos(i3GEO.eventos.ATUALIZAARVORECAMADAS);"> 84 {{{checked}}} onclick="i3GEO.Interface.ligaDesliga(this);i3GEO.eventos.executaEventos(i3GEO.eventos.ATUALIZAARVORECAMADAS);">
80 - <span class="checkbox-material noprint"><span class="check"></span></span> {{{iconetema}}} <span style="cursor:move;">{{{tema}}}</span> 85 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{iconetema}}} <span style="cursor: move;">{{{tema}}}</span>
81 <!-- icones que trazem informacoes sobre o tema --> 86 <!-- icones que trazem informacoes sobre o tema -->
82 <!-- farol que indica a relacao com a escala do mapa --> 87 <!-- farol que indica a relacao com a escala do mapa -->
83 - <span id="farol{{name}}" title="{{{farolTitle}}}" class="glyphicon glyphicon-certificate {{{farol}}}" style="color: {{{farol}}}"></span> 88 + <span id="farol{{name}}" title="{{{farolTitle}}}" class="glyphicon glyphicon-certificate {{{farol}}}" style="color: {{{farol"></span>
84 <!-- indica se os elementos da camada sao dependentes da escala do mapa --> 89 <!-- indica se os elementos da camada sao dependentes da escala do mapa -->
85 <span title="{{{contextoescalaTitle}}}" class="glyphicon glyphicon-alert {{{contextoescala}}}" style="color: orange;"></span> 90 <span title="{{{contextoescalaTitle}}}" class="glyphicon glyphicon-alert {{{contextoescala}}}" style="color: orange;"></span>
86 <!-- links para formularios que sao especificos de cada plugin do i3Geo e de ferramentas salvas na camada--> 91 <!-- links para formularios que sao especificos de cada plugin do i3Geo e de ferramentas salvas na camada-->
js/interface.js
  Diff comments   View file @4e6dbbc
@@ -951,6 +951,19 @@ i3GEO.Interface = @@ -951,6 +951,19 @@ i3GEO.Interface =
951 * Aplica um valor de opacidade aos layers do mapa 951 * Aplica um valor de opacidade aos layers do mapa
952 */ 952 */
953 aplicaOpacidade : function(opacidade, layer) { 953 aplicaOpacidade : function(opacidade, layer) {
  954 + if (typeof (console) !== 'undefined')
  955 + console.info("i3GEO.Interface.aplicaOpacidade");
  956 +
  957 + if(opacidade > 1){
  958 + opacidade = opacidade / 100;
  959 + }
  960 +
  961 + if(layer){
  962 + i3geoOL.getLayersByName(layer)[0].setOpacity(opacidade*1);
  963 + return;
  964 + } else {
  965 + layer = "";
  966 + }
954 var nlayers = i3GEO.arvoreDeCamadas.CAMADAS.length, l, i, camada; 967 var nlayers = i3GEO.arvoreDeCamadas.CAMADAS.length, l, i, camada;
955 if (!layer) { 968 if (!layer) {
956 layer = ""; 969 layer = "";
@@ -303,6 +303,9 @@ i3GEO.tema = @@ -303,6 +303,9 @@ i3GEO.tema =
303 * {string} - codigo do tema 303 * {string} - codigo do tema
304 */ 304 */
305 mudanome : function(idtema,valor) { 305 mudanome : function(idtema,valor) {
  306 + if (typeof (console) !== 'undefined')
  307 + console.info("i3GEO.tema.mudanome() " + valor);
  308 +
306 i3GEO.mapa.ativaTema(idtema); 309 i3GEO.mapa.ativaTema(idtema);
307 if (!valor) { 310 if (!valor) {
308 return; 311 return;