ajustes responsive layaout panel consulta y panel aplicacion para celulares pequeños
This commit is contained in:
parent
1da7e72b28
commit
3f722390a3
@ -58,6 +58,7 @@ position: absolute;
|
|||||||
}
|
}
|
||||||
|
|
||||||
#panel-consulta {
|
#panel-consulta {
|
||||||
|
padding: 0px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50px;
|
top: 50px;
|
||||||
bottom: 30px !important;
|
bottom: 30px !important;
|
||||||
@ -66,6 +67,11 @@ position: absolute;
|
|||||||
max-height: calc(100vh - 100px);
|
max-height: calc(100vh - 100px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.herramientas-buscador {
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.scroll{
|
.scroll{
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -74,7 +80,6 @@ position: absolute;
|
|||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#div_resultados{
|
#div_resultados{
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
scroll-behavior: auto;
|
scroll-behavior: auto;
|
||||||
@ -121,6 +126,49 @@ background: #e5e5e5;
|
|||||||
padding-top: 13px;
|
padding-top: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#botonera-panel-consulta{
|
||||||
|
padding-left: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#div_resultados {
|
||||||
|
padding-left: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.herramientas-buscador{
|
||||||
|
padding-left: 0px;
|
||||||
|
}
|
||||||
|
#paginador-consultas{
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#panel-aplicacion{
|
||||||
|
padding: 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.encabezado-app{
|
||||||
|
padding: 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.botonera-acciones>li>.btn.btn-default {
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datos-app{
|
||||||
|
padding-right: 0px !important;
|
||||||
|
}
|
||||||
|
.botones-editar {
|
||||||
|
margin-bottom: 3px !important;
|
||||||
|
}
|
||||||
|
.panel-app{
|
||||||
|
padding: 0px !important;
|
||||||
|
}
|
||||||
|
.panel-editar{
|
||||||
|
padding: 0px !important;
|
||||||
|
}
|
||||||
|
.email-grupo{
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
|
||||||
#modificarcampo_succesalert>.input-group-addon{
|
#modificarcampo_succesalert>.input-group-addon{
|
||||||
border: 1px solid #ccc !important;
|
border: 1px solid #ccc !important;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
|
@ -7846,7 +7846,7 @@ $xajax->registerFunction("multiempresa");
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//funciones panel consulta //
|
||||||
function array_control($form_id,$key,$valor){
|
function array_control($form_id,$key,$valor){
|
||||||
$resultado = array();
|
$resultado = array();
|
||||||
$consulta = "SELECT control FROM form_datos WHERE form_id = '$form_id' AND id_campo = $key AND contenido = '$valor' ";
|
$consulta = "SELECT control FROM form_datos WHERE form_id = '$form_id' AND id_campo = $key AND contenido = '$valor' ";
|
||||||
@ -7981,25 +7981,25 @@ $fecha = time ();
|
|||||||
<form autocomplete='off' class='form' role='form' name='peticion' id='peticion' action='' target='rss' method='post'>
|
<form autocomplete='off' class='form' role='form' name='peticion' id='peticion' action='' target='rss' method='post'>
|
||||||
|
|
||||||
<div class='row'>
|
<div class='row'>
|
||||||
<div class='col-xs-3 col-sm-12 col-md-3 col-lg-2'>
|
<div class='col-xs-3 col-sm-12 col-md-4 col-lg-2'>
|
||||||
<div class='input-group'>
|
<div class='input-group'>
|
||||||
<span class='input-group-addon'>Desde</span>
|
<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'>
|
<input value='2000-01-01' type='date' name='inicio' id='inicio' class='form-control' title='YYYY-MM-DD'>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class='col-sm-12 col-md-3 col-lg-2'>
|
<div class='col-sm-12 col-md-4 col-lg-2'>
|
||||||
<div class='input-group'>
|
<div class='input-group'>
|
||||||
<span class='input-group-addon'>Hasta</span>
|
<span class='input-group-addon'>Hasta</span>
|
||||||
<input type='date' name='fin' id='fin' class='form-control' title='YYYY-MM-DD' value='$ahora'>
|
<input type='date' name='fin' id='fin' class='form-control' title='YYYY-MM-DD' value='$ahora'>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class='col-sm-12 col-md-6 col-lg-3'>
|
<div class='col-sm-12 col-md-4 col-lg-3'>
|
||||||
<div class='input-group'>
|
<div class='input-group'>
|
||||||
<span class='input-group-addon'><i class='glyphicon glyphicon-filter'></i></span>
|
<span class='input-group-addon'><i class='glyphicon glyphicon-filter'></i></span>
|
||||||
$campos
|
$campos
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class='col-sm-12 col-md-11 col-lg-3'>
|
<div class='col-sm-10 col-md-11 col-lg-3'>
|
||||||
<div class='input-group'>
|
<div class='input-group'>
|
||||||
<span class='input-group-addon'>Texto</span>
|
<span class='input-group-addon'>Texto</span>
|
||||||
<input value='$busqueda' type=text name='busqueda' id='busqueda' placeholder='Contenido a buscar' class='form-control'>
|
<input value='$busqueda' type=text name='busqueda' id='busqueda' placeholder='Contenido a buscar' class='form-control'>
|
||||||
@ -8059,14 +8059,15 @@ $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>"; }
|
<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 = "<div id='paginador-consultas'><ul class='pagination'>$link</ul></div>";
|
$paginacion = "<div' id='paginador-consultas'><ul class='pagination'>$link</ul></div>";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$encabezado = "
|
$encabezado = "
|
||||||
<div class='row'>
|
<div class='row'>
|
||||||
<div class='col-xs-3 col-sm-6 col-md-8 col-lg-12'>
|
<div id='container-buscador-consultas' class='col-xs-3 col-sm-6 col-md-8 col-lg-12'>
|
||||||
|
|
||||||
<div id='panel-buscador' class='panel-group'>
|
<div id='panel-buscador' class='panel-group'>
|
||||||
<div id='buscador-consulta' class='panel panel-default'>
|
<div id='buscador-consulta' class='panel panel-default'>
|
||||||
<div class='panel-heading'>
|
<div class='panel-heading'>
|
||||||
@ -8077,7 +8078,7 @@ $boton_borrar = "
|
|||||||
</h4>
|
</h4>
|
||||||
</div>
|
</div>
|
||||||
<div id='collapseTwo' class='panel-collapse collapse'>
|
<div id='collapseTwo' class='panel-collapse collapse'>
|
||||||
<div class='panel-body'>
|
<div id='caja-consultas' class='panel-body'>
|
||||||
<div class='scroll'>
|
<div class='scroll'>
|
||||||
<div id='botonera-panel-consulta' class=' col-sm-12'>
|
<div id='botonera-panel-consulta' class=' col-sm-12'>
|
||||||
$peticion
|
$peticion
|
||||||
@ -8102,8 +8103,11 @@ $boton_borrar = "
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class='row'>
|
||||||
|
<div class='col-xs-3 col-sm-6 col-md-8 col-lg-12'>
|
||||||
$paginacion
|
$paginacion
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
";
|
";
|
||||||
|
|
||||||
|
|
||||||
@ -8335,7 +8339,7 @@ $datos ="$boton_descarga";
|
|||||||
$datos = $resultado;
|
$datos = $resultado;
|
||||||
}
|
}
|
||||||
$div ="contenido_de_modal";
|
$div ="contenido_de_modal";
|
||||||
$resultado = "<div class=''> $datos</div>";
|
$resultado = "<div class='herramientas-buscador'> $datos</div>";
|
||||||
$div_contenido = "<div id='$div' >$div</div>";
|
$div_contenido = "<div id='$div' >$div</div>";
|
||||||
$respuesta->addAssign("muestra_form","innerHTML","$div_contenido");
|
$respuesta->addAssign("muestra_form","innerHTML","$div_contenido");
|
||||||
//$respuesta->addAssign("titulo_modal","innerHTML","Hola mundo");
|
//$respuesta->addAssign("titulo_modal","innerHTML","Hola mundo");
|
||||||
@ -17048,22 +17052,22 @@ ${"key_escritura_".$id} = remplacetas('form_permisos','form_id',"$id",'permiso
|
|||||||
${"key_administrador_".$id} = remplacetas('form_permisos','form_id',"$id",'permiso',"id_empresa = '$_SESSION[id_empresa]' AND tipo='administrador'") ;
|
${"key_administrador_".$id} = remplacetas('form_permisos','form_id',"$id",'permiso',"id_empresa = '$_SESSION[id_empresa]' AND tipo='administrador'") ;
|
||||||
|
|
||||||
$item .= "<!-- <div class='col-sm-$columnas' style=';'> -->
|
$item .= "<!-- <div class='col-sm-$columnas' style=';'> -->
|
||||||
<div class='panel panel-default' id='panel_$row[id]'>
|
<div class='panel panel-default panel-app' id='panel_$row[id]'>
|
||||||
<div class='panel-heading' id= 'encabezado_$row[id]' role='tab'>
|
<div class='panel-heading encabezado-app' id= 'encabezado_$row[id]' role='tab'>
|
||||||
<div class='panel-title container-fluid'>
|
<div id='panel-aplicacion' class='panel-title container-fluid'>
|
||||||
|
|
||||||
<div class='col-xs-12 col-sm-12col-md-12 col-lg-12' >
|
<div class='col-xs-12 col-sm-12col-md-12 col-lg-12' >
|
||||||
<h2 >$row[id]
|
<h2 >$row[id]
|
||||||
<small>$nombre_formulario[0]</small>
|
<small>$nombre_formulario[0]</small>
|
||||||
</h2>
|
</h2>
|
||||||
<ul class='list-group col-md-6'>
|
<ul class='list-group datos-app col-md-6'>
|
||||||
<li class='list-group-item'>Creación: $row[creacion] / $propietario[0]</li>
|
<li class='list-group-item'>Creación: $row[creacion] / $propietario[0]</li>
|
||||||
$cantidad
|
$cantidad
|
||||||
$mapa
|
$mapa
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<ul class='list-group col-md-6'>
|
<ul class='list-group datos-app col-md-6'>
|
||||||
$ultimo
|
$ultimo
|
||||||
$primer
|
$primer
|
||||||
|
|
||||||
@ -17077,7 +17081,7 @@ $item .= "<!-- <div class='col-sm-$columnas' style=';'> -->
|
|||||||
|
|
||||||
|
|
||||||
<div style='display:none' id='div_mostrar_portal_$row[id]'></div>
|
<div style='display:none' id='div_mostrar_portal_$row[id]'></div>
|
||||||
<ul class='list-group'>
|
<ul class='list-group botonera-acciones'>
|
||||||
<li class='list-group-item'>
|
<li class='list-group-item'>
|
||||||
<div class='btn btn-default' onclick=\"xajax_consultar_formulario('$row[id]','10','','modal'); \"><i class='glyphicon glyphicon-eye-open'></i> Consultar</div>
|
<div class='btn btn-default' onclick=\"xajax_consultar_formulario('$row[id]','10','','modal'); \"><i class='glyphicon glyphicon-eye-open'></i> Consultar</div>
|
||||||
<a class='btn btn-default ' onclick =\" xajax_formulario_importar_subir('$id') \" ><i class='glyphicon glyphicon-upload'></i> Importar</a>
|
<a class='btn btn-default ' onclick =\" xajax_formulario_importar_subir('$id') \" ><i class='glyphicon glyphicon-upload'></i> Importar</a>
|
||||||
@ -17165,20 +17169,20 @@ $item .= "<!-- <div class='col-sm-$columnas' style=';'> -->
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div id='collapse$row[id]' class='panel-collapse collapse' role='tabpanel' aria-labelledby='encabezado_$row[id]'>
|
<div id='collapse$row[id]' class='panel-collapse collapse' role='tabpanel' aria-labelledby='encabezado_$row[id]'>
|
||||||
<div class='panel-body' >
|
<div class='panel-editar panel-body' >
|
||||||
<div class='container-fluid'>
|
<div class='container-fluid'>
|
||||||
|
|
||||||
<div class='row'>
|
<div class='row'>
|
||||||
<div class='col-md-4'>
|
<div class='botones-editar col-sm-4'>
|
||||||
<div class='btn btn-block btn-success' onclick=\"xajax_agregar_campos('consultar_campos','contenido','$row[id]','')\">Agregar o quitar campos</div>
|
<div class='btn btn-block btn-success' onclick=\"xajax_agregar_campos('consultar_campos','contenido','$row[id]','')\">Agregar o quitar campos</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class='col-md-4'>
|
<!-- <div class='botones-editar col-md-4'>
|
||||||
<a class='btn btn-primary btn-block' href='#' onclick=\"xajax_formulario_modal('$row[id]','','',''); \">Llenar</a>
|
<a class='btn btn-primary btn-block' href='#' onclick=\"xajax_formulario_modal('$row[id]','','',''); \">Llenar</a>
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class='col-md-4'>
|
<div class='botones-editar col-sm-4'>
|
||||||
<a class='btn btn-warning btn-block' href='#' onclick=\"xajax_formulario_parametrizacion($row[id],'','contenido',''); \">Parametrización</a>
|
<a class='btn btn-warning btn-block' href='#' onclick=\"xajax_formulario_parametrizacion($row[id],'','contenido',''); \">Parametrización</a>
|
||||||
</div>
|
</div>
|
||||||
<div class='col-md-4'>
|
<div class='botones-editar col-sm-4'>
|
||||||
<div id='eliminar_$row[id]'> <a class='btn btn-danger btn-block' href='#' onclick=\"xajax_formulario_eliminar($row[id],''); \"><i class='glyphicon glyphicon-trash'></i> Eliminar</a></div>
|
<div id='eliminar_$row[id]'> <a class='btn btn-danger btn-block' href='#' onclick=\"xajax_formulario_eliminar($row[id],''); \"><i class='glyphicon glyphicon-trash'></i> Eliminar</a></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -17230,7 +17234,7 @@ $item .= "<!-- <div class='col-sm-$columnas' style=';'> -->
|
|||||||
</li>
|
</li>
|
||||||
<li class='list-group-item'>
|
<li class='list-group-item'>
|
||||||
<div id='div_email_envio_$row[id]'>
|
<div id='div_email_envio_$row[id]'>
|
||||||
<div class='input-group' >
|
<div class='email-grupo input-group' >
|
||||||
<span class='input-group-addon'>Definir un email para envío</span>
|
<span class='input-group-addon'>Definir un email para envío</span>
|
||||||
<input class='form-control' id='email_envio_$row[id]' name='email_envio_$row[id]' value='$email_envio[0]'>
|
<input class='form-control' id='email_envio_$row[id]' name='email_envio_$row[id]' value='$email_envio[0]'>
|
||||||
<div class='input-group-btn'>
|
<div class='input-group-btn'>
|
||||||
|
Loading…
Reference in New Issue
Block a user