Commit 6eedc10abf220fec48f721176c33c24d0579df09
1 parent
e51341db
Exists in
master
and in
7 other branches
--no commit message
Showing
1 changed file
with
67 additions
and
11 deletions
Show diff stats
classesjs/classe_guias.js
@@ -35,11 +35,10 @@ if(typeof(i3GEO) === 'undefined'){ | @@ -35,11 +35,10 @@ if(typeof(i3GEO) === 'undefined'){ | ||
35 | /* | 35 | /* |
36 | Classe: i3GEO.guias | 36 | Classe: i3GEO.guias |
37 | 37 | ||
38 | -Cria e controla as guias de opções mostradas no mapa principal e as guias das ferramentas | 38 | +Cria e controla os blocos de opções ativados por meio de guias ou botões |
39 | 39 | ||
40 | Para configurar as guias do mapa principal utilize i3GEO.guias.configura = ... | 40 | Para configurar as guias do mapa principal utilize i3GEO.guias.configura = ... |
41 | 41 | ||
42 | -As guias das ferramentas são configuradas nos scripts específicos de cada ferramenta | ||
43 | */ | 42 | */ |
44 | i3GEO.guias = { | 43 | i3GEO.guias = { |
45 | /* | 44 | /* |
@@ -183,9 +182,11 @@ i3GEO.guias = { | @@ -183,9 +182,11 @@ i3GEO.guias = { | ||
183 | /* | 182 | /* |
184 | Propriedade: ORDEM | 183 | Propriedade: ORDEM |
185 | 184 | ||
186 | - Ordem de inclusão das guias no mapa. Essa opção é mais útil no caso do tipo sanfona, pois | 185 | + Ordem de inclusão das guias no mapa. Essa opção é mais útil no caso do tipo sanfona, pois nesse caso, |
187 | a primeira guia é sempre a que fica ativa. Se esse parâmetro for uma string vazia, a ordem | 186 | a primeira guia é sempre a que fica ativa. Se esse parâmetro for uma string vazia, a ordem |
188 | - utilizada será a ordem existente em i3GEO.guias.CONFIGURA | 187 | + utilizada será a ordem existente em i3GEO.guias.CONFIGURA. |
188 | + | ||
189 | + Ao ser definida, apenas as guias indicadas no array serão incluídas | ||
189 | 190 | ||
190 | Exemplo: | 191 | Exemplo: |
191 | 192 | ||
@@ -196,12 +197,8 @@ i3GEO.guias = { | @@ -196,12 +197,8 @@ i3GEO.guias = { | ||
196 | 197 | ||
197 | Default: | 198 | Default: |
198 | {""} | 199 | {""} |
199 | - | ||
200 | - Values: | ||
201 | - | ||
202 | */ | 200 | */ |
203 | ORDEM: "", | 201 | ORDEM: "", |
204 | - | ||
205 | /* | 202 | /* |
206 | Propriedade: TIPO | 203 | Propriedade: TIPO |
207 | 204 | ||
@@ -726,7 +723,26 @@ i3GEO.guias = { | @@ -726,7 +723,26 @@ i3GEO.guias = { | ||
726 | } | 723 | } |
727 | Dom.setStyle(guia+"obj","display","block"); | 724 | Dom.setStyle(guia+"obj","display","block"); |
728 | }, | 725 | }, |
726 | + /* | ||
727 | + Function: guiaMovel | ||
728 | + | ||
729 | + Controla as guias do tipo "movel", que apresenta uma janela retrátil onde as opções são mostradas | ||
730 | + */ | ||
729 | guiaMovel: { | 731 | guiaMovel: { |
732 | + /* | ||
733 | + Propriedade: ABERTA | ||
734 | + | ||
735 | + Indica se a guia inicializará aberta | ||
736 | + | ||
737 | + Type: | ||
738 | + {boolean} | ||
739 | + */ | ||
740 | + ABERTA: false, | ||
741 | + /* | ||
742 | + Propriedade: config | ||
743 | + | ||
744 | + Define os valores de posicionamento dos elementos que compõem a guia | ||
745 | + */ | ||
730 | config: { | 746 | config: { |
731 | larguraPuxador: 50, | 747 | larguraPuxador: 50, |
732 | alturaPuxador: 319, | 748 | alturaPuxador: 319, |
@@ -740,7 +756,17 @@ i3GEO.guias = { | @@ -740,7 +756,17 @@ i3GEO.guias = { | ||
740 | chaves: [] | 756 | chaves: [] |
741 | } | 757 | } |
742 | }, | 758 | }, |
759 | + /* | ||
760 | + Variavel: left | ||
761 | + | ||
762 | + Valor de posicionamento à esquerda, calculado na inicialização | ||
763 | + */ | ||
743 | left: 0, | 764 | left: 0, |
765 | + /* | ||
766 | + Function: inicia | ||
767 | + | ||
768 | + Inicializa a guia móvel | ||
769 | + */ | ||
744 | inicia: function(){ | 770 | inicia: function(){ |
745 | var posMapa = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA)), | 771 | var posMapa = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA)), |
746 | centroY = posMapa[1] + (i3GEO.parametros.h / 2), | 772 | centroY = posMapa[1] + (i3GEO.parametros.h / 2), |
@@ -785,7 +811,8 @@ i3GEO.guias = { | @@ -785,7 +811,8 @@ i3GEO.guias = { | ||
785 | temp.left = "3px"; | 811 | temp.left = "3px"; |
786 | temp.top = "33px"; | 812 | temp.top = "33px"; |
787 | temp.height = (config.alturaGuiaMovel - 36) +"px"; | 813 | temp.height = (config.alturaGuiaMovel - 36) +"px"; |
788 | - temp.width = (config.larguraGuiaMovel - 3) + "px"; | 814 | + temp.width = (config.larguraGuiaMovel - 7) + "px"; |
815 | + temp.paddingLeft = "4px"; | ||
789 | 816 | ||
790 | YAHOO.util.Dom.setStyle("i3GEOguiaMovelConteudo", "opacity", 0.90); | 817 | YAHOO.util.Dom.setStyle("i3GEOguiaMovelConteudo", "opacity", 0.90); |
791 | YAHOO.util.Dom.setStyle("i3GEOguiaMovelIcones", "opacity", 0.90); | 818 | YAHOO.util.Dom.setStyle("i3GEOguiaMovelIcones", "opacity", 0.90); |
@@ -798,8 +825,15 @@ i3GEO.guias = { | @@ -798,8 +825,15 @@ i3GEO.guias = { | ||
798 | $i("i3GEOguiaMovelMolde").onmouseout = function(){ | 825 | $i("i3GEOguiaMovelMolde").onmouseout = function(){ |
799 | YAHOO.util.Dom.setStyle("i3GEOguiaMovelMolde", "opacity", 0.20); | 826 | YAHOO.util.Dom.setStyle("i3GEOguiaMovelMolde", "opacity", 0.20); |
800 | }; | 827 | }; |
801 | - i3GEO.guias.guiaMovel.ativa(i3GEO.guias.ATUAL); | 828 | + i3GEO.guias.guiaMovel.ativa(i3GEO.guias.ATUAL); |
829 | + if(i3GEO.guias.guiaMovel.ABERTA === true) | ||
830 | + {i3GEO.guias.guiaMovel.abreFecha();} | ||
802 | }, | 831 | }, |
832 | + /* | ||
833 | + Function: mostraIcones | ||
834 | + | ||
835 | + Mostra os ícones que acionam cada guia | ||
836 | + */ | ||
803 | mostraIcones: function(){ | 837 | mostraIcones: function(){ |
804 | if($i("i3GEOguiaMovelIcones").innerHTML != "") | 838 | if($i("i3GEOguiaMovelIcones").innerHTML != "") |
805 | {return;} | 839 | {return;} |
@@ -807,11 +841,23 @@ i3GEO.guias = { | @@ -807,11 +841,23 @@ i3GEO.guias = { | ||
807 | i, | 841 | i, |
808 | temp = i3GEO.guias.guiaMovel.config.guias, | 842 | temp = i3GEO.guias.guiaMovel.config.guias, |
809 | ins = ""; | 843 | ins = ""; |
844 | + if(i3GEO.guias.ORDEM !== "") | ||
845 | + {temp.chaves = i3GEO.guias.ORDEM;} | ||
810 | for(i=0;i<n;i++){ | 846 | for(i=0;i<n;i++){ |
811 | - ins += "<button onclick='i3GEO.guias.guiaMovel.ativa(\""+temp.chaves[i]+"\")' style='background-image:none;margin-left:8px;'><img id='"+temp.ids[i]+"' src='"+i3GEO.configura.locaplic+"/"+temp.icones[i]+"' title='"+temp.titulos[i]+"' style='cursor:pointer;border:solid 0px white;' /></button>"; | 847 | + if(temp.chaves[i]) |
848 | + {ins += "<button onclick='i3GEO.guias.guiaMovel.ativa(\""+temp.chaves[i]+"\")' style='background-image:none;margin-left:8px;'><img id='"+temp.ids[i]+"' src='"+i3GEO.configura.locaplic+"/"+temp.icones[i]+"' title='"+temp.titulos[i]+"' style='cursor:pointer;border:solid 0px white;' /></button>";} | ||
812 | } | 849 | } |
813 | $i("i3GEOguiaMovelIcones").innerHTML = ins; | 850 | $i("i3GEOguiaMovelIcones").innerHTML = ins; |
814 | }, | 851 | }, |
852 | + /* | ||
853 | + Function: ativa | ||
854 | + | ||
855 | + Ativa o conteúdo de determinada guia | ||
856 | + | ||
857 | + Parametro: | ||
858 | + | ||
859 | + chave {string} - código da guia, definido em i3GEO.guias.CONFIGURA | ||
860 | + */ | ||
815 | ativa: function(chave){ | 861 | ativa: function(chave){ |
816 | if(i3GEO.guias.CONFIGURA[chave].click) | 862 | if(i3GEO.guias.CONFIGURA[chave].click) |
817 | {i3GEO.guias.CONFIGURA[chave].click.call();} | 863 | {i3GEO.guias.CONFIGURA[chave].click.call();} |
@@ -819,6 +865,11 @@ i3GEO.guias = { | @@ -819,6 +865,11 @@ i3GEO.guias = { | ||
819 | i3GEO.guias.mostra(chave); | 865 | i3GEO.guias.mostra(chave); |
820 | i3GEO.guias.ATUAL = chave; | 866 | i3GEO.guias.ATUAL = chave; |
821 | }, | 867 | }, |
868 | + /* | ||
869 | + Function: reposiciona | ||
870 | + | ||
871 | + Reposiciona a guia móvel quando o mapa muda de tamanho | ||
872 | + */ | ||
822 | reposiciona: function(){ | 873 | reposiciona: function(){ |
823 | i3GEO.guias.guiaMovel.config.guias.icones = []; | 874 | i3GEO.guias.guiaMovel.config.guias.icones = []; |
824 | i3GEO.guias.guiaMovel.config.guias.ids = []; | 875 | i3GEO.guias.guiaMovel.config.guias.ids = []; |
@@ -833,6 +884,11 @@ i3GEO.guias = { | @@ -833,6 +884,11 @@ i3GEO.guias = { | ||
833 | i3GEO.guias.escondeGuias(); | 884 | i3GEO.guias.escondeGuias(); |
834 | i3GEO.guias.guiaMovel.inicia(); | 885 | i3GEO.guias.guiaMovel.inicia(); |
835 | }, | 886 | }, |
887 | + /* | ||
888 | + Function: abreFecha | ||
889 | + | ||
890 | + Abre ou fecha a guia móvel | ||
891 | + */ | ||
836 | abreFecha: function(){ | 892 | abreFecha: function(){ |
837 | var conteudo = $i("i3GEOguiaMovelConteudo"), | 893 | var conteudo = $i("i3GEOguiaMovelConteudo"), |
838 | molde = $i("i3GEOguiaMovelMolde"), | 894 | molde = $i("i3GEOguiaMovelMolde"), |