Menu único

Edmar Moretti
1 parent 5175d38d
Showing 2 changed files with 140 additions and 85 deletions Show diff stats
classesjs/classe_gadgets.js
css/botoes2.css
@@ -15,18 +15,18 @@
  */
 /**
- * 
+ *
  * Licen&ccedil;a
- * 
+ *
  * GPL2
- * 
+ *
  * i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet
- * 
+ *
  * Direitos Autorais Reservados (c) 2006 Minist&eacute;rio do Meio Ambiente Brasil Desenvolvedor: Edmar Moretti edmar.moretti@gmail.com
- * 
+ *
  * Este programa &eacute; software livre; voc&ecirc; pode redistribu&iacute;-lo e/ou modific&aacute;-lo sob os termos da Licen&ccedil;a
  * P&uacute;blica Geral GNU conforme publicada pela Free Software Foundation;
- * 
+ *
  * Este programa &eacute; distribu&iacute;do na expectativa de que seja &uacute;til, por&eacute;m, SEM NENHUMA GARANTIA; nem mesmo a
  * garantia impl&iacute;cita de COMERCIABILIDADE OU ADEQUACAtilde;O A UMA FINALIDADE ESPEC&Iacute;FICA. Consulte a Licen&ccedil;a
  * P&uacute;blica Geral do GNU para mais detalhes. Voc&ecirc; deve ter recebido uma c&oacute;pia da Licen&ccedil;a P&uacute;blica Geral do
@@ -40,35 +40,35 @@ i3GEO.gadgets =
 	{
 		/**
 		 * Propriedade: PARAMETROS
-		 * 
+		 *
 		 * Par&acirc;metros de inicializa&ccedil;&atilde;o dos gadgets.
-		 * 
+		 *
 		 * Essa vari&aacute;vel define os parametros individuais de cada gadget e o ID do elemento HTML onde o gadget ser&aacute;
 		 * inclu&iacute;do (parametro "idhtml").
-		 * 
+		 *
 		 * Cada tipo de gadget pode ter parametros espec&iacute;ficos, descritos a seguir.
-		 * 
+		 *
 		 * Voc&ecirc; pode acessar os par&acirc;metros da seguinte forma:
-		 * 
+		 *
 		 * i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.deslocaEsquerda = 400;
-		 * 
+		 *
 		 * Para evitar o funcionamento de um gadget experimente utilizar
-		 * 
+		 *
 		 * Exemplo:
-		 * 
+		 *
 		 * i3GEO.gadgets.PARAMETROS.mostraInserirKml.idhtml = "";
-		 * 
+		 *
 		 * Default:
-		 * 
+		 *
 		 * (start code)
-		 * 
+		 *
 		 * i3GEO.gadgets.PARAMETROS = { "mostraInserirKml" : { idhtml : "inserirKml" }, "mostraEscalaNumerica" : { idhtml : "escala" },
 		 * "mostraEscalaGrafica" : { idhtml : "escalaGrafica" }, "mostraBuscaRapida" : { idhtml : "buscaRapida", servicosexternos : true,
 		 * temasmapa : false, google : true }, "mostraVisual" : { idhtml : "" }, "mostraHistoricoZoom" : { idhtml : "historicozoom" },
 		 * "mostraMenuSuspenso" : { permiteLogin : true, marcadores : true, idhtml : "menus", deslocaEsquerda : 0, parametrosYUI : { iframe :
 		 * false, autosubmenudisplay : false, showdelay : 200, hidedelay : 500, lazyload : false } }, "mostraMenuLista" : { idhtml :
 		 * "menuLista" }, "mostraVersao" : { idhtml : "versaoi3geo" }, "mostraEmail" : { idhtml : "emailInstituicao" } };
-		 * 
+		 *
 		 * (end)
 		 */
 		PARAMETROS : {
@@ -118,11 +118,11 @@ i3GEO.gadgets =
 		},
 		/**
 		 * Function: mostraEmail
-		 * 
+		 *
 		 * Mostra o e-mail armazenado na vari&aacute;vel i3GEO.parametros.emailInstituicao
-		 * 
+		 *
 		 * Parametro:
-		 * 
+		 *
 		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
 		 */
 		mostraEmail : function(id) {
@@ -138,11 +138,11 @@ i3GEO.gadgets =
 		},
 		/**
 		 * Function: mostraVersao
-		 * 
+		 *
 		 * Mostra a vers&atilde;o atual do i3Geo armazenada na vari&aacute;vel i3GEO.parametros.mensageminicial
-		 * 
+		 *
 		 * Parametro:
-		 * 
+		 *
 		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
 		 */
 		mostraVersao : function(id) {
@@ -158,16 +158,16 @@ i3GEO.gadgets =
 		},
 		/**
 		 * Function: mostraInserirKml
-		 * 
+		 *
 		 * Mostra no mapa a a op&ccedil;&atilde;o para inserir kml.
-		 * 
+		 *
 		 * Essa op&ccedil;&atilde;o s&oacute; funciona com a API do Google carregada
-		 * 
+		 *
 		 * Se voc&ecirc; n&atilde;o quer essa fun&ccedil;&atilde;o no mapa, elimine o elemento HTML existente no mapa que contenha o id
 		 * definido em i3GEO.gadgets.PARAMETROS.mostraInserirKml.idhtml
-		 * 
+		 *
 		 * Parametro:
-		 * 
+		 *
 		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de
 		 * i3GEO.gadgets.PARAMETROS.mostraInserirKml.idhtml
 		 */
