respuesta al issue #38 Mejorar usabilidad panel consulta

This commit is contained in:
Hacky Purple 2020-05-06 15:46:11 -05:00
parent f7052c4573
commit 1da7e72b28
4 changed files with 182 additions and 71 deletions

View File

@ -60,8 +60,8 @@ body {
z-index: 10000;
}
#muestraInfo>modal-body {
background-color: red;
#muestraInfo>.modal-body {
background-color: red !important;
}
@-webkit-keyframes animatedBackground {

View File

@ -14,6 +14,95 @@ el otro archivo css style.css que está en la carpeta milfs
display: block;
}
/* Portal Consulta*/
#muestraInfo {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
#modal-panel-consulta{
position: fixed;
margin: 0;
width: 100% !important;
height: 100%;
padding: 0;
}
#contenido-panel-consulta {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 0;
box-shadow: none;
}
#header-panel-consulta{
position: absolute;
top: 0;
right: 0;
left: 0;
height: 50px;
padding: 10px;
background: #e5e5e5;
border: 0;
}
#panel-buscador {
margin-bottom: 0px !important;
}
#panel-consulta {
position: absolute;
top: 50px;
bottom: 30px !important;
display: flex;
width: 100%;
max-height: calc(100vh - 100px);
}
.scroll{
overflow-y: auto;
cursor: pointer;
}
.acciones-consulta>a {
margin-bottom: 3px;
}
#div_resultados{
height: auto !important;
scroll-behavior: auto;
}
#pie_modal{
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 50px;
padding: 12px;
background: #e5e5e5;
}
.panel-heading .glyphicon {
transition: .3s transform ease-in-out;
}
.panel-heading .collapsed .glyphicon {
transform: rotate(90deg);
}
.input-group {
padding-bottom: 10px;
}
/*Fin panel consulta*/
#canvas-holder_$tipo_$id_campo{
max-width:100%;
}

View File

