Voy a crear el dashboard completo para "UNCA Eventos" con una estética institucional moderna. Primero actualizo los estilos globales con un tema azul universitario, y luego creo todos los componentes necesarios.
Ahora creo los componentes principales del dashboard:
Ahora creo la página principal que integra todos los componentes:
El dashboard está listo. He creado un prototipo completo de alta fidelidad para el sistema UNCA Eventos con las siguientes características:
Estructura del Dashboard:
- Sidebar colapsable con navegación: Solicitudes pendientes, Agenda de espacios, Conflictos, Historial y Reportes
- Header con notificaciones y perfil de usuario
- Diseño completamente responsive con menú móvil
Secciones implementadas:
- Solicitudes pendientes: Lista con filtros visuales por estado (semáforo), detalle completo con tabs (Datos del evento, Validación de espacio, Validación técnica, Validación ceremonial, Adjuntos, Historial) y panel de decisión final
- Agenda de espacios: Vista de eventos próximos agrupados por fecha
- Conflictos: Visualización de superposiciones de espacio con comparación de eventos
- Historial: Búsqueda y filtrado de solicitudes resueltas
- Reportes: Estadísticas con gráficos de ocupación y distribución
Interacciones incluidas:
- Modal de comparación de conflictos
- Dialog de rechazo con motivo obligatorio
- Alerta de aprobación con observaciones pendientes
- Timeline de actividad reciente
El tema visual usa un azul institucional universitario con estados semafóricos (verde/amarillo/rojo/gris) siguiendo las especificaciones solicitadas.