Reorganização do layout do editor de perfis

Edmar Moretti
1 parent 03d9e95a
Showing 6 changed files with 91 additions and 33 deletions Show diff stats
admin/admin.db
admin1/cadastros/perfis/exec.php
admin1/cadastros/perfis/index.js
admin1/cadastros/perfis/index.php
admin1/cadastros/tags/exec.php
admin1/cadastros/tags/index.php
@@ -28,7 +28,9 @@ include_once (dirname ( __FILE__ ) . &quot;/../../../admin/php/login.php&quot;);
 $funcoesEdicao = array (
 		"ADICIONAR",
 		"ALTERAR",
-		"EXCLUIR"
+		"EXCLUIR",
+		"LISTA",
+		"LISTAUNICO"
 );
 if (in_array ( strtoupper ( $funcao ), $funcoesEdicao )) {
 	if (verificaOperacaoSessao ( "admin/html/arvore" ) === false) {
@@ -70,6 +72,18 @@ switch ($funcao) {
 		retornaJSON ( $dados );
 		exit ();
 		break;
+	case "LISTAUNICO" :
+		$dados = pegaDados ( "SELECT id_perfil, perfil from ".$esquemaadmin."i3geoadmin_perfis WHERE id_perfil = $id_perfil", $dbh, false );
+		if ($dados === false) {
+			$dbhw = null;
+			$dbh = null;
+			header ( "HTTP/1.1 500 erro ao consultar banco de dados" );
+			exit ();
+		}
+		$dbhw = null;
+		$dbh = null;
+		retornaJSON ( $dados[0] );
+		break;
 	case "LISTA" :
 		$dados = pegaDados ( "SELECT id_perfil, perfil from ".$esquemaadmin."i3geoadmin_perfis order by lower(perfil)", $dbh, false );
 		if ($dados === false) {
@@ -27,6 +27,8 @@ i3GEOadmin.perfis = {
 		ondeLista: "",
 		//conteudo html do formulario de adicao de operacao
 		formAdiciona: "",
+		//parametros obtidos do formulario de edicao antes de abrir o modal de confirmacao
+		parametrosSalvar: "",
 		init: function(onde){
 			i3GEOadmin.perfis.ondeLista = onde;
 			i3GEOadmin.perfis.lista();
@@ -59,7 +61,7 @@ Obt&amp;eacute;m a lista de perfis
 										{
 											"data": json,
 											"onExcluir": "i3GEOadmin.perfis.excluirDialogo",//funcao
-											"onSalvar": "i3GEOadmin.perfis.salvarDialogo"//funcao
+											"onEditar": "i3GEOadmin.perfis.editarDialogo"//funcao
 										}
 								)
 						);
@@ -102,6 +104,38 @@ Obt&amp;eacute;m a lista de perfis
 				i3GEOadmin.core.mostraErro(data.status + " " +data.statusText);
 			});
 		},
+		editarDialogo: function(id){
+			i3GEOadmin.core.fechaModalGeral();
+			i3GEOadmin.core.modalAguarde(true);
+			$.post(
+					"exec.php?funcao=listaunico",
+					"id_perfil=" + id
+			)
+			.done(
+					function(data, status){
+						var json = jQuery.parseJSON(data);
+						var html = Mustache.to_html(
+								"{{#data}}" + $("#templateFormLista").html() + "{{/data}}",
+								$.extend(
+										{},
+										i3GEOadmin.perfis.dicionario,
+										{
+											"data": json,
+											"onExcluir": "i3GEOadmin.perfis.excluirDialogo",//funcao
+											"onSalvar": "i3GEOadmin.perfis.salvarDialogo"//funcao
+										}
+								)
+						);
+						i3GEOadmin.core.abreModalGeral(html);
+					}
+			)
+			.fail(
+					function(data){
+						i3GEOadmin.core.modalAguarde(false);
+						i3GEOadmin.core.mostraErro(data.status + " " +data.statusText);
+					}
+			);
+		},
 		adicionaDialogo: function(){
 			i3GEOadmin.core.abreModalGeral(i3GEOadmin.perfis.formAdiciona);
 		},
@@ -159,17 +193,18 @@ Obt&amp;eacute;m a lista de perfis
 			);
 		},
 		salvarDialogo: function(id){
+			i3GEOadmin.perfis.parametrosSalvar = $("#form-edicao-" + id).serialize();
 			var hash = {
 					"mensagem": i3GEOadmin.perfis.dicionario.confirma,
 					"onBotao1": "i3GEOadmin.perfis.salvar('"+id+"')",
 					"botao1": i3GEOadmin.perfis.dicionario.sim,
-					"onBotao2": "i3GEOadmin.core.fechaModalConfirma();",
+					"onBotao2": "i3GEOadmin.perfis.parametrosSalvar = '';i3GEOadmin.core.fechaModalConfirma();",
 					"botao2": i3GEOadmin.perfis.dicionario.nao
 			};
 			i3GEOadmin.core.abreModalConfirma(hash);
 		},
 		salvar: function(id){
-			var parametros = $("#form-" + id + " form").serialize();
+			var parametros = i3GEOadmin.perfis.parametrosSalvar;
 			i3GEOadmin.core.fechaModalGeral();
 			i3GEOadmin.core.modalAguarde(true);
 			$.post(
@@ -178,6 +213,7 @@ Obt&amp;eacute;m a lista de perfis
 			)
 			.done(
 					function(data, status){
+						i3GEOadmin.perfis.parametrosSalvar = '';
 						i3GEOadmin.core.modalAguarde(false);
 						i3GEOadmin.core.iconeAguarde(i3GEOadmin.perfis.ondeLista);
 						i3GEOadmin.perfis.lista();
@@ -185,6 +221,7 @@ Obt&amp;eacute;m a lista de perfis
 			)
 			.fail(
 					function(data){
+						i3GEOadmin.perfis.parametrosSalvar = '';
 						i3GEOadmin.core.modalAguarde(false);
 						i3GEOadmin.core.mostraErro(data.status + " " +data.statusText);
 					}
@@ -17,8 +17,8 @@ include &quot;../../head.php&quot;;
 <div class="container">
 	<div class="row center-block">
-		<div class="col-md-12">
-			<div class="well hidden" id="titulo">
+		<div class="col-md-12" id="titulo">
+			<div class="well hidden" >
 				<!--
 				<button data-toggle="modal" data-target="#ajudaPrincipal"
 					class="btn btn-primary btn-fab btn-fab-mini pull-right">
@@ -33,11 +33,6 @@ include &quot;../../head.php&quot;;
 						title="{{{filtro}}}" onchange="i3GEOadmin.core.filtra(this)" id="filtro" class="form-control input-lg">
 					</select>
 				</div>
-				<div class="row pull-right">
-					<a onclick="i3GEOadmin.perfis.adicionaDialogo();" href="javascript:void(0)"
-						class="btn btn-primary" role="button" style="color:#008579;">{{{adicionar}}}</a>
-				</div>
-				<div class="clearfix"></div>
 				<!--
 				<div id="ajudaPrincipal" class="modal fade" tabindex="-1">
 					<div class="modal-dialog">
@@ -51,6 +46,11 @@ include &quot;../../head.php&quot;;
 				-->
 			</div>
 			<div class="well hidden">
+				<div class="row pull-right">
+					<a onclick="i3GEOadmin.perfis.adicionaDialogo();" href="javascript:void(0)"
+						class="btn btn-primary" role="button" style="color:#008579;">{{{adicionar}}}</a>
+				</div>
+				<div class="clearfix"></div>
 				<div id="corpo"></div>
 			</div>
 		</div>
@@ -60,32 +60,39 @@ include &quot;../../head.php&quot;;
 <option value="form-{{id_perfil}}">{{{perfil}}}</option>
 </script>
 <script id="templateFormLista" type="x-tmpl-mustache">
-<form style="" onchange="this.style.boxShadow='2px 2px 5px 0 #009688';" class="form-horizontal" role="form"
+<form id="form-edicao-{{id_perfil}}" style="" action="#" onsubmit="{{onSalvar}}('{{id_perfil}}');return false;" onchange="this.style.boxShadow='2px 2px 5px 0 #009688';" class="form-horizontal" role="form"
 	method="post"  >
-	<div class="form-group form-group-lg">
-		<label class="col-md-2 control-label" for="perfil">{{{txtPerfil}}}</label>
-		<div class="col-md-10">
-			<input type="text" value="{{{perfil}}}" class="form-control" name="perfil" required>
+	<div class="row">
+		<div class="col-md-12">
+			<h4>{{{txtPerfil}}}</h4>
+			<div class="form-group form-group-lg">
+				<div class="col-md-10">
+					<input title="{{{perfil}}}" type="text" value="{{{perfil}}}" class="form-control" name="perfil" required>
+				</div>
+			</div>
 		</div>
 	</div>
+	<div class="pull-right">
+		<button type="submit" class="btn btn-primary" role="button" style="color:#008579;">{{salvar}}</button>
+	</div>
 	<div class="clearfix"></div>
 </form>
 </script>
 <script id="templateLista" type="x-tmpl-mustache">
-	<div class="panel panel-default" id="form-{{id_perfil}}">
-		<div class="panel-body">
-			<div class="row">
-				<div class="col-md-12">
-					{{{templateFormLista}}}
-					<div class="pull-right">
-						<a href="javascript:void(0)" onclick="{{onExcluir}}('{{id_perfil}}')" class="btn btn-danger"
-							style="color:#e13023;" role="button">{{excluir}}</a>
-						<a href="javascript:void(0)"
-							onclick="{{onSalvar}}('{{id_perfil}}')" class="btn btn-primary" role="button" style="color:#008579;">{{salvar}}</a>
-					</div>
-				</div>
-			</div>
+	<div class="list-group-item" id="form-{{id_perfil}}">
+		<div class="row-content">
+				<h3 class="list-group-item-heading {{escondido}}">
+					{{{perfil}}}
+					<a href="javascript:void(0)" onclick="{{onEditar}}('{{id_perfil}}')" class="btn btn-danger btn-fab btn-fab-mini pull-right" role="button">
+						<i class="material-icons md-18">edit</i>
+					</a>
+					<span class="pull-right">&nbsp;&nbsp;</span>
+					<a href="javascript:void(0)" onclick="{{onExcluir}}('{{id_perfil}}')" class="btn btn-danger btn-fab btn-fab-mini pull-right" role="button">
+						<i class="material-icons md-18">delete_forever</i>
+					</a>
+				</h3>
 		</div>
+		<div class="list-group-separator"></div>
 	</div>
 </script>
@@ -82,7 +82,7 @@ switch ($funcao) {
 		}
 		$dbhw = null;
 		$dbh = null;
-		retornaJSON ( $dados );
+		retornaJSON ( $dados[0] );
 		break;
 	case "LISTA" :
 		$dados = pegaDados ( "SELECT id_tag, nome from ".$esquemaadmin."i3geoadmin_tags order by lower(nome)", $dbh, false );
@@ -66,8 +66,7 @@ include &quot;../../head.php&quot;;
 		<div class="col-md-12">
 			<h4>Tag</h4>
 			<div class="form-group form-group-lg">
-				<label class="col-md-2 control-label" for="nome" >{{{nome}}}</label>
-				<div class="col-md-10">
+				<div class="col-md-12">
 					<input title="{{{nome}}}" type="text" value="{{{nome}}}" class="form-control" name="nome" required>
 				</div>
 			</div>
@@ -94,7 +93,8 @@ include &quot;../../head.php&quot;;
 		</h3>
 	</div>
 	<div class="list-group-separator"></div>
-</div></script>
+</div>
+</script>
 <script type="text/javascript" src="index.js"></script>
 <script type="text/javascript" src="../../dicionario/tags.js"></script>
	@@ -28,7 +28,9 @@ include_once (dirname ( __FILE__ ) . "/../../../admin/php/login.php");		@@ -28,7 +28,9 @@ include_once (dirname ( __FILE__ ) . "/../../../admin/php/login.php");
28	$funcoesEdicao = array (	28	$funcoesEdicao = array (
29	"ADICIONAR",	29	"ADICIONAR",
30	"ALTERAR",	30	"ALTERAR",
31	- "EXCLUIR"	31	+ "EXCLUIR",
		32	+ "LISTA",
		33	+ "LISTAUNICO"
32	);	34	);
33	if (in_array ( strtoupper ( $funcao ), $funcoesEdicao )) {	35	if (in_array ( strtoupper ( $funcao ), $funcoesEdicao )) {
34	if (verificaOperacaoSessao ( "admin/html/arvore" ) === false) {	36	if (verificaOperacaoSessao ( "admin/html/arvore" ) === false) {
	@@ -70,6 +72,18 @@ switch ($funcao) {		@@ -70,6 +72,18 @@ switch ($funcao) {
70	retornaJSON ( $dados );	72	retornaJSON ( $dados );
71	exit ();	73	exit ();
72	break;	74	break;
		75	+ case "LISTAUNICO" :
		76	+ $dados = pegaDados ( "SELECT id_perfil, perfil from ".$esquemaadmin."i3geoadmin_perfis WHERE id_perfil = $id_perfil", $dbh, false );
		77	+ if ($dados === false) {
		78	+ $dbhw = null;
		79	+ $dbh = null;
		80	+ header ( "HTTP/1.1 500 erro ao consultar banco de dados" );
		81	+ exit ();
		82	+ }
		83	+ $dbhw = null;
		84	+ $dbh = null;
		85	+ retornaJSON ( $dados[0] );
		86	+ break;
73	case "LISTA" :	87	case "LISTA" :
74	$dados = pegaDados ( "SELECT id_perfil, perfil from ".$esquemaadmin."i3geoadmin_perfis order by lower(perfil)", $dbh, false );	88	$dados = pegaDados ( "SELECT id_perfil, perfil from ".$esquemaadmin."i3geoadmin_perfis order by lower(perfil)", $dbh, false );
75	if ($dados === false) {	89	if ($dados === false) {
	@@ -82,7 +82,7 @@ switch ($funcao) {		@@ -82,7 +82,7 @@ switch ($funcao) {
82	}	82	}
83	$dbhw = null;	83	$dbhw = null;
84	$dbh = null;	84	$dbh = null;
85	- retornaJSON ( $dados );	85	+ retornaJSON ( $dados[0] );
86	break;	86	break;
87	case "LISTA" :	87	case "LISTA" :
88	$dados = pegaDados ( "SELECT id_tag, nome from ".$esquemaadmin."i3geoadmin_tags order by lower(nome)", $dbh, false );	88	$dados = pegaDados ( "SELECT id_tag, nome from ".$esquemaadmin."i3geoadmin_tags order by lower(nome)", $dbh, false );