Commit 6eedc10abf220fec48f721176c33c24d0579df09

Authored by Edmar Moretti
1 parent e51341db

--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"),