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