Mockup — Roles y Permisos | Vista:
Propuesta mejorada — Secciones activas/inactivas La mejora principal está en la lectura visual del estado de cada sección: fondo azul claro cuando está visible en menú, fondo gris cuando está oculta, badge de "Visible/Oculto" con color semántico (verde/rojo en vez de verde/gris). La barra de progreso también cambia de color según porcentaje. Ver leyenda abajo.
Configuración · Roles

Permisos — Administrador

Administrador
34activas
18inactivas
52total
Leyenda:
Sección visible en menú
Sección oculta del menú
Badge rojo = explícitamente oculta
La barra de progreso es verde (100%), naranja (parcial) o gris (0%)
Módulos del sistema Controla qué módulos aparecen en el menú lateral 4 de 5 activos
Contabilidad 12/14
Remuneraciones 8/10
POS Ventas 6/15
Maquinaria 0/5
Configuración 8/9
Contabilidad 12 / 14 vistas activas
85%
Registro SII 5/5 Visible
Compras (SII)/contabilidad/registrosii/ccompras
Activa
Ventas (SII)/contabilidad/registrosii/cventas
Activa
C Honorarios/contabilidad/registrosii/hcompras
Activa
Reportes 2/3 Visible
Libro Diario/contabilidad/reportes/ldiario
Activa
Libro Mayor/contabilidad/reportes/mayor
Activa
Balance General/contabilidad/reportes/bgeneral
Inactiva
Cierre Contable 0/1 Oculto
Remuneraciones 8 / 10 vistas activas
80%
POS Ventas 6 / 15 vistas activas
40%
Cambios de estado visual clave
  • Fondo azul claro en secciones visibles (vs fondo gris actual)
  • Badge "Oculto" en rojo con ícono de ojo tachado (vs verde/gris neutro)
  • Barra de progreso: verde = 100%, naranja = parcial, gris = 0%
  • Ícono y título de sección oculta en gris + opacidad reducida
  • Badge del rol en el header del panel para contexto inmediato
Selector de módulos rediseñado Los módulos del sistema pasan de pills simples a tabs con contador y toggle integrado. Esto muestra cuántas vistas están activas por módulo de un vistazo, y el toggle de activar/desactivar el módulo es parte del mismo tab (no separado del label).