Dashboard
Documentacion del layout del dashboard, navegacion basada en roles y secciones principales.
Nota: El dashboard se ejecuta en una aplicacion separada (apps/dashboard). Los componentes no se renderizan aqui. Esta pagina documenta la estructura y las secciones.
Estructura del Layout
Componentes del layout:
- Header: Logo, nombre de clinica, notificaciones y avatar del usuario
- Sidebar: Navegacion principal con iconos. Colapsable en desktop, drawer en movil
- Contenido: Area principal con scroll independiente
Navegacion por Rol
Veterinario / Admin
Rol de clinica veterinaria
- 📊 Dashboard (resumen general)
- 📅 Citas (agenda y calendario)
- 🐾 Pacientes (expedientes)
- 👥 Clientes (propietarios)
- 💊 Inventario (medicamentos)
- 💰 Facturacion
- 👤 Equipo (roles y permisos)
- ⚙️ Configuracion
Dueno de Mascota
Rol de propietario
- 🏠 Inicio (resumen de mascotas)
- 🐕 Mis Mascotas (perfiles)
- 📅 Mis Citas (historial y proximas)
- 🔍 Buscar Veterinarias
- 📋 Expedientes (historial medico)
- ⚙️ Mi Perfil
Comportamiento Responsivo
Desktop (lg+)
Sidebar visible permanentemente a la izquierda. Se puede colapsar a solo iconos para maximizar el area de contenido.
Tablet (md)
Sidebar colapsada por defecto a solo iconos. Se expande al hacer hover o clic.
Movil (sm)
Sidebar oculta. Se abre como drawer lateral desde el boton hamburguesa en el header. Overlay oscuro de fondo.
Secciones Principales
📅 Agenda y Citas
Calendario semanal/mensual con drag & drop. Vista por veterinario. Estados de cita: pendiente, confirmada, completada, cancelada, no-show.
🐾 Pacientes
Lista de pacientes con busqueda, filtros por especie/estado. Perfil completo: datos, peso, vacunas, consultas, archivos adjuntos.
💊 Inventario
Gestion de medicamentos, vacunas y productos. Alertas de stock bajo. Registro de lotes y fechas de caducidad.
📊 Reportes
Metricas: citas del dia/semana/mes, ingresos, pacientes nuevos, servicios mas solicitados. Graficas con Chart.js.