From c554b7856fbfb671296ffc24f2a2653b9b51c645 Mon Sep 17 00:00:00 2001
From: Edmar Moretti <edmar.moretti@gmail.com>
Date: Thu, 16 Apr 2015 19:25:05 +0000
Subject: [PATCH] Inclusão de filtros nos formulários de manutenção da árvore do catálogo

---
 admin/html/admin.css   |  9 +++++++++
 admin/html/arvore.html | 19 +++++++++++++++++++
 admin/js/arvore.js     |  6 +++++-
 admin/js/core.js       | 31 ++++++++++++++++++++++++++++---
 4 files changed, 61 insertions(+), 4 deletions(-)

diff --git a/admin/html/admin.css b/admin/html/admin.css
index 2df56fe..1e09101 100644
--- a/admin/html/admin.css
+++ b/admin/html/admin.css
@@ -215,6 +215,15 @@ fieldset {
 	margin: 7px;
 }
 
+select{
+	text-align: left;
+	border: 0px solid gray;
+	border-radius: 5px 5px 5px 5px;
+	box-shadow: 0 1px 3px gray;
+	background-color: rgb(250, 250, 250);
+	padding: 2px;
+}
+
 .mascaraPrincipal {
 	position: relative;
 	top: -15px;
diff --git a/admin/html/arvore.html b/admin/html/arvore.html
index cf44cdd..8f33ae4 100644
--- a/admin/html/arvore.html
+++ b/admin/html/arvore.html
@@ -13,6 +13,25 @@ body {
 	margin: 0;
 	padding: 0;
 }
+
+#Eid_tema, #Eid_subgrupo, #Eid_grupo {
+	text-align: left;
+	padding: 10px;
+	border: 0px solid gray;
+	border-radius: 5px 5px 5px 5px;
+	box-shadow: 0 1px 3px gray;
+	background-color: rgb(250, 250, 250);
+	margin: 7px;
+}
+
+#letrasDivTema #_listaDeLetras{
+	overflow: auto;
+	max-width: 349px;
+}
+#letrasDivTema p {
+	height: 10px;
+}
+
 </style>
 <script type="text/javascript" src="../js/core.js"></script>
 <script type="text/javascript" src="../js/arvore.js"></script>
diff --git a/admin/js/arvore.js b/admin/js/arvore.js
index 40d7783..70be1bb 100644
--- a/admin/js/arvore.js
+++ b/admin/js/arvore.js
@@ -41,7 +41,6 @@ i3geo/admin/js/arvore.js
 //obtem os parametros da url
 //
 YAHOO.namespace("admin.container");
-//TODO permitir escolher mais de um tema ao adicionar em um no da arvore
 (function(){
 	$id_menu = "";
 	$id_grupo = "";
@@ -671,6 +670,7 @@ function editar(tipo,id)
 					var dados = YAHOO.lang.JSON.parse(o.responseText)[0];
 					core_montaEditor("gravaDados('tema','"+id+"')","400px","400px","","Tema",true,true,false);
 					$i("editor_bd").innerHTML = montaDivTema(dados);
+					core_listaDeLetras("letrasDivTema","filtraLetraTemas");
 					core_comboTemas("comboTema","Eid_tema",dados.id_tema,"");
 					core_comboPerfis("comboPerfil","Eperfil_tema","","registraPerfil(this.value,\"En3_perfil\")");
 				}
@@ -700,6 +700,9 @@ function editar(tipo,id)
 	if(sUrl)
 	{core_makeRequest(sUrl,callback);}
 }
+function filtraLetraTemas(letra) {
+	core_filtraLetrasCombo("Eid_tema",letra);
+}
 function montaDivGrupo(i)
 {
 	var ins = "<p>Escolha o grupo para esse n&iacute;vel:</p>";
@@ -738,6 +741,7 @@ function montaDivSubGrupo(i)
 function montaDivTema(i)
 {
 	var ins = "<p>Escolha o tema para esse n&iacute;vel:</p>";
+	ins += "<div id='letrasDivTema'></div>";
 	ins += "<div id=comboTema >Buscando...</div>";
 	ins += "<p>Perfis que podem ver: </p>";
 	ins += "<input type=text id='En3_perfil' value='"+i.n3_perfil+"' style='position:relative;width:200px;float:left;'/>";
diff --git a/admin/js/core.js b/admin/js/core.js
index e1a648f..de5c6da 100644
--- a/admin/js/core.js
+++ b/admin/js/core.js
@@ -871,7 +871,7 @@ function core_comboTemas(onde,id,marcar,funcao)
 				{funcao = "";}
 				if (funcao != "")
 				{funcao = "onchange='"+funcao+"'";}
-				ins = "<select size=6 style='width:370px' id='"+id+"' "+funcao+" >";
+				ins = "<select size=6 style='width:355px' id='"+id+"' "+funcao+" >";
 				ins += core_comboObjeto(valores,"id_tema","nome_tema",marcar,"codigo_tema");
 				ins += "</select></p>";
 				$i(onde).innerHTML = ins;
@@ -1639,6 +1639,31 @@ function core_ativaforms(lista){
 		}
 	}
 }
+
+function core_filtraLetrasCombo(id,letra){
+	if (letra == "Todos") {
+		letra = "";
+	}
+	i3GEO.util.insereCookie("I3GEOletraAdmin", letra);
+	if($i("iniciaisLetras")){
+		$i("iniciaisLetras").value = letra;
+	}
+	var combo = $i(id),
+		n, i, o, v;
+	if(combo){
+		o = combo.options;
+		n = o.length;
+		letra = letra.toLowerCase();
+		for(i = 0; i < n; i++){
+			v = o[i].text.toLowerCase();
+			o[i].style.display = "block";
+			if(v.search(letra) < 0 && o[i].value != combo.value ){
+				o[i].style.display = "none";
+			}
+		}
+	}
+}
+
 function core_listaDeLetras(onde,nomeFuncao,semLetras){
 	//letraAtual guarda a ultima letra clicada
 	var o,i,ins= "<p><b>",
@@ -1659,7 +1684,7 @@ function core_listaDeLetras(onde,nomeFuncao,semLetras){
 					+ "\")' style='color:blue;cursor:pointer;padding:1px;border: 1px solid #C8C8FA'>"
 					+ letras[i] + "</span>&nbsp;";
 		}
-		ins += "</b></p>";
+		//ins += "</b></p>";
 	}
 	else{
 		ins = "";
@@ -1668,7 +1693,7 @@ function core_listaDeLetras(onde,nomeFuncao,semLetras){
 		o = document.getElementById(onde);
 		if(o){
 			if(!semLetras){
-				o.innerHTML = "<fieldset style=padding:2px; class=letras ><form id=forminiciais ><p><b>Iniciais: <input name='' onchange='' value='"+letraAtual+"' id=iniciaisLetras type=text style=width:40px;cursor:pointer /></form><div style=position:relative;top:1px; id='_listaDeLetras' >"+ins+"</div></b></p></fieldset>";
+				o.innerHTML = "<fieldset style=padding:2px; class=letras ><form id=forminiciais ><p><b>Filtro: <input name='' onchange='' value='"+letraAtual+"' id=iniciaisLetras type=text style=width:40px;cursor:pointer /></form><div style=position:relative;top:1px; id='_listaDeLetras' >"+ins+"</div></b></fieldset>";
 			}
 			else{
 				o.innerHTML = "<form id=forminiciais >Iniciais: <input name='' onchange='' value='' id=iniciaisLetras type=text style=width:40px;cursor:pointer /></form>";
--
libgit2 0.21.2