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 5 <span style="vertical-align: middle" class="material-icons">playlist_add_check</span>
6 6 </button>
7 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 17 <li><a href="javascript:void(0)" onclick="i3GEO.tema.exclui('{{{name}}}',true)" title="{{{removerTitle}}}">
13 18 <span class="glyphicon glyphicon-trash"></span> {{{removerTexto}}}
14 19 </a></li>
... ... @@ -77,10 +82,10 @@
77 82 <label class="rangeScale{{{rangeScale}}} {{{classeCss}}}" style="width: calc(100% - 50px)">
78 83 <input class="noprint" type="checkbox" value="{{{name}}}" name="{{{name}}}"
79 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 86 <!-- icones que trazem informacoes sobre o tema -->
82 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 89 <!-- indica se os elementos da camada sao dependentes da escala do mapa -->
85 90 <span title="{{{contextoescalaTitle}}}" class="glyphicon glyphicon-alert {{{contextoescala}}}" style="color: orange;"></span>
86 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 951 * Aplica um valor de opacidade aos layers do mapa
952 952 */
953 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 967 var nlayers = i3GEO.arvoreDeCamadas.CAMADAS.length, l, i, camada;
955 968 if (!layer) {
956 969 layer = "";
... ...
js/tema.js
  Diff comments   View file @4e6dbbc
... ... @@ -303,6 +303,9 @@ i3GEO.tema =
303 303 * {string} - codigo do tema
304 304 */
305 305 mudanome : function(idtema,valor) {
  306 + if (typeof (console) !== 'undefined')
  307 + console.info("i3GEO.tema.mudanome() " + valor);
  308 +
306 309 i3GEO.mapa.ativaTema(idtema);
307 310 if (!valor) {
308 311 return;
... ...