42 Modificando el DASHBOARD en el curso de LARAVEL 10 Sistema de control de asistencia

Duración: 22 min
Módulo: Módulos Secundarios y Funcionalidad Clave 🧩 Lección 3 de 8

Descripción

🎬 Lección 42: ⚙️ Modificando el DASHBOARD (Página Principal)

Enlace del Video: https://youtu.be/ct446LP0yU0

💡 Enfoque Principal:

Crear el AdminController y modificar la vista principal para mostrar estadísticas clave (total de Miembros y Ministerios) usando los componentes de AdminLTE.

1. Corrección Pendiente (Miembros)

El video comienza corrigiendo un detalle del formulario de creación de miembros para asegurar la persistencia de datos:

  • Retención de Datos en Select: Se ajusta la vista miembros/create.blade.php para que, en caso de un error de validación, el campo Género retorne y seleccione automáticamente el valor que el usuario había ingresado previamente.
  • Implementación: Esto se logra usando la directiva @selected de Blade dentro de las opciones (<option>) para comparar el valor retornado por la función old('genero') [02:30].

2. Implementación del Dashboard Estático

Para poblar la página principal (el dashboard) con información dinámica, se realizaron los siguientes pasos:

A. Creación del Controlador Principal

  1. Generación del Controlador: Se crea un nuevo controlador llamado AdminController mediante el comando php artisan make:controller AdminController [12:35].
  2. Definición de Ruta: Se modifica la ruta principal (/) en routes/web.php para que apunte al método index del nuevo AdminController, reemplazando la ruta por defecto [13:28].

B. Obtención de Datos

Dentro del método index del AdminController, se realizan dos consultas para obtener todos los registros de los módulos ya creados:

  • Ministerios: Se utiliza $ministerios = Ministerio::all(); para recuperar todos los registros [15:07].
  • Miembros: Se utiliza $miembros = Miembro::all(); para recuperar todos los registros [20:09].
  • Envío a la Vista: Ambas colecciones ($ministerios y $miembros) se envían a la vista index.blade.php para su procesamiento [20:25].

C. Diseño y Visualización en la Vista

  1. Uso de Small Box: Se utiliza el componente de diseño "Small Box" de la plantilla AdminLTE (cajas con color e iconos) para mostrar el resumen de datos [04:00].
  2. Conteo en la Vista: En la vista principal (index.blade.php), se inicializa una variable contadora. Luego, se usa un loop @foreach sobre cada colección enviada desde el controlador para contar manualmente el total de registros de Ministerios y Miembros [16:28].
  3. Resultado: Se muestra el conteo de cada módulo en su respectiva caja y se ajusta el estilo con colores (por ejemplo, bg-success y bg-info) y enlaces para redirigir a las páginas de listado de Miembros y Ministerios [18:36].