Navegación
Propósito
Describir los controles comunes mientras operas VStation.
Menú lateral
El menú lateral lista los módulos disponibles:
| Entrada | Ruta |
|---|---|
| Dashboard | / o /dashboard |
| Cámaras | /cameras |
| Mapa | /map |
| Grupos | /camera-groups |
| Videowall | /videowalls (incluye editor y vista) |
Si tu rol es administrador, aparece la sección Administración con Ajustes y Almacenamiento.
Comportamiento del menú
- En el Dashboard el menú se muestra expandido (ancho completo con etiquetas).
- En el resto de módulos el menú aparece contraído (solo iconos). Usa el icono Inicio de la barra superior para volver al Dashboard y expandir el menú de nuevo.
- En móvil, abre o cierra el menú con el icono de hamburguesa en la barra superior; un fondo semitransparente cierra el menú al pulsar fuera.
- El logo personalizado (si el administrador lo configuró) se muestra en la cabecera del menú; si no hay logo, aparece la marca Optrax.
Tema claro / oscuro
Con el menú expandido, el control de tema está junto al logo. Con el menú contraído, el mismo control aparece encima del menú de usuario.
[SCREENSHOT REQUIRED: Expanded sidebar on Dashboard and collapsed sidebar on Cámaras with home button in app bar]
Barra superior (App bar)
En pantallas con layout principal:
- Móvil: icono de menú para mostrar u ocultar el lateral.
- Escritorio (menú contraído): botón Inicio para volver al Dashboard.
- Derecha: fecha y hora locales (actualización cada segundo en pantallas medianas o grandes).
Menú de usuario
En la parte inferior del lateral:
- Muestra avatar (iniciales), nombre y, al abrir el desplegable, correo y rol (por ejemplo Administrador).
- Cerrar sesión termina la sesión.
Pantallas sin menú lateral
Algunas rutas ocupan toda la pantalla sin el layout habitual:
| Ruta | Uso |
|---|---|
/cameras/{id}/view | Vista ampliada: video, eventos en tiempo real, PTZ si aplica. |
/videowalls/{id}/view | Videowall a pantalla completa. |
/playback | Reproductor de evento con timestamp (enlace directo). |
/embed/camera/{id} | Embed de vivo para otras aplicaciones autorizadas. |
Estas vistas suelen incluir su propia cabecera con Volver o navegación mínima.
Casos especiales
- Sin autenticación, solo ves la pantalla de login (salvo embeds o rutas que muestran diálogo de acceso).
- La ruta
/setupredirige al inicio.
[SCREENSHOT REQUIRED: App bar with date/time and home button while viewing Mapa module]