Saltar al contenido principal

Características del sistema

  • Cards Emergentes (Toast): ⏳ Duran 8 segundos y se ocultan automáticamente.
  • Badge del Header: 🔢 Refleja el total de notificaciones no leídas.
  • Sincronización: 🔄 El estado (leído/no leído) se sincroniza entre todos los dispositivos.
  • Limpieza Automática: 🗑️ Las notificaciones leídas se borran automáticamente al cumplir 1 mes de antigüedad.
  • Borrado: ❌ No hay confirmación de borrado y no existe la opción 'deshacer'.
  • Notificaciones Esenciales: 📩 Se envían obligatoriamente por Web y Correo.

Campana (header): estados y acciones 🔔​

  • Animación: ✨ Animación breve al recibir una nueva notificación.
  • Badge: Muestra un badge numérico con el total de no leídas.
  • Acción: Clic → abre el sidesheet (panel lateral) con el historial.

Notification

Card emergente (Toast) 📲​

  • Posición:
    • Desktop 💻: Esquina superior derecha.
    • Mobile 📱: Parte inferior.
  • Permanencia: ⏱️ 8 segundos (auto-desaparición).
  • Accionable: Clic en la card navega a la sección correspondiente.

Panel lateral (Sidesheet) 📖​

  • Apertura: Se abre al hacer clic en la campana.
  • Carga Inicial: Muestra todas las notificaciones por defecto.
  • Filtros: 🏷️ Chips para clasificar por sección (General, Informes, Wallet, Configuración).
  • Acciones Superiores: ⚙️ Incluye botones para:
    • Marcar todo como leído ✔️
    • Eliminar todas 🗑️
    • Ir a configuración 🔧

Cards dentro del sidesheet

  • Anatomía: icono de sección, título, resumen, fecha/hora, badge si no leída.
  • Interacciones Desktop: hover para mostrar ‘Marcar como leída’ y ‘Eliminar’.
  • Interacciones Mobile: swipe para mostrar las mismas acciones.
  • Clic en la card: navega a la sección asociada.

Sidebar