respuesta al issue #38 Mejorar usabilidad panel consulta
This commit is contained in:
parent
f7052c4573
commit
1da7e72b28
@ -60,8 +60,8 @@ body {
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
#muestraInfo>modal-body {
|
||||
background-color: red;
|
||||
#muestraInfo>.modal-body {
|
||||
background-color: red !important;
|
||||
}
|
||||
|
||||
@-webkit-keyframes animatedBackground {
|
||||
|
@ -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%;
|
||||
}
|
||||
|
@ -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 {
|
||||
|
15
index.php
15
index.php
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user