Navegación General
Esta sección describe la estructura de navegación del sistema CECOM y las convenciones visuales utilizadas.
Estructura de la Interfaz
Captura requerida: Estructura de la interfaz.
La interfaz se divide en:
- Barra Superior (Navbar) - Contiene logo, nombre del usuario y acciones globales
- Menú Lateral (Sidebar) - Navegación principal entre módulos
- Área de Contenido - Donde se muestra el módulo activo
- Notificaciones - Alertas y mensajes del sistema
Menú Lateral
El menú lateral muestra los módulos disponibles según su rol.
Módulos Principales
| Módulo | Descripción |
|---|---|
| Página Principal | Panel principal con resumen general |
| Mi Perfil | Perfil operativo del usuario cuando aplica |
| Dashboard Asistencia | Control y revisión de asistencia |
| Buscador de Ubicaciones | Búsqueda georreferenciada estable |
| Bitácoras | Registro de emergencias y eventos |
| Panel de Recursos | Estado de vehículos y equipos |
| Inventario | Control de materiales |
| Combustible | Registro de cargas de combustible |
| Entrega de Turno | Cambio de turno digitalizado |
| Prueba de Comunicaciones | Verificación de radios |
| Dotación Manual de Carros | Armado operativo de tripulación por carro, turno y slot Día/Noche |
| Datos Maestros | Configuración del sistema |
| Documentación | Acceso al sitio de documentación |
| Consola Owner | Administración global para rol owner |
Comportamiento del Menú
- Expandir/Colapsar: Clic en el ícono ☰ para minimizar el menú
- Navegación: Clic en cualquier ítem para ir al módulo
- Módulo Activo: Se destaca con color de fondo diferenciado
Estados y Colores
El sistema utiliza un código de colores consistente:
Estados de Recursos/Vehículos
graph LR
A[DISPONIBLE] --> B[EN RUTA]
B --> C[EN COMBATE]
C --> D[FUERA DE SERVICIO]
D --> A
| Color | Estado | Significado |
|---|---|---|
| Verde | DISPONIBLE | Recurso listo para despacho |
| Amarillo | EN RUTA | En tránsito hacia destino |
| Rojo | EN COMBATE | Atendiendo emergencia |
| Naranja | FUERA DE SERVICIO | No disponible por mantención o falla |
| Gris | DESCANSO | Fuera de turno |
Estados de Documentos
| Color | Estado | Significado |
|---|---|---|
| Azul | Borrador | Documento en edición |
| Amarillo | Pendiente | Esperando firma |
| Verde | Aprobado | Documento completado |
| Rojo | Rechazado | Requiere corrección |
Búsqueda y Filtros
No existe un buscador global con atajo Ctrl + K/Cmd + K en la versión productiva actual. La búsqueda se realiza dentro de cada módulo:
- Usuarios: nombre, correo, RUT o teléfono.
- Panel de Recursos: filtros y vistas por recurso/estado.
- Bitácoras: filtros de listado por estado, periodo y simulacro.
- Buscador de Ubicaciones: búsqueda georreferenciada propia del módulo.
Captura requerida: Búsqueda global.
Acciones Comunes
Crear Nuevo Registro
En la mayoría de módulos encontrará un botón de acción principal:
- "+ Nuevo" o "+ Crear" - Abre formulario de creación
- Ubicación: Generalmente esquina superior derecha
Filtros
La mayoría de listados incluyen filtros:
- Por fecha: Selecciona rango de fechas
- Por estado: Filtra por estado del registro
- Por búsqueda: Texto libre en campos principales
Captura requerida: Filtros en listados.
Acciones en Filas
Al pasar el cursor sobre una fila, aparecen acciones:
| Acción | Uso |
|---|---|
| Ver detalle | Abre la vista de consulta del registro |
| Editar | Abre el formulario de edición |
| Eliminar | Solicita confirmación antes de eliminar o desactivar |
| Descargar | Exporta el documento o reporte disponible |
Menú Contextual
Algunos módulos usan menús de acciones por fila o por tarjeta. En Panel de Recursos, por ejemplo, el recurso permite acciones rápidas de estado y novedades según permisos. No todos los listados tienen clic derecho.
Notificaciones
Las notificaciones aparecen en:
- Toast (esquina inferior derecha): Mensajes temporales
- Alertas en página: Mensajes importantes sobre el contenido
- Notificaciones del navegador: usadas por flujos específicos como despacho/ubicaciones cuando el navegador tiene permisos
Tipos de Notificaciones
| Tipo | Color | Ejemplo |
|---|---|---|
| Éxito | Verde | "Registro guardado correctamente" |
| Advertencia | Amarillo | "Kilometraje inusualmente alto" |
| Error | Rojo | "Error de conexión" |
| Información | Azul | "Nueva emergencia activada" |
Atajos de Teclado
| Atajo | Acción |
|---|---|
Esc | Cerrar modal/diálogo |
Enter | Confirmar/Enviar formulario |
Perfil de Usuario
Acceda a su perfil desde el menú de usuario (esquina superior derecha):
- Ver perfil: Información de su cuenta
- Cambiar contraseña: Actualizar credenciales
- Cerrar sesión: Salir del sistema
Use el menú lateral como referencia principal. La visibilidad de cada opción depende del rol, del tenant/contrato seleccionado y de los permisos RBAC entregados en la sesión.