P0 CRITICAL: FleetView Blank Screen - Route Mismatch Fix #272

New Issue

kincses · 2026-06-19T09:08:29+02:00

kincses commented

2026-06-19 09:08:29 +02:00

Mérföldkő: Frontend Navigation & Routing

Cél: Javítani a FleetView (/vehicles) route mismatch hibát, ami miatt a felhasználó csak kék hátteret látott a járművek helyett.

🔗 Függőségek (Dependencies)

Bemenet (Mikre támaszkodik): Vue Router, Pinia Vehicle Store, MyVehiclesCard komponens
Kimenet (Mik támaszkodnak rá): FleetView, VehicleDetailsView, Dashboard MyVehiclesCard

📝 Elemzés

A MyVehiclesCard.vue navigateToFleet() függvénye a privát módban a /vehicles útvonalra navigált, de a FleetView a /dashboard/vehicles child route alatt van definiálva a router-ben. Mivel a /vehicles nem létező route, a Vue Router nem renderelt semmit a PrivateLayout <router-view/>-jában, így a felhasználó csak a sötétkék gradient hátteret látta.

Javítások:

MyVehiclesCard.vue: /vehicles → /dashboard/vehicles
VehicleDetailsView.vue: vissza gomb /vehicles → /dashboard/vehicles
FleetView.vue: vehicle.nextService → vehicle.individual_equipment?.dates?.mot_expiry (defenzív adatkötés)

**Mérföldkő:** Frontend Navigation & Routing **Cél:** Javítani a FleetView (/vehicles) route mismatch hibát, ami miatt a felhasználó csak kék hátteret látott a járművek helyett. ### 🔗 Függőségek (Dependencies) - **Bemenet (Mikre támaszkodik):** Vue Router, Pinia Vehicle Store, MyVehiclesCard komponens - **Kimenet (Mik támaszkodnak rá):** FleetView, VehicleDetailsView, Dashboard MyVehiclesCard ### 📝 Elemzés A MyVehiclesCard.vue `navigateToFleet()` függvénye a privát módban a `/vehicles` útvonalra navigált, de a FleetView a `/dashboard/vehicles` child route alatt van definiálva a router-ben. Mivel a `/vehicles` nem létező route, a Vue Router nem renderelt semmit a PrivateLayout `<router-view/>`-jában, így a felhasználó csak a sötétkék gradient hátteret látta. **Javítások:** 1. MyVehiclesCard.vue: `/vehicles` → `/dashboard/vehicles` 2. VehicleDetailsView.vue: vissza gomb `/vehicles` → `/dashboard/vehicles` 3. FleetView.vue: `vehicle.nextService` → `vehicle.individual_equipment?.dates?.mot_expiry` (defenzív adatkötés)

kincses added the Type: Bug Status: In Progress labels 2026-06-19 09:08:48 +02:00

kincses started working 2026-06-19 09:08:48 +02:00

kincses commented

2026-06-19 09:08:48 +02:00

▶️ Munka megkezdve: 2026-06-19 09:08:48

▶️ **Munka megkezdve:** 2026-06-19 09:08:48

kincses added Status: Done and removed Status: In Progress labels 2026-06-19 09:13:32 +02:00

kincses worked for 4 minutes

2026-06-19 09:13:32 +02:00

kincses closed this issue

2026-06-19 09:13:32 +02:00

kincses commented

2026-06-19 09:13:32 +02:00

✅ Munka befejezve: 2026-06-19 09:13:32

Technikai Összefoglaló:
P0 CRITICAL FIX: FleetView blank screen root cause was route mismatch. MyVehiclesCard.navigateToFleet() navigated to /vehicles but FleetView is a child route under /dashboard (full path: /dashboard/vehicles). Fixed 3 files: (1) MyVehiclesCard.vue: /vehicles → /dashboard/vehicles, (2) VehicleDetailsView.vue: back button route fix, (3) FleetView.vue: nextService → individual_equipment.dates.mot_expiry. Build verified: vite build passed.

⏱️ Az idő rögzítve.

✅ **Munka befejezve:** 2026-06-19 09:13:32 **Technikai Összefoglaló:** P0 CRITICAL FIX: FleetView blank screen root cause was route mismatch. MyVehiclesCard.navigateToFleet() navigated to /vehicles but FleetView is a child route under /dashboard (full path: /dashboard/vehicles). Fixed 3 files: (1) MyVehiclesCard.vue: /vehicles → /dashboard/vehicles, (2) VehicleDetailsView.vue: back button route fix, (3) FleetView.vue: nextService → individual_equipment.dates.mot_expiry. Build verified: vite build passed. ⏱️ *Az idő rögzítve.*

Sign in to join this conversation.

1 Participants

Notifications

Total Time Spent: 4 minutes

kincses

4 minutes

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: kincses/service-finder#272