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; padding-top: 100px;
} }
#menu_milfs{ @media (max-width: 768px) {
padding-left: 100px; #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 id='panel_clonar' class='panel panel-collapse collapse in panel-default' role='tabpanel' aria-labelledby='encabezado_clonar' >
<div class='panel-heading'> <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> <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>
<div class='panel-body collapse' id='panel_clone'> <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['campo_area']= editar_campo("form_campos","$row[id]","campo_area","","","","");
$row['activo']= editar_campo("form_campos","$row[id]","activo","","","","",""); $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>"; $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 { }else {
$class=''; $class='';
$accion =""; $accion ="";
@ -11849,7 +11849,7 @@ function empresa_datos($id_empresa,$tipo) {
$resultado =" $resultado ="
<div class='datos_empresa row ' role='row'> <div class='datos_empresa row ' role='row'>
<div class='col-md-2 '> <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>
<div class='col-md-10 col-xs-12'> <div class='col-md-10 col-xs-12'>
<div class='caption text-center'> <div class='caption text-center'>
@ -14322,7 +14322,7 @@ $crear_nuevo ="
<input type='hidden' name='div' id='div' value='atencion'> <input type='hidden' name='div' id='div' value='atencion'>
</form> </form>
<div class='form-group'> <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>
</div> </div>
@ -14616,7 +14616,7 @@ $columnas = intval(12/$divider);
$mover = mover_formulario($formulario,$id_empresa,"formato"); $mover = mover_formulario($formulario,$id_empresa,"formato");
$nuevo_formulario = " $nuevo_formulario = "
<div class='form-group'> <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> <i class='glyphicon glyphicon-plus-sign-o'></i> Crear formulario </a>
</div>"; </div>";
$resultado = " $resultado = "
@ -14727,21 +14727,35 @@ $item .= "<!-- <div class='col-sm-$columnas' style=';'> -->
<div class='panel panel-default' > <div class='panel panel-default' >
<div class='panel-heading' id= 'encabezado_$row[id]' role='tab'> <div class='panel-heading' id= 'encabezado_$row[id]' role='tab'>
<div class='panel-title container-fluid'> <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> <h4>$nombre_formulario[0]</h4>
<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'>
<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>
<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>
<a class='btn btn-default ' href='../g$id' target='formulario'><i class='glyphicon glyphicon-floppy-disk'></i> Llenar</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 <i class='glyphicon glyphicon-edit'></i> Editar
</a> </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> </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'> <li class='list-group-item'>
<div class='input-group'> <div class='input-group'>
<span class='input-group-addon'>NO</span> <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> <span class='input-group-addon'>SI</span><span class='input-group-addon alert-success' id= 'div_$name'>Ver data desde el portal</span>
</div> </div>
</li> </li>
</div>
</div>
</div>
</ul> </ul>
<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'>
</div>
<div class='col-xs-10 col-sm-5' id='form_admin_data'>
<ul class='list-group'> <ul class='list-group'>
<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
@ -14780,10 +14795,11 @@ $item .= "<!-- <div class='col-sm-$columnas' style=';'> -->
$primer $primer
$mapa $mapa
</ul> </ul>
</div>
</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>
</div> </div>
@ -14795,7 +14811,7 @@ $item .= "<!-- <div class='col-sm-$columnas' style=';'> -->
<div class='row'> <div class='row'>
<div class='col-md-4'> <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>
<!-- <div class='col-md-4'> <!-- <div class='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>
@ -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 id='panel_administrar' class='panel panel-collapse collapse in panel-default' role='tabpanel' aria-labelledby='encabezado_administrar' >
<div class='panel-heading'> <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 <i class='glyphicon glyphicon-bars'></i> Administrar
</a> </a>
@ -16949,8 +16965,8 @@ function milfs(){
</li>"; </li>";
$menu = $menu =
" <!-- Collect the nav links, forms, and other content for toggling --> " <!-- Collect the nav links, forms, and other content for toggling -->
<div class='collapse navbar-collapse navbar-fixed-top' id='bs-example-navbar-collapse-1'> <div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'>
<ul class='nav navbar-nav navbar-fixed-top' id='menu_milfs'> <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><a href='https://$url_home' target='web'><i class='glyphicon glyphicon-home'></i></a></li>
<li>$crear_campos</li> <li>$crear_campos</li>