App Conductor · Detalle de ruta asignada

Visión general

La pantalla Detalle de ruta asignada es tu central de información para cada ruta que te han encomendado. Muestra:

Información general de la ruta (origen-destino, nombre)
Estado de la asignación y la ruta
Lista de paradas
Vehículos asignados
Pasajeros suscritos
Acceso a tracking en vivo

La pantalla de Detalle de ruta

Encabezado colapsable

En la parte superior ves el gradiente azul-púrpura que contiene:

Nombre de la ruta: Título grande que se mantiene visible al desplazarse
{origen} → {destino}: Línea de ruta debajo del nombre (ej: “Monterrey centro → Aeropuerto”)

El encabezado se colapsa parcialmente al desplazarse, pero siempre mantiene visible el nombre de la ruta.

Sección de estado (chips)

Debajo del encabezado verás un conjunto de chips (insignias) que muestran el estado actual:

Chip	Significado
✓ Asignación activa	Tu asignación está en vigencia
⊘ Asignación inactiva	Tu asignación no está activa
🛣️ Ruta activa	La ruta circula regularmente
⊗ Ruta inactiva	La ruta está detenida o no circula
🌐 Pública	La ruta es abierta; pasajeros pueden suscribirse
🔒 Privada	La ruta es solo por invitación
📅 Desde {fecha}	Fecha de inicio de la asignación

Tarjeta de vehículo

Si se te asignó un vehículo, ves los detalles:

Marca y modelo
Placa
Estado actual del vehículo

Tarjeta de inicio de tracking

Si la ruta está activa y el vehículo está asignado, verás:

“Iniciar Recorrido” (o “Ruta en curso” si ya está activa)
Al hacer clic, accedes a la pantalla de tracking detallado

Cronología de paradas

Una sección Paradas expandible/colapsable:

Vista compacta con origen y destino
Vista expandida con timeline completa
Etiquetas por parada: Origen / Destino y Parada {n}

Pasajeros suscritos

Muestra una sección expandible con resumen de capacidad:

Título: Pasajeros suscritos
Contador total y capacidad: / {capacidad} cap.
Barra de progreso de ocupación
Lista de pasajeros (o estado vacío)

Si eres administrador o tienes permisos, puedes ver suscripciones pendientes de aprobación.

Datos de la ruta

Metadatos finales:

Capacidad
Paradas configuradas
Suscritos
Inicio y fin (si aplica)

Botón flotante: Invitar pasajero

En la esquina inferior derecha hay un FAB azul con la etiqueta:

Icono: + Persona
Texto: “Invitar pasajero”

Al tocarlo, se abre una hoja modal para:

Invitar por email
Compartir código de acceso
Compartir QR

Flujo típico

Abre la sección “Rutas” desde el home
Toca una ruta asignada para abrir su detalle
Observa los chips para confirmar que está activa
Revisa la cronología de paradas para tu plan del día
Si necesitas tracking en vivo, toca “Iniciar Recorrido”
Si quieres invitar pasajeros, toca el botón flotante azul
Desliza hacia arriba para ver lista de pasajeros suscritos

Casos de uso

Planificar el día de trabajo

Abre tu ruta
Lee el cronograma de paradas
Verifica horario de inicio esperado
Confirma el vehículo asignado

Invitar pasajeros faltantes

Abre la ruta
Toca el FAB azul “Invitar pasajero”
Copia el enlace o QR
Comparte con potenciales pasajeros

Validar permisos de aprobación

Si eres admin y la ruta requiere aprobación:

Desplázate hasta “Suscripciones pendientes” (cuando la ruta requiere aprobación)
Aprueba o rechaza solicitudes

Acceder a tracking

Una vez iniciado el viaje:

Abre el detalle de tu ruta
Toca “Iniciar Recorrido”
Accedes a mapa con pasajeros en tiempo real

Consejos y notas

Chip de estado: Verifica siempre “Ruta activa” y “Asignación activa” antes de salir
Paradas: El sistema respeta el orden; debes bajar a todos en cada parada
Botón flotante: Úsalo para reclutar pasajeros faltantes antes de iniciar
Invitaciones: Si compartes el QR, el pasajero puede suscribirse instantáneamente
Deslizar: El encabezado es “sticky” (pegajoso); siempre ves el nombre de la ruta