Saltar al contenido principal

🧭 Navegación y Estructura

Estructura General de la Plataforma @CHECK MODIFIED

Dentro de fAIr Platform, todos los usuarios tienen acceso a dos secciones principales:

  • 🏠 Dashboard: Panel principal con estadísticas y métricas de tus archivos
  • 📁 Files: Gestión de tus archivos multimedia (audio e imagen)

🖥️ Barra de Navegación Superior (Header)

La barra superior contiene varios elementos clave:

Lado Izquierdo

  • Logo "gradiant": Logo de la plataforma
  • Pestañas de navegación: Dashboard | Files
Navegación Principal

Las pestañas en el header son la forma principal de navegar entre secciones en pantallas grandes.

Lado Derecho

  • 🚩 Selector de idioma: Bandera del idioma actual (ej. 🇺🇸 para inglés, 🇪🇸 para español)
    • Haz clic para desplegar el menú de idiomas disponibles
    • La bandera cambia según el idioma seleccionado
  • 👤 Avatar y correo: Icono de usuario + tu dirección de email
    • Haz clic para abrir el menú de usuario
    • Opción: Cerrar Sesión
Perfil de Usuario

El menú de usuario solo permite cerrar sesión. No hay opciones de configuración de cuenta.

📱 Navegación en Dispositivos Móviles

En pantallas pequeñas, la interfaz se adapta:

  • Botón hamburguesa (☰): Aparece en la esquina superior izquierda
  • Las pestañas de navegación se ocultan
  • Haz clic en el botón hamburguesa para abrir el menú lateral con las opciones:
    • Dashboard
    • Files (o Users para admins)
Responsividad

La plataforma se adapta automáticamente al tamaño de tu pantalla para una mejor experiencia de uso.

🔍 Búsqueda de Archivos

La funcionalidad de búsqueda no está en el header principal. Para buscar archivos:

  1. Ve a la sección Files
  2. Utiliza los filtros disponibles en esa página:
    • Created: Filtro por rango de fechas
    • Format: Filtro por tipo de archivo (All, Audio, Image)
    • En la vista de administrador también hay filtro por User

🎨 Indicadores Visuales @CHECK (REPEATED?)

  • Sección activa: La pestaña actual se muestra resaltada en el header
  • Email visible: Tu correo electrónico siempre visible junto al avatar para identificar tu sesión
  • Bandera de idioma: Indica el idioma actualmente seleccionado