modificaciones en la usabilidad, accesibilidad, experiencia de usuario de milfs, navbar estático, colores por menús organización de elementos en el panel adminsitrador de los formularios, algo de responsive

This commit is contained in:
Hacky Purple 2018-07-01 16:31:11 -05:00
parent 17fd890e30
commit 42b9937e24
2 changed files with 610 additions and 572 deletions

View File

@ -6,6 +6,28 @@ el otro archivo css style.css que está en la carpeta milfs
padding-top: 100px;
}
#menu_milfs{
padding-left: 100px;
@media (max-width: 768px) {
#panel_administrador{
padding: 0px !important;
}
}
/* Switch button */
.btn-default.btn-on.active{background-color: #5BB75B;color: white;}
.btn-default.btn-off.active{background-color: #DA4F49;color: white;}
.btn-default.btn-on-1.active{background-color: #006FFC;color: white;}
.btn-default.btn-off-1.active{background-color: #DA4F49;color: white;}
.btn-default.btn-on-2.active{background-color: #00D590;color: white;}
.btn-default.btn-off-2.active{background-color: #A7A7A7;color: white;}
.btn-default.btn-on-3.active{color: #5BB75B;font-weight:bolder;}
.btn-default.btn-off-3.active{color: #DA4F49;font-weight:bolder;}
.btn-default.btn-on-4.active{background-color: #006FFC;color: #5BB75B;}
.btn-default.btn-off-4.active{background-color: #DA4F49;color: #DA4F49;}

View File

@ -4643,7 +4643,7 @@ $empresa ="
<div id='panel_clonar' class='panel panel-collapse collapse in panel-default' role='tabpanel' aria-labelledby='encabezado_clonar' >
<div class='panel-heading'>
<a data-parent='#accordion_accion_formulario' class='btn btn-primary' id='form_btn_clone' role='button' data-toggle='collapse' href='#panel_clone' aria-expanded='false' aria-controls='collapseExample'>
<a data-parent='#accordion_accion_formulario' class='btn btn-success' id='form_btn_clone' role='button' data-toggle='collapse' href='#panel_clone' aria-expanded='false' aria-controls='collapseExample'>
<i class='glyphicon glyphicon-clone'></i> Clonar</a> <span class='panel-title'>Se copiará la estructura del formulario pero no su contenido.</span>
</div>
<div class='panel-body collapse' id='panel_clone'>
@ -6159,7 +6159,7 @@ $consulta= " SELECT * FROM form_campos WHERE id = id $w_empresa $w_especialista
$row['campo_area']= editar_campo("form_campos","$row[id]","campo_area","","","","");
$row['activo']= editar_campo("form_campos","$row[id]","activo","","","","","");
$accion = "<a class='btn btn-default' onclick=\"xajax_formulario_crear_campo('','$row[id]','contenido');\"><i class='glyphicon glyphicon-edit'></i></a>";
$class='success';
$class='info';
}else {
$class='';
$accion ="";
@ -11849,7 +11849,7 @@ function empresa_datos($id_empresa,$tipo) {
$resultado ="
<div class='datos_empresa row ' role='row'>
<div class='col-md-2 '>
<img id='logo_empresa' class='img img-rounded img-responsive' src='http://$_SESSION[site]milfs/images/secure/?file=150/$imagen[0]'>
<img id='logo_empresa' class='img img-rounded img-responsive' src='$_SESSION[site]milfs/images/secure/?file=150/$imagen[0]'>
</div>
<div class='col-md-10 col-xs-12'>
<div class='caption text-center'>
@ -14322,7 +14322,7 @@ $crear_nuevo ="
<input type='hidden' name='div' id='div' value='atencion'>
</form>
<div class='form-group'>
<div class='btn btn-block btn-warning' OnClick=\"xajax_crear_campos_formulario(xajax.getFormValues('nuevo_campo'),'$id');\"><i class='glyphicon glyphicon-plus-sign'></i> Crear campo</div>
<div class='btn btn-block btn-primary' OnClick=\"xajax_crear_campos_formulario(xajax.getFormValues('nuevo_campo'),'$id');\"><i class='glyphicon glyphicon-plus-sign'></i> Crear campo</div>
</div>
</div>
@ -14616,7 +14616,7 @@ $columnas = intval(12/$divider);
$mover = mover_formulario($formulario,$id_empresa,"formato");
$nuevo_formulario = "
<div class='form-group'>
<a class='btn btn-primary btn-block ' href='#' onclick=\"xajax_formulario_nuevo('','contenido'); \">
<a class='btn btn-success btn-block ' href='#' onclick=\"xajax_formulario_nuevo('','contenido'); \">
<i class='glyphicon glyphicon-plus-sign-o'></i> Crear formulario </a>
</div>";
$resultado = "
@ -14727,21 +14727,35 @@ $item .= "<!-- <div class='col-sm-$columnas' style=';'> -->
<div class='panel panel-default' >
<div class='panel-heading' id= 'encabezado_$row[id]' role='tab'>
<div class='panel-title container-fluid'>
<div class='col-xs-12 col-sm-2 col-md-2 col-lg-1 alert alert-success' id='form_admin_id'>
<h2 class='text-center '>$row[id]</h2>
</div>
<div class='col-xs-12 col-sm-6' id='form_admin'>
<div class='col-xs-12 col-sm-8' id='form_admin'>
<h4>$nombre_formulario[0]</h4>
<div style='display:none' id='div_mostrar_portal_$row[id]'></div>
<ul class='list-group'>
<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>
<a class='btn btn-default ' onclick =\" xajax_formulario_importar_subir('$id') \" ><i class='glyphicon glyphicon-upload'></i> Importar</a>
<a class='btn btn-default ' href='../g$id' target='formulario'><i class='glyphicon glyphicon-floppy-disk'></i> Llenar</a>
<div class='btn btn-default btn-default' onclick=\"xajax_consultar_formulario('$row[id]','10','','modal'); \"><i class='glyphicon glyphicon-eye-open'></i> Consultar</div>
<a class='btn btn-default btn-default collapsed' role='button' data-toggle='collapse' data-parent='#acordion_grid' href='#collapse$row[id]' aria-expanded='false' aria-controls='collapse$row[id]'>
<a class='btn btn-default collapsed' role='button' data-toggle='collapse' data-parent='#acordion_grid' href='#collapse$row[id]' aria-expanded='false' aria-controls='collapse$row[id]'>
<i class='glyphicon glyphicon-edit'></i> Editar
</a>
<a class='btn btn-default collapsed text-right' role='button' data-toggle='collapse' data-parent='#acordion_grid' href='#info_form$row[id]' aria-expanded='false' aria-controls='info_form$row[id]'>
<i class='glyphicon glyphicon-info-sign'></i> Info
</a>
<a class='btn btn-default collapsed text-right' role='button' data-toggle='collapse' data-parent='#acordion_grid' href='#config_form$row[id]' aria-expanded='false' aria-controls='config_form$row[id]'>
<i class='glyphicon glyphicon-cog'></i>
</a>
</li>
<div id='config_form$row[id]' class='panel-collapse collapse' role='tabpanel' aria-labelledby='encabezado_$row[id]'>
<div class='panel-body' >
<div class='container-fluid'>
<li class='list-group-item'>
<div class='input-group'>
<span class='input-group-addon'>NO</span>
@ -14766,13 +14780,14 @@ $item .= "<!-- <div class='col-sm-$columnas' style=';'> -->
<span class='input-group-addon'>SI</span><span class='input-group-addon alert-success' id= 'div_$name'>Ver data desde el portal</span>
</div>
</li>
</div>
</div>
</div>
</ul>
</div>
<div class='col-xs-10 col-sm-5' id='form_admin_data'>
<div id='info_form$row[id]' class='panel-collapse collapse' role='tabpanel' aria-labelledby='info_form_$row[id]'>
<div class='panel-body' >
<div id='form_admin_data'>
<ul class='list-group'>
<li class='list-group-item'>Creación: $row[creacion] / $propietario[0]</li>
$cantidad
@ -14780,10 +14795,11 @@ $item .= "<!-- <div class='col-sm-$columnas' style=';'> -->
$primer
$mapa
</ul>
</div>
</div>
</div>
<div class='col-xs-2 col-sm-1 alert alert-info' id='form_admin_id'>
<h2 class='text-center '>$row[id]</h2>
</div>
</div>
@ -14795,7 +14811,7 @@ $item .= "<!-- <div class='col-sm-$columnas' style=';'> -->
<div class='row'>
<div class='col-md-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-primary' onclick=\"xajax_agregar_campos('consultar_campos','contenido','$row[id]')\">Agregar o quitar campos</div>
</div>
<!-- <div class='col-md-4'>
<a class='btn btn-primary btn-block' href='#' onclick=\"xajax_formulario_modal('$row[id]','','',''); \">Llenar</a>
@ -14898,7 +14914,7 @@ else{ $resultado .= "<div class='alert alert-warning' ><h2>No hay formularios pa
<div id='panel_administrar' class='panel panel-collapse collapse in panel-default' role='tabpanel' aria-labelledby='encabezado_administrar' >
<div class='panel-heading'>
<a data-parent='#accordion_accion_formulario' class='btn btn-primary' id='form_btn_admin' role='button' data-toggle='collapse' href='#panel_administrador' aria-expanded='false' aria-controls='collapseExample'>
<a data-parent='#accordion_accion_formulario' class='btn btn-success' id='form_btn_admin' role='button' data-toggle='collapse' href='#panel_administrador' aria-expanded='false' aria-controls='collapseExample'>
<i class='glyphicon glyphicon-bars'></i> Administrar
</a>
@ -16949,8 +16965,8 @@ function milfs(){
</li>";
$menu =
" <!-- Collect the nav links, forms, and other content for toggling -->
<div class='collapse navbar-collapse navbar-fixed-top' id='bs-example-navbar-collapse-1'>
<ul class='nav navbar-nav navbar-fixed-top' id='menu_milfs'>
<div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'>
<ul class='nav navbar-nav' id='menu_milfs'>
<li><a href='https://$url_home' target='web'><i class='glyphicon glyphicon-home'></i></a></li>
<li>$crear_campos</li>