@@ -196,16 +196,16 @@ i3GEO.gadgets =
 		},
 		/**
 		 * Function: mostraEscalaNumerica
-		 * 
+		 *
 		 * Mostra no mapa a escala num&eacute;rica.
-		 * 
+		 *
 		 * A escala num&eacute;rica pode ser alterada pelo usu&aacute;rio digitando-se a nova escala.
-		 * 
+		 *
 		 * Se voc&ecirc; n&atilde;o quer essa fun&ccedil;&atilde;o no mapa, elimine o elemento HTML existente no mapa que contenha o id
 		 * definido em i3GEO.gadgets.PARAMETROS
-		 * 
+		 *
 		 * Parametro:
-		 * 
+		 *
 		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
 		 */
 		mostraEscalaNumerica : function(id) {
@@ -224,8 +224,7 @@ i3GEO.gadgets =
 				if (!$i("i3geo_escalanum")) {
 					i =
 						"<form id='i3GEOescalanumForm' >" + $inputText(id, "100", "i3geo_escalanum", $trad("d10"), "10", parseInt(
-							i3GEO.parametros.mapscale,
-							10))
+							i3GEO.parametros.mapscale, 10))
 							+ "</form>";
 					ins = "<table style='width:120px;'><tr><td>" + i;
 					temp = 'var nova = document.getElementById("i3geo_escalanum").value;';
@@ -265,14 +264,14 @@ i3GEO.gadgets =
 		/**
 		 * Function: mostraEscalaGrafica
-		 * 
+		 *
 		 * Mostra no mapa a escala grafica como um elemento fora do mapa.
-		 * 
+		 *
 		 * Se voc&ecirc; n&atilde;o quer essa fun&ccedil;&atilde;o no mapa, elimine o elemento HTML existente no mapa que contenha o id
 		 * definido em i3GEO.gadgets.PARAMETROS(escala)
-		 * 
+		 *
 		 * Parametro:
-		 * 
+		 *
 		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
 		 */
 		mostraEscalaGrafica : function(id) {
@@ -295,9 +294,9 @@ i3GEO.gadgets =
 		},
 		/**
 		 * Function: atualizaEscalaGrafica
-		 * 
+		 *
 		 * Atualiza a escala gr&aacute;fica
-		 * 
+		 *
 		 */
 		atualizaEscalaGrafica : function() {
 			var e = $i("imagemEscalaGrafica");
@@ -315,20 +314,20 @@ i3GEO.gadgets =
 		},
 		/**
 		 * Function: mostraBuscaRapida
-		 * 
+		 *
 		 * Mostra a op&ccedil;&atilde;o de busca r&aacute;pida de lugares por palavra digitada.
-		 * 
+		 *
 		 * Se voc&ecirc; n&atilde;o quer essa fun&ccedil;&atilde;o no mapa, elimine o elemento HTML existente no mapa que contenha o id
 		 * definido em i3GEO.gadgets.PARAMETROS (buscaRapida)
-		 * 
+		 *
 		 * Onde a busca ser&aacute; feita &eacute; controlado pela vari&aacute;vel i3GEO.gadgets.PARAMETROS.mostraBuscaRapida
-		 * 
+		 *
 		 * Parametro:
-		 * 
+		 *
 		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
 		 */
 		mostraBuscaRapida : function(id) {
-			//TODO implementar a separacao do template mustache em arquivos em disco
+			// TODO implementar a separacao do template mustache em arquivos em disco
 			if (typeof (console) !== 'undefined')
 				console.info("i3GEO.gadgets.mostraBuscaRapida()");
@@ -378,12 +377,7 @@ i3GEO.gadgets =
 							return;
 						}
 						// janela com a rotina e o resultado da busca