@ -7980,42 +7980,40 @@ $fecha = time ();
$peticion = "
<form autocomplete='off' class='form' role='form' name='peticion' id='peticion' action='' target='rss' method='post'>
<div class='row'>
<div class='col-lg-3'>
<div class='col-xs-3 col-sm-12 col-md-3 col-lg-2'>
<div class='input-group'>
<span class='input-group-addon'>Inicio</span>
<input value = '2000-01-01' type='date' name='inicio' id='inicio' class='form-control' title='YYYY-MM-DD'>
<span class='input-group-addon'>Desde</span>
<input value='2000-01-01' type='date' name='inicio' id='inicio' class='form-control' title='YYYY-MM-DD'>
</div>
</div>
<div class='col-lg-3'>
<div class='col-sm-12 col-md-3 col-lg-2'>
<div class='input-group'>
<span class='input-group-addon'>Fin</span>
<input type='date' name='fin' id='fin' class='form-control' title='YYYY-MM-DD' value='$ahora' >
<span class='input-group-addon'>Hasta</span>
<input type='date' name='fin' id='fin' class='form-control' title='YYYY-MM-DD' value='$ahora'>
</div>
</div>
<div class='col-lg-2'>
<div class='input-group'>
<span class='input-group-addon'>Frase</span>
<input value='$busqueda' type=text name='busqueda' id='busqueda' placeholder='Cadena de busqueda' class='form-control' >
</div>
</div>
<div class='col-lg-3'>
<div class='col-sm-12 col-md-6 col-lg-3'>
<div class='input-group'>
<span class='input-group-addon'><i class='glyphicon glyphicon-filter'></i></span>
$campos
</div>
</div>
<div class='col-sm-12 col-md-11 col-lg-3'>
<div class='input-group'>
<span class='input-group-addon'>Texto</span>
<input value='$busqueda' type=text name='busqueda' id='busqueda' placeholder='Contenido a buscar' class='form-control'>
</div>
</div>
<div class='col-lg-1'>
<input type='hidden' value='$id_form' id='id_form' name ='id_form'>
<input type='hidden' value='$id_form' id='id_form' name='id_form'>
<div class='btn btn-default' OnClick=\"xajax_consultar_formulario(xajax.getFormValues('peticion'),'10','','filtro');\"><i class='glyphicon glyphicon-search'></i></div>
</div>
</div>
</form>
";
/////// FILTRO
@ -8061,13 +8059,27 @@ $boton_borrar = "
<li class=''><a title='Cambiar a la pagina $pages' onClick=\"xajax_consultar_formulario(xajax.getFormValues('peticion'),'$registros','$pages','');\"' style='cursor:pointer'><i class='glyphicon glyphicon-step-forward'></i> </a></li>"; }
}
$paginacion = "<ul class='pagination '>$link</ul>";
$paginacion = "<div id='paginador-consultas'><ul class='pagination'>$link</ul></div>";
$encabezado = " <div class='row'>
<div class='col-sm-12'>
$encabezado = "
<div class='row'>
<div class='col-xs-3 col-sm-6 col-md-8 col-lg-12'>
<div id='panel-buscador' class='panel-group'>
<div id='buscador-consulta' class='panel panel-default'>
<div class='panel-heading'>
<h4 class='panel-title'>
<a class='accordion-toggle' data-toggle='collapse' data-parent='#accordion' href='#collapseTwo'>
<i class='glyphicon glyphicon-chevron-right pull-right'> </i> Herramienta Buscador
</a>
</h4>
</div>
<div id='collapseTwo' class='panel-collapse collapse'>
<div class='panel-body'>
<div class='scroll'>
<div id='botonera-panel-consulta' class=' col-sm-12'>
$peticion
</div>
</div>
@ -8079,16 +8091,28 @@ $boton_borrar = "
<li role='presentation'>$boton_exportar</li>
</ul>
$paginacion
<a class='accordion-toggle' data-toggle='collapse' data-parent='#accordion' href='#collapseTwo'>
<i class='fa fa-chevron-up pull-right'></i>
</a>
</div>
</div>";
</div>
</div>
</div>
</div>
</div>
</div>
</div>
$paginacion
";
$total_registros = mysqli_num_rows($sql);
$nombres_campos = listar_campos_formulario("$id_form","nombres");
foreach($nombres_campos as $campo_nombre=>$nombre){
$listado_nombres .= "<th>$nombre</th>";
}
$listado_nombres = "<tr><th class='actions' ></th><th>Identificador</th><th></th><th>Respuestas</th>$listado_nombres </tr>";
$listado_nombres = "<tr><th class='actions' ></th><th id='id_consultas'>Identificador</th><th>Respuestas</th>$listado_nombres </tr>";
$listado_campos = listar_campos_formulario("$id_form",'');
while( $row = mysqli_fetch_array( $sql ) ) {
@ -8206,19 +8230,19 @@ foreach($campos as $campo=>$valor){
<div class='container-fluid'>
<div class='row'>
<div class='col-md-12'>
<a class='btn btn-default btn-xs' target='form' href='../I$row[control]'><i class='glyphicon glyphicon-eye-open'></i> Plantilla</a>
<div class='acciones-consulta col-md-12'>
<a class='btn btn-default btn-xs ' target='form' style='width: 100%; text-align: left;' href='../I$row[control]'><i class='glyphicon glyphicon-eye-open'></i> Plantilla</a>
</div>
<div class='col-md-12' >
<div class='acciones-consulta col-md-12' >
$areas
<div id='areas_$row[control]'></div>
</div>
</div >
<div class='row'>
<div class='col-md-12'>
<a title='Editar' class='btn btn-default btn-xs' onclick=\"xajax_formulario_embebido_ajax('','$row[form_id]','$row[control]','edit'); \"><i class='glyphicon glyphicon-pencil'></i> E</a>
<a title='Borrar' class='btn btn-default btn-xs' onclick=\"xajax_eliminar_identificador('$row[control]','','$row[form_id]'); \" href='#'><i class='glyphicon glyphicon-trash'></i> B</a>
<a title='Clonar' class='btn btn-default btn-xs' onclick=\"xajax_clonar_identificador('$row[control]',''); \" href='#'><i class='glyphicon glyphicon-clone'></i> C</a>
<div class='acciones-consulta col-md-12'>
<a title='Editar' class='btn btn-danger btn-xs' onclick=\"xajax_formulario_embebido_ajax('','$row[form_id]','$row[control]','edit'); \"><i class='glyphicon glyphicon-pencil'></i> E</a>
<a title='Borrar' class='btn btn-default btn-xs pull-right' onclick=\"xajax_eliminar_identificador('$row[control]','','$row[form_id]'); \" href='#'><i class='glyphicon glyphicon-trash'></i> B</a>
<a title='Clonar' class='btn btn-default btn-xs' style='width: 100%; text-align: left;' onclick=\"xajax_clonar_identificador('$row[control]',''); \" href='#'><i class='glyphicon glyphicon-retweet'></i> Clonar</a>
<div id='eliminar_$row[control]'></div>
<div id='clonar_$row[control]'></div>
</div>
@ -8244,7 +8268,7 @@ foreach($campos as $campo=>$valor){
</td>";
$lineas .= " <tr>$menu<td>$row[control]</td>$listado_campos</tr>";
$lineas .= " <tr>$menu<td style='word-break: break-all;'>$row[control]</td>$listado_campos</tr>";
}
@ -8264,6 +8288,7 @@ $encabezado
$tabla
</div>
$paginacion
";
}
else {

View File

@ -291,20 +291,17 @@ echo "</div>";
<!-- Modal -->
<div class='modal fade ' id='muestraInfo' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
<div class='modal-dialog' >
<div class='modal-content'>
<button type='button' class='close' data-dismiss='modal' aria-hidden='true'><i class='fa fa-times-circle'></i></button>
<div class='modal-header' >
<h4 class='modal-title' id='myModalLabel_info'><div id='titulo_modal'></div></h4>
<div id='modal-panel-consulta' class='modal-dialog' >
<div id='contenido-panel-consulta' class='modal-content'>
<div id='header-panel-consulta' class='modal-header' >
<button type='button' class='close' data-dismiss='modal' aria-hidden='true'><i class='glyphicon glyphicon-remove'></i> </button>
<h4 class='modal-title' id='myModalLabel_info'><div id='titulo_modal'></div>Panel Consulta</h4>
</div>
<div class='modal-body'>
<div id='panel-consulta' class='modal-body'>
<?php include("psi.php") ;?>
<div id='muestra_form'></div>
</div>
<div class='modal-footer' id='pie_modal'>
</div>
</div>
</div>