25 Controller colores de las SUBCARPETAS en el curso de LARAVEL (PHP y MySql) FullStack

Duración: 15 min
Módulo: 🎨 Personalización y Edición de Carpetas Lección 9 de 9

Descripción

📂 Lección 25: Controlador para Colores y Edición de Subcarpetas

Este capítulo traslada las funcionalidades de edición de nombre y cambio de color, que ya fueron implementadas para las carpetas principales, a las subcarpetas. El reto principal es asegurar que el backend y el frontend utilicen los ID correctos para actualizar solo el registro de la subcarpeta.

🛠️ Habilitación de Opciones para Subcarpetas:

  • Copia de Componentes: Se copian los componentes de diseño y funcionalidad (el menú desplegable completo, el modal de cambio de nombre y los selectores de color) desde la vista principal (index.blade.php) hacia la vista de subcarpetas (show.blade.php) [01:36].
  • Ajuste de Variables: Se realiza un ajuste crucial para que los elementos utilicen las variables de la subcarpeta ($subcarpeta->id, $subcarpeta->nombre, etc.) en lugar de las variables de la carpeta principal [02:39]. Esto garantiza la correcta visualización de la información y la diferenciación de los modales.

⚙️ Funcionalidad de Edición de Nombre (Update):

  • Ruta Específica: Se define una nueva ruta de tipo PUT en web.php (updateSubcarpeta) [04:46] para manejar las actualizaciones de nombre de las subcarpetas.
  • Controlador updateSubcarpeta: Se crea una nueva función en el CarpetaController que:
    1. Recupera el ID y el nuevo nombre del request [07:29].
    2. Busca la subcarpeta por su ID.
    3. Actualiza únicamente el campo nombre y guarda los cambios con save().
    4. Redirecciona a la vista anterior (return back()) con un mensaje de éxito [07:58].
  • Corrección de la Ruta de Formulario: Se corrige el action del formulario en el modal de la vista show para que apunte a la nueva ruta de actualización de subcarpetas [08:49].

🎨 Funcionalidad de Cambio de Color:

  • Ruta Específica para Color: De manera similar, se define una nueva ruta PUT (updateSubcarpetaColor) para el manejo del color [09:55].
  • Controlador updateSubcarpetaColor: Se crea la función correspondiente en el controlador que:
    1. Recupera el ID y el código de color del request.
    2. Busca la subcarpeta.
    3. Actualiza el campo color y guarda [11:05].
  • Reflejo Visual del Color: Se ajusta el código de la vista show para que el icono de la subcarpeta utilice la variable $subcarpeta->color [12:37], asegurando que el color guardado se refleje en la interfaz.

El video finaliza con la demostración exitosa de que las subcarpetas ahora pueden cambiar su nombre y su color de forma independiente a las carpetas principales, manteniendo la integridad de la estructura [14:36]. El próximo capítulo se centrará en la subida de archivos.