17 Mostrar opciones de carpeta en el curso de Sistema de Gestión de archivos LARAVEL (PHP y MySql)

Duración: 14 min
Módulo: 🎨 Personalización y Edición de Carpetas Lección 1 de 9
Anterior
16 Mostrar solo las CARPETAS padre en el curso de LARAVEL (PHP y MySql) FullStack
Siguiente
18 Mostrar menú de la carpeta en el curso de sistema de gestión de archivos con LARAVEL- PHP y MySql

Descripción

✨ Lección 17: Rediseño del Componente de Carpeta y Opciones de Gestión

Este capítulo se dedica a mejorar la experiencia del usuario (UX) mediante la creación de un nuevo diseño para las carpetas. El objetivo es proporcionar un espacio visualmente más atractivo y funcional, que integre un menú de opciones para acciones como editar, eliminar o descargar.

🎨 Diseño del Nuevo Componente de Carpeta (Frontend):

  • Estructura Personalizada: Se abandona el diseño preestablecido de AdminLTE por un nuevo widget de carpeta basado en una estructura de columnas de Bootstrap [01:22].
  • Distribución de Columnas: Se utiliza una fila interna (row) para dividir el espacio de la carpeta en tres secciones con distribución de columnas ajustada:
    • Ícono: Ocupa 2 columnas para el ícono del folder [07:43].
    • Nombre: Ocupa 8 columnas para el nombre de la carpeta, asegurando espacio para nombres largos [07:51].
    • Opciones: Ocupa 2 columnas para el botón de menú desplegable [07:58].
  • Estilización: Se aplica un estilo personalizado con un background blanco, un borde suave de 1 píxel y un border-radius de 10 píxeles para mejorar la presentación [04:54].

⚙️ Implementación del Menú de Opciones:

  • Menú Desplegable (Dropdown): Se integra un componente Dropdown de Bootstrap, que actúa como el menú de opciones [09:18].
  • Personalización del Botón: Se elimina el estilo de botón predeterminado del dropdown para que se vea limpio y se reemplaza con un ícono de tres puntos (fa-ellipsis-v) [11:14], similar a los sistemas de gestión de archivos modernos (como Google Drive).
  • Funcionalidad Futura: El menú está preparado para contener las opciones de editar y eliminar la carpeta [00:57], funciones que se implementarán en videos posteriores.

El capítulo concluye con la integración exitosa del nuevo diseño dentro del bucle @foreach [13:22], lo que hace que todas las carpetas padre adopten la nueva apariencia funcional y totalmente responsive [14:06].

$0.00
Iniciar sesión para inscribirse

Lecciones

