17 Diseñando Panel Control de Cronogramas | Filtros, Métricas por Sucursal y Validaciones en Laravel
Duración: 9 minDescripción
📋 Lección 17: Diseñando Panel Control de Cronogramas | Filtros, Métricas por Sucursal y Validaciones en Laravel 📊
En esta lección se diseña la vista principal (Index) del módulo de Cronogramas, convirtiéndola en un Panel de Control (Dashboard) interactivo con métricas clave, filtros de estado del personal y validaciones avanzadas para controlar la asignación de empleados activos e inactivos.
🔑 Conceptos Clave y Puntos Destacados
1. 📈 Dashboard Interno del Módulo de Cronogramas
- Métricas Principales: Se incluyen tarjetas informativas (Kpis/Widgets) que muestran en tiempo real:
- Total de personal activo e inactivo.
- Cantidad de asignaciones programadas para el día de hoy.
- Número de solicitudes de ausencias pendientes por aprobar.
- Resumen por Sucursales: Un desglose dinámico que contabiliza las asignaciones activas en cada sede o centro de monitoreo (Casa Matriz, Sede Norte, Base Aeropuerto, etc.).
2. 🛡️ Validación Estricta de Empleados Activos/Inactivos
- Inclusión en Seeder/Factory: Se actualizó la lógica del generador de datos de prueba (probado con hasta 4,000 registros) para que únicamente tomara en cuenta a los empleados que tuvieran el estado Activo.
- Filtro en Modal de Asignación: Si un empleado pasa a estar Inactivo (baja laboral o desvinculación), el sistema lo excluye automáticamente del listado desplegable al momento de programar turnos.
3. ⚙️ Módulo de Empleados: Gestión del Estado (Activo/Inactivo)
- Se agregaron ajustes al formulario de edición del empleado (edit.blade.php) y al controlador EmpleadoController@update para permitir cambiar manualmente el estado laboral.
- Si un empleado reactiva su estado a Activo, de inmediato vuelve a figurar en las opciones para asignación dentro del cronograma.
4. 📱 Diseño Adaptativo (Responsive Design)
- Comprobación del comportamiento del dashboard y de FullCalendar en dispositivos móviles.
- Aunque la asignación de turnos es más rápida y cómoda desde una computadora desktop, el modal y el calendario se ajustan responsivamente para consultas y asignaciones desde teléfonos.
