Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: skip guided zoom from schedules and fix offers slide-up animation

Browse Source
This commit is contained in:
Johan Samudio
2026-02-28 21:39:50 -05:00
parent ec1137b2c2
commit 147ea98cda
2 changed files with 21 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/views/MapView.vue
View File

@ -270,8 +270,9 @@ watch(
if (routeId) {
// Route stops are automatically loaded when route is selected
// Update map markers for the selected route
await updateMapMarkers();
// Si el ID cambió pero no estamos en el flujo de búsqueda (selectRouteAndClose),
// forzamos el skipZoom para evitar la animación de "encontrando parada".
await updateMapMarkers(true);
} else {
// Clear markers when no route is selected
lastProcessedRouteId.value = null;
@ -301,7 +302,7 @@ watch(
newStops.some((stop, idx) => stop.id !== oldStops[idx]?.id)) {
console.log('Route stops changed - updating markers')
await updateMapMarkers();
await updateMapMarkers(true);
}
}
}
@ -314,7 +315,7 @@ function clearMapMarkers() {
limpiarTodoCentralizado()
}
async function updateMapMarkers() {
async function updateMapMarkers(skipZoom = false) {
if (!isLoaded.value || !map.value || isUpdatingMarkers.value) return;
isUpdatingMarkers.value = true;
@ -330,7 +331,8 @@ async function updateMapMarkers() {
const selectedRouteObj = routeStore.allRoutes.find(r => r.id === currentRequestRouteId) || { id: currentRequestRouteId, short_name: currentRequestRouteId };
// Llamar al procesador de flujo principal, lo cual limpia el mapa y centra.
await procesarSeleccionDeRuta(selectedRouteObj, stops as BusStop[], map.value);
// Usamos skipZoom para evitar la animación intrusiva de búsqueda cuando no es desde el buscador
await procesarSeleccionDeRuta(selectedRouteObj, stops as BusStop[], map.value, skipZoom);
// ⛔ ABORTAR SI EL USUARIO LIMPIÓ EL MAPA MIENTRAS DIBUJÁBAMOS
if (routeStore.selectedRouteId !== currentRequestRouteId) {
@ -930,7 +932,7 @@ async function highlightOptimalStopForRoute() {
position: absolute;
bottom: 80px; /* Separado del borde inferior/menú */
left: 50%;
transform: translateX(-50%);
transform: translateX(-50%) translateY(0);
width: 92%;
max-width: 400px;
background: rgba(255, 255, 255, 0.85);
@ -943,6 +945,7 @@ async function highlightOptimalStopForRoute() {
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
color: #000;
overflow: hidden;
transition: transform 0.6s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.5s ease;
}
@media (prefers-color-scheme: dark) {
@ -1696,7 +1699,7 @@ html.light-theme .uber-search-trigger-compact {
}
.sheet-slide-enter-from,
.sheet-slide-leave-to {
transform: translateY(100%) scale(0.98);
transform: translateX(-50%) translateY(110%) scale(0.95);
opacity: 0;
}