Download as
Browse Code »

Commit 6eedc10abf220fec48f721176c33c24d0579df09

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

--no commit message

Showing 1 changed file with 67 additions and 11 deletions   Show diff stats
classesjs/classe_guias.js
  Diff comments   View file @6eedc10
... ... @@ -35,11 +35,10 @@ if(typeof(i3GEO) === 'undefined'){
35 35 /*
36 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 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 43 i3GEO.guias = {
45 44 /*
... ... @@ -183,9 +182,11 @@ i3GEO.guias = {
183 182 /*
184 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 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 191 Exemplo:
191 192  
... ... @@ -196,12 +197,8 @@ i3GEO.guias = {
196 197  
197 198 Default:
198 199 {""}
199   -
200   - Values:
201   -
202 200 */
203 201 ORDEM: "",
204   -
205 202 /*
206 203 Propriedade: TIPO
207 204  
... ... @@ -726,7 +723,26 @@ i3GEO.guias = {
726 723 }
727 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 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 746 config: {
731 747 larguraPuxador: 50,
732 748 alturaPuxador: 319,
... ... @@ -740,7 +756,17 @@ i3GEO.guias = {
740 756 chaves: []
741 757 }
742 758 },
  759 + /*
  760 + Variavel: left
  761 +
  762 + Valor de posicionamento à esquerda, calculado na inicialização
  763 + */
743 764 left: 0,
  765 + /*
  766 + Function: inicia
  767 +
  768 + Inicializa a guia móvel
  769 + */
744 770 inicia: function(){
745 771 var posMapa = i3GEO.util.pegaPosicaoObjeto($i(i3GEO.Interface.IDMAPA)),
746 772 centroY = posMapa[1] + (i3GEO.parametros.h / 2),
... ... @@ -785,7 +811,8 @@ i3GEO.guias = {
785 811 temp.left = "3px";
786 812 temp.top = "33px";
787 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 817 YAHOO.util.Dom.setStyle("i3GEOguiaMovelConteudo", "opacity", 0.90);
791 818 YAHOO.util.Dom.setStyle("i3GEOguiaMovelIcones", "opacity", 0.90);
... ... @@ -798,8 +825,15 @@ i3GEO.guias = {
798 825 $i("i3GEOguiaMovelMolde").onmouseout = function(){
799 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 837 mostraIcones: function(){
804 838 if($i("i3GEOguiaMovelIcones").innerHTML != "")
805 839 {return;}
... ... @@ -807,11 +841,23 @@ i3GEO.guias = {
807 841 i,
808 842 temp = i3GEO.guias.guiaMovel.config.guias,
809 843 ins = "";
  844 + if(i3GEO.guias.ORDEM !== "")
  845 + {temp.chaves = i3GEO.guias.ORDEM;}
810 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 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 861 ativa: function(chave){
816 862 if(i3GEO.guias.CONFIGURA[chave].click)
817 863 {i3GEO.guias.CONFIGURA[chave].click.call();}
... ... @@ -819,6 +865,11 @@ i3GEO.guias = {
819 865 i3GEO.guias.mostra(chave);
820 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 873 reposiciona: function(){
823 874 i3GEO.guias.guiaMovel.config.guias.icones = [];
824 875 i3GEO.guias.guiaMovel.config.guias.ids = [];
... ... @@ -833,6 +884,11 @@ i3GEO.guias = {
833 884 i3GEO.guias.escondeGuias();
834 885 i3GEO.guias.guiaMovel.inicia();
835 886 },
  887 + /*
  888 + Function: abreFecha
  889 +
  890 + Abre ou fecha a guia móvel
  891 + */
836 892 abreFecha: function(){
837 893 var conteudo = $i("i3GEOguiaMovelConteudo"),
838 894 molde = $i("i3GEOguiaMovelMolde"),
... ...