Inclusão de filtro na página de OGC

Edmar Moretti
1 parent e009f44c
Showing 4 changed files with 64 additions and 22 deletions Show diff stats
init/index.js
ogc/dicionario.js
ogc/index.js
ogc/index.php
@@ -99,7 +99,7 @@ botoesIni = [
 	"target": "_self"
 },{
 	"img":"applications-development-web.png",
-	"href": "../admin",
+	"href": "../admin1",
 	"titulo":$trad(3,g_traducao_init),
 	"subtitulo": $trad("3a",g_traducao_init),
 	"fa": "cogs",
@@ -96,8 +96,8 @@ g_traducao_ogc =
 			en : "",
 			es : ""
 		}],
-		"1" : [{
-			pt : "",
+		"filtro" : [{
+			pt : "Filtro",
 			en : "",
 			es : ""
 		}]
 function listaDoNivelMenu(templateMenus,templateGrupos,templateSubGrupos,templateCamadas){
 	var r = function(retorno) {
 		var menus = retorno.data,
-		nmenus = menus.length, i = 0, s = [], camadasRaiz, dataMenu, htmlMenus, grupos;
+		nmenus = menus.length, i = 0, s = [], camadasRaiz, dataMenu, htmlMenus, grupos, temp;
 		for(i=0; i<nmenus; i++){
 			camadasRaiz = "";
 			dataMenu = menus[i];
@@ -9,6 +9,7 @@ function listaDoNivelMenu(templateMenus,templateGrupos,templateSubGrupos,templat
 				camadasRaiz = ckCamada(dataMenu.temas,templateCamadas,"tema");
 				dataMenu["camadas"] = camadasRaiz;
 			}
+			dataMenu["filtro"] = $trad("filtro",g_traducao_ogc);
 			htmlMenus = Mustache.to_html(
 					templateMenus,
 					dataMenu
@@ -31,26 +32,42 @@ function listaDoNivelMenu(templateMenus,templateGrupos,templateSubGrupos,templat
 					g = [];
 					i = 0;
 					//camadas na raiz do grupo
+					//inclui no array com os grupos os temas
+					//monta o array g que contem os grupos e camadas
 					for (i = 0; i < c; i++) {
 						if(gr[i].temasgrupo){
-							camadas = ckCamada(gr[i].temasgrupo,templateCamadas,"tema");
+							camadas = ckCamada(
+								gr[i].temasgrupo,
+								templateCamadas,
+								"tema"
+							);
 							gr[i]["camadas"] = camadas;
 						} else {
 							gr[i]["camadas"] = "";
 						}
 						g.push(gr[i]);
 					}
+					//monta o combo para o filtro
+					$('[data-grupoFiltro="'+retorno.data.idmenu+'"]').html(
+							"<option value=''>---</option>" +
+							Mustache.to_html(
+								"{{#grupos}}" + $("#templateFiltroGrupo").html() + "{{/grupos}}",
+								{"grupos":g}
+							)
+					);
+					//monta a lista de grupos
 					if(g){
 						htmlGrupos = Mustache.to_html(
 								"{{#grupos}}" + templateGrupos + "{{/grupos}}",
 								{"grupos":g}
 						);
+
 					}
 					$("#gruposMenu"+retorno.data.idmenu).html(htmlGrupos);
+					//monta os subgrupos
 					for (i = 0; i < c; i++) {
 						subgrupos = gr[i].subgrupos;
 						id_n1 = gr[i]["id_n1"];
-
 						nsubgrupos = subgrupos.length;
 						j = 0;
 						for( j = 0; j < nsubgrupos; j++){
@@ -295,4 +312,19 @@ function listaCompleta(onde){
 	};
 	//cpJSON vem de class_php.js
 	cpJSON.call("../classesphp/mapa_controle.php?map_file=&funcao=pegaTodosTemas&g_sid=&idioma=pt", "foo", r);
+}
+function filtraGrupo(obj,idPainel){
+	$("#" + idPainel + " .grupo").each(
+			function(i,el){
+				if(obj.value == ""){
+					$(el).show();
+				}
+				else {
+					$(el).hide();
+				}
+			}
+	);
+	if(obj.value != ""){
+		$("#"+obj.value).show();
+	}
 }
 \ No newline at end of file
@@ -93,31 +93,41 @@ include &quot;../init/head.php&quot;;
 		</div>
 		<div class="panel-body">
 			<div id="corpoMenu{{idmenu}}" class="panel-collapse collapse" role="tabpanel" aria-multiselectable="true">
-					{{{camadas}}}
-					<div id="gruposMenu{{idmenu}}">
-						<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i><span class="sr-only">Aguarde</span>
-					</div>
+				{{{camadas}}}				
+				<!-- aqui entra o filtro -->
+				<div class="form-group">
+					<label class="control-label">{{{filtro}}}</label>
+					<select onchange="filtraGrupo(this,'menu{{idmenu}}')" data-grupoFiltro="{{idmenu}}" class="form-control input-lg">
+					</select>
+				</div>
+				
+				<div id="gruposMenu{{idmenu}}">
+					<i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i><span class="sr-only">Aguarde</span>
+				</div>
 			</div>
 		</div>
 	</div>
 </div>
 </script>
+<script id="templateFiltroGrupo" type="x-tmpl-mustache">
+<option value="painelGrupo{{id_n1}}">{{{nome}}}</option>
+</script>
 <script id="templateGrupos" type="x-tmpl-mustache">
-<div class="list-group">
-<div class="panel panel-default">
-	<div class="panel-heading" style="background-color: #b2dfdb;" role="tab" id="tituloGrupo{{id_n1}}">
-		<h4 class="panel-title">
-			<a class="collapsed" role="button" data-toggle="collapse" data-parent="#corpoMenu{{idmenu}}" href="#corpoGrupo{{id_n1}}" aria-expanded="false" aria-controls="corpoGrupo{{id_n1}}"> {{{nome}}} </a>
-		</h4>
-	</div>
-	<div class="panel-body">
-		<div id="corpoGrupo{{id_n1}}" class="panel-collapse collapse" role="tabpanel" aria-multiselectable="true">
-			{{{camadas}}}
-			<div id="subGruposGrupo{{id_n1}}">{{grupos}}</div>
+<div class="list-group grupo" id="painelGrupo{{id_n1}}">
+	<div class="panel panel-default">
+		<div class="panel-heading" style="background-color: #b2dfdb;" role="tab" >
+			<h4 class="panel-title">
+				<a class="collapsed" role="button" data-toggle="collapse" data-parent="#corpoMenu{{idmenu}}" href="#corpoGrupo{{id_n1}}" aria-expanded="false" aria-controls="corpoGrupo{{id_n1}}"> {{{nome}}} </a>
+			</h4>
+		</div>
+		<div class="panel-body">
+			<div id="corpoGrupo{{id_n1}}" class="panel-collapse collapse" role="tabpanel" aria-multiselectable="true">
+				{{{camadas}}}
+				<div id="subGruposGrupo{{id_n1}}">{{grupos}}</div>
+			</div>
 		</div>
 	</div>
 </div>
-</div>
 </script>
 <script id="templateSubGrupos" type="x-tmpl-mustache">
 <div class="list-group">
	@@ -99,7 +99,7 @@ botoesIni = [		@@ -99,7 +99,7 @@ botoesIni = [
99	"target": "_self"	99	"target": "_self"
100	},{	100	},{
101	"img":"applications-development-web.png",	101	"img":"applications-development-web.png",
102	- "href": "../admin",	102	+ "href": "../admin1",
103	"titulo":$trad(3,g_traducao_init),	103	"titulo":$trad(3,g_traducao_init),
104	"subtitulo": $trad("3a",g_traducao_init),	104	"subtitulo": $trad("3a",g_traducao_init),
105	"fa": "cogs",	105	"fa": "cogs",