⚙️ Configuración e Inicialización
Lección 1. 01 Presentación al curso de Sistema de gestión de archivos con LARAVEL (PHP y MySql) FullStack 6 min
Lección 2. 02 Módulo ajuste de login personalizado con LARAVEL (PHP y MySql) FullStack 25 min
Lección 3. 03 Como instalar Animate.css en el curso con LARAVEL (PHP y MySql) FullStack 13 min
Lección 4. 04 Registro personalizado en el curso de LARAVEL (PHP y MySql) FullStack 14 min
Lección 5. 05 Como hacer inicio de sesión de forma automatica despues del registro LARAVEL (PHP y MySql) 8 min
🏗️ Modelos de Datos y Controladores
Lección 1. 06 Creación del modelo CARPETAS en el curso de LARAVEL (PHP y MySql) FullStack 15 min
Lección 2. 07 Creación del modelo ARCHIVOS en el curso de LARAVEL (PHP y MySql) FullStack 7 min
Lección 3. 08 Modelo entidad relación en el curso con LARAVEL (PHP y MySql) FullStack 9 min
Lección 4. 09 Crear controladores en el curso de sistema de gestión de archivos con LARAVEL (PHP y MySql) 10 min
📁 Gestión y Navegación de Carpetas
Lección 1. 10 Crear ventana modal para el registro de carpetas en el curso con LARAVEL (PHP y MySql) FullStack 8 min
Lección 2. 11 Crear carpetas en el curso de sistema de gestión de archivos con LARAVEL (PHP y MySql) FullStack 10 min
Lección 3. 12 Mostrar CARPETAS creadas en el curso de LARAVEL (PHP y MySql) FullStack 8 min
Lección 4. 13 Ingresar a las CARPETAS en el curso de LARAVEL (PHP y MySql) FullStack 12 min
Lección 5. 14 Crear SUBCARPETAS en el sistema de gestión de archivos en el curso de LARAVEL (PHP y MySql) 10 min
Lección 6. 15 Mostrar SUBCARPETAS creadas en el curso de LARAVEL (PHP y MySql) FullStack 10 min
Lección 7. 16 Mostrar solo las CARPETAS padre en el curso de LARAVEL (PHP y MySql) FullStack 8 min
🎨 Personalización y Edición de Carpetas
Lección 1. 17 Mostrar opciones de carpeta en el curso de Sistema de Gestión de archivos LARAVEL (PHP y MySql) 14 min
Lección 2. 18 Mostrar menú de la carpeta en el curso de sistema de gestión de archivos con LARAVEL- PHP y MySql 9 min
Lección 3. 19 Ventana modal para CAMBIAR NOMBRE a la carpeta en el curso de LARAVEL (PHP y MySql) FullStack 7 min
Lección 4. 20 Controller actualizar el nombre de la CARPETA en el curso de LARAVEL (PHP y MySql) FullStack 11 min
Lección 5. 21 Incorporar Tooltips en las CARPETA en el curso de LARAVEL (PHP y MySql) FullStack 5 min
Lección 6. 22 Menú opción de carpetas de colores en el curso de LARAVEL (PHP y MySql) FullStack 8 min
Lección 7. 23 Actualizar el color de la CARPETA en el curso de LARAVEL (PHP y MySql) FullStack 12 min
Lección 8. 24 Controller actualizar los 4 colores de las carpetas en el curso d LARAVEL (PHP y MySql) FullStack 5 min
Lección 9. 25 Controller colores de las SUBCARPETAS en el curso de LARAVEL (PHP y MySql) FullStack 15 min
📤 Carga y Almacenamiento de Archivos
Lección 1. 26 Como instalar Dropzone.js para subir archivos en el curso de LARAVEL (PHP y MySql) FullStack 12 min
Lección 2. 27 Uploads de archivos a las carpetas en el fomulario en el curso de LARAVEL (PHP y MySql) FullStack 16 min
Lección 3. 28 Uploads de archivos a las carpetas de forma PÚBLICA Y PRIVADO curso de LARAVEL (PHP y MySql) 10 min
Lección 4. 29 Como registrar archivos en la BASE de DATOS en el curso de LARAVEL (PHP y MySql) FullStack 9 min
📄 Listado y Visualización de Archivos
Lección 1. 30 Como mostrar los archivos de la BD en las carpetas en el curso de LARAVEL (PHP y MySql) FullStack 10 min
Lección 2. 31 Como listar los archivos de la BD en las carpetas en el curso de LARAVEL (PHP y MySql) FullStack 8 min
Lección 3. 32 Como poner iconos de cada archivos en las carpetas del curso de LARAVEL (PHP y MySql) FullStack 12 min
Lección 4. 33 Como hacer un visor de imágenes en las carpetas en el curso de LARAVEL (PHP y MySql) FullStack 11 min
Lección 5. 34 Como hacer un visor de PDF en las carpetas en el curso de LARAVEL (PHP y MySql) FullStack (2) 8 min
Lección 6. 35 Como hacer un visor de archivos DOCX y descargarlo en el curso de LARAVEL (PHP y MySql) FullStack 8 min
Lección 7. 36 Como hacer un visor VIDEOS Y AUDIOS en el curso de LARAVEL (PHP y MySql) FullStack 10 min
🗑️ Eliminación y Seguridad de Archivos
Lección 1. 37 Como eliminar los archivos en directorio y base de datos de LARAVEL (PHP y MySql) FullStack 18 min
Lección 2. 38 Módelo entidad relación USUARIOS - CARPETAS en el curso de LARAVEL (PHP y MySql) FullStack 9 min
Lección 3. 39 Mostrar solo carpetas de USUARIOS AUTENTICADOS en el curso de LARAVEL (PHP y MySql) FullStack 14 min
Lección 4. 40 Subir archivos de forma privada en el servidor en el curso de LARAVEL (PHP y MySql) FullStack 13 min
Lección 5. 41 Como mostrar archivos de manera privada en el curso de LARAVEL (PHP y MySql) FullStack 12 min
Lección 6. 42 Verificar auth Permisos para acceder al archivo en el curso de LARAVEL (PHP y MySql) FullStack 9 min
🔗 Opciones de Compartición y Privacidad
Lección 1. 43 Módulo compartir archivo de PRIVADO a PÚBLICO en el curso de LARAVEL (PHP y MySql) FullStack 11 min
Lección 2. 44 Diseño para compartir archivo de PRIVADO a PÚBLICO en el curso de LARAVEL (PHP y MySql) FullStack 13 min
Lección 3. 45 Cambiar estado del archivo PRIVADO a PÚBLICO en el curso de LARAVEL (PHP y MySql) FullStack 10 min
Lección 4. 46 Mover Archivo de Privado a Público en el Curso FullStack de Laravel (PHP y MySQL) 7 min
Lección 5. 47 Mover el archivo de PÚBLICO a PRIVADO en el curso de LARAVEL (PHP y MySql) FullStack 11 min
Lección 6. 48 Copiar vinculo para compartir de forma automática en el curso de LARAVEL (PHP y MySql) FullStack 12 min
Lección 7. 49 Generar Código QR para compartir el archivo en el curso de LARAVEL (PHP y MySql) FullStack 12 min
🧹 Mantenimiento del Sistema
Lección 1. 50 Como eliminar las carpetas en base de datos en el curso de LARAVEL (PHP y MySql) FullStack 15 min
Lección 2. 51 Como eliminar carpetas privadas y publicas en el curso de LARAVEL (PHP y MySql) FullStack 12 min
👑 Roles, Permisos y Panel de Control
Lección 1. 52 ROLES Y PERMISOS en el curso de LARAVEL (PHP y MySql) FullStack 8 min
Lección 2. 53 Roles del sistema para los permisos en el curso de LARAVEL (PHP y MySql) FullStack 13 min
Lección 3. 54 Permisos en las rutas y vistas en el curso de LARAVEL (PHP y MySql) FullStack 15 min
Lección 4. 55 Panel administrador y usuario con roles y permisos en el curso de LARAVEL (PHP y MySql) FullStack 16 min

Apoya este proyecto

Si te gusta nuestro contenido, ¡apóyanos con una donación!

Donar por Airtm Donar por Binance

¡Gracias por tu apoyo! ❤️

Volver al curso