-						i3GEO.janela.cria(
-							"300px",
-							"280px",
-							i3GEO.configura.locaplic + "/ferramentas/buscarapida/index.htm",
-							"",
-							"",
+						i3GEO.janela.cria("300px", "280px", i3GEO.configura.locaplic + "/ferramentas/buscarapida/index.htm", "", "",
 							$trad("o2"));
 						return false;
 					};
@@ -433,20 +427,20 @@ i3GEO.gadgets =
 								+ "{{/googlemaps}}"
 								+ "</table><br><p class=paragrafo >{{ajuda}}</p>";
-						ins =i3GEO.util.parseMustache(templateMustache, hashMustache);
+						ins = i3GEO.util.parseMustache(templateMustache, hashMustache);
 						janela = i3GEO.janela.cria("300px", "150px", "", "", "", $trad("s5"), "i3GEOpropriedadesBuscaRapida" + id);
-						janela[0].setBody("<div>"+ins+"</div>");
+						janela[0].setBody("<div>" + ins + "</div>");
 					};
 			}
 		},
 		/**
 		 * Function: mostraHistoricoZoom
-		 * 
+		 *
 		 * Mostra na barra de zoom os &iacute;cones que controlam a visualiza&ccedil;&atilde;o do hist&oacute;rico da
 		 * navega&ccedil;&atilde;o sobre o mapa
-		 * 
+		 *
 		 * Parametro:
-		 * 
+		 *
 		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
 		 */
 		mostraHistoricoZoom : function(id) {
@@ -479,24 +473,24 @@ i3GEO.gadgets =
 		},
 		/**
 		 * i3GEO.gadgets.visual (depreciado)
-		 * 
+		 *
 		 * Gera os &iacute;cones e controla as op&ccedil;&otilde;es de modifica&ccedil;&atilde;o do visual do mapa.
-		 * 
+		 *
 		 * O visual consiste na defini&ccedil;&atilde;o dos &iacute;cones utilizados no mapa. O visual pode ser modificado na
 		 * inicializa&ccedil;&atilde;o ou ent&atilde;o escolhido pelo usu&aacute;rio.
-		 * 
+		 *
 		 * Os visuais dispon&iacute;veis s&atilde;o definidos no servidor e consistem em diret&oacute;rios localizados em
 		 * i3geo/imagens/visual. A lista de visuais dispon&iacute;veis &eacute; obtida na inicializa&ccedil;&atilde;o do i3geo.
-		 * 
+		 *
 		 * Os &iacute;cones para mudan&ccedil;a do visual s&atilde;o inclu&iacute;dos no elemento HTML definido em
 		 * i3geo.gadgets.PARAMETROS.visual
 		 */
 		visual : {
 			/**
 			 * Constr&oacute;i os &iacute;cones de escolha do visual.
-			 * 
+			 *
 			 * Parametro:
-			 * 
+			 *
 			 * id {String} - id do elemento que receber&aacute; os &iacute;cones (opcional)
 			 */
 			inicia : function(id) {
@@ -504,9 +498,9 @@ i3GEO.gadgets =
 			},
 			/**
 			 * Troca o visual atual. A lista de visuais dispon&iacute;veis &eacute; obtida em i3GEO.parametros.listavisual
-			 * 
+			 *
 			 * Parametro:
-			 * 
+			 *
 			 * visual {String} - nome do visual que ser&aacute; utilizado.
 			 */
 			troca : function(visual) {
@@ -515,43 +509,43 @@ i3GEO.gadgets =
 		},
 		/**
 		 * Function: mostraMenuSuspenso
-		 * 
+		 *
 		 * Mostra o menu suspenso com op&ccedil;&otilde;es extras de an&aacute;lise, ajuda, etc
-		 * 
+		 *
 		 * Paradefinir os &iacute;cones existentes nos elementos principais do menu, edite o arquivo i3geo/css/botoes2.css e acrescente o
 		 * estilo desejado. Utilize # para se referenciar ao elemento, cujo identificador &eacute; composto por "menu"+chave, exemplo
 		 * #menuinterface ou #menuajuda
-		 * 
+		 *
 		 * O objeto YAHOO.widget.MenuBar resultante pode ser obtido na vari&aacute;vel i3GEOoMenuBar
-		 * 
+		 *
 		 * i3GEOoMenuBar pode ser manipulado com os m&eacute;todos da biblioteca YUI
-		 * 
+		 *
 		 * Exemplo:
-		 * 
+		 *
 		 * (start code) i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", "zzzzzz");
-		 * 
+		 *
 		 * i3GEOoMenuBar.getMenuItem("omenudataInterface1").destroy(); (end)
-		 * 
+		 *
 		 * Para executar uma opera&ccedil;&atilde;o ap&oacute;s o menu ser montado, utilize a propriedade
 		 * i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza, por exemplo (a string &eacute; executada por meio da fun&ccedil;&atilde;o
 		 * eval do javascript)
-		 * 
+		 *
 		 * Exemplo:
-		 * 
+		 *
 		 * (start code) i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza =
 		 * 'i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", "");'; (end)
-		 * 
+		 *
 		 * O conte&uacute;do do menu &eacute; baseado na vari&aacute;vel i3GEO.configura.oMenuData
-		 * 
+		 *
 		 * Parametro:
-		 * 
+		 *
 		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
 		 */
 		mostraMenuSuspenso : function(id) {
 			if (typeof (console) !== 'undefined')
 				console.info("i3GEO.gadgets.mostraMenuSuspenso()");
-			var objid, n, i, estilo, t, onMenuBarBeforeRender, temp, i3GEOoMenuBarLocal, ms = i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso, confm =
+			var menuUnico, objid, i, estilo, t, onMenuBarBeforeRender, temp, i3GEOoMenuBarLocal, ms = i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso, confm =
 				i3GEO.configura.oMenuData, ins = "", alinhamento = "";
 			if (arguments.length === 0) {
@@ -580,6 +574,61 @@ i3GEO.gadgets =
 					}
 				} catch (e) {
 				}
+				// monta um menu unico
+				menuUnico = function(){
+					var menu = i3GEO.configura.oMenuData.menu,
+						submenus = i3GEO.configura.oMenuData.submenus,
+						menuUnico = {},
+						n = 0, s, tempMenu, m = 0, idts, idt;
+					menuUnico["menu"] = [
+						{
+							nome : "Menu",
+							id : "menuUnico"
+						}
+					];
+					menuUnico["submenus"] = {
+						"menuUnico" : []
+					};
+					for (n in menu) {
+						if (menu[n].id) {
+							s = submenus[menu[n].id];
+							tempMenu = [];
+							for (m in s) {
+								if (s[m].url) {
+									tempMenu.push(s[m]);
+								}
+								else{
+									if (s[m].submenu && s[m].submenu.itemdata) {
+										idts = s[m].submenu.itemdata[0];
+										tempMenu.push({
+											text: s[m].text
+										});
+										for (idt = 0; idt < idts.length; idt++) {
+											tempMenu.push(idts[idt]);
+										}
+									}
+								}
+							}
+							if(tempMenu.length > 0){
+								menuUnico["submenus"]["menuUnico"].push({
+									id : menu[n].id + "Menu",
+									text : menu[n].nome,
+									submenu : {
+										id : menu[n].id + "Sub",
+										itemdata : [
+											tempMenu
+										]
+									}
+								});
+							}
+						}
+					}
+					i3GEO.configura.oMenuData = menuUnico;
+					confm = i3GEO.configura.oMenuData;
+				};
+				if(i3GEO.parametros.w < 600){
+					menuUnico();
+				}
 				i3GEOoMenuBar = YAHOO.widget.MenuManager;
 				if (objid) {
 					objid.className = "yuimenubar";
@@ -757,13 +806,13 @@ i3GEO.gadgets =
 		},
 		/**
 		 * Function: mostraMenuLista
-		 * 
+		 *
 		 * Mostra as op&ccedil;&otilde;es existentes no menu suspenso por&eacute;m na forma de uma lista de op&ccedil;&otilde;es
-		 * 
+		 *
 		 * O conte&uacute;do do menu &eacute; baseado na vari&aacute;vel i3GEO.configura.oMenuData
-		 * 
+		 *
 		 * Parametro:
-		 * 
+		 *
 		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
 		 */
 		mostraMenuLista : function(id) {
@@ -386,6 +386,12 @@
 	height: 15px;
 	width: 57px;
 }
+
+#menumenuUnico {
+	background-image: url("../imagens/oxygen/16x16/format-list-unordered.png");
+	background-repeat: no-repeat;
+	margin-left: 5px;
+}
 /*bandeira do brasil*/
 #brasil {
 	background-image: URL('../imagens/sprite.png');
	@@ -386,6 +386,12 @@		@@ -386,6 +386,12 @@
386	height: 15px;	386	height: 15px;
387	width: 57px;	387	width: 57px;
388	}	388	}
		389	+
		390	+#menumenuUnico {
		391	+ background-image: url("../imagens/oxygen/16x16/format-list-unordered.png");
		392	+ background-repeat: no-repeat;
		393	+ margin-left: 5px;
		394	+}
389	/bandeira do brasil/	395	/bandeira do brasil/
390	#brasil {	396	#brasil {
391	background-image: URL('../imagens/sprite.png');	397	background-image: URL('../imagens/sprite.png');