[Frontend] P0 - Smart Expense UX: Szolgáltató-választás kikényszerítése (Fázis 2) #403

Closed
opened 2026-07-09 23:46:10 +02:00 by kincses · 2 comments
Owner

🎯 Célkitűzés

A költségrögzítő felületek (UI) átalakítása úgy, hogy a felhasználói folyamat első, kötelező lépése a Szolgáltató (Service Provider) azonosítása legyen. A jelenlegi felületekből hiányzik a szolgáltató mező, vagy rossz sorrendben szerepel, ami "gazdátlan" költségadatokat eredményez.

🛠️ Elvégzendő Feladatok (frontend_app/src/components/...)

  1. SimpleFuelModal.vue & ComplexExpenseModal.vue frissítése:

    • Új, kötelező beviteli mező (Typeahead / Autocomplete) hozzáadása a Szolgáltató kiválasztásához.
    • A mezőnek a GET /api/v1/providers/search (vagy hasonló) végpontból kell ajánlásokat adnia.
    • "Új szolgáltató rögzítése (nyers szöveg)" opció biztosítása, ha nincs találat.
  2. CostEntryWizard.vue Sorrendjének Megfordítása:

    • A Wizard (varázsló) 1. lépése (Step 1) kötelezően a Szolgáltató kiválasztása vagy a GPS alapú helymeghatározás megerősítése legyen.
    • A költségösszeg és a részletek (Step 2) csak a szolgáltató megadása után lehessenek kitölthetők.
  3. Payload Frissítés:

    • A frontendnek a mentés (Save) gomb megnyomásakor az összeállított payloadban biztosan el kell küldenie a service_provider_id (ha ismert) vagy az external_vendor_name (ha új) mezőket a backend felé.

Elfogadási Kritériumok (DoD)

  • A gyorsrögzítő modalokon kötelező a szolgáltató megadása.
  • A varázsló logikai sorrendje megfordult (Provider az első lépés).
  • A sikeres mentés után a felület megjeleníti a kapott gamifikációs pontokat (Toast/Alert formájában).
## 🎯 Célkitűzés A költségrögzítő felületek (UI) átalakítása úgy, hogy a felhasználói folyamat első, kötelező lépése a Szolgáltató (Service Provider) azonosítása legyen. A jelenlegi felületekből hiányzik a szolgáltató mező, vagy rossz sorrendben szerepel, ami "gazdátlan" költségadatokat eredményez. ## 🛠️ Elvégzendő Feladatok (frontend_app/src/components/...) 1. **SimpleFuelModal.vue & ComplexExpenseModal.vue frissítése:** - Új, kötelező beviteli mező (Typeahead / Autocomplete) hozzáadása a Szolgáltató kiválasztásához. - A mezőnek a `GET /api/v1/providers/search` (vagy hasonló) végpontból kell ajánlásokat adnia. - "Új szolgáltató rögzítése (nyers szöveg)" opció biztosítása, ha nincs találat. 2. **CostEntryWizard.vue Sorrendjének Megfordítása:** - A Wizard (varázsló) 1. lépése (Step 1) kötelezően a Szolgáltató kiválasztása vagy a GPS alapú helymeghatározás megerősítése legyen. - A költségösszeg és a részletek (Step 2) csak a szolgáltató megadása után lehessenek kitölthetők. 3. **Payload Frissítés:** - A frontendnek a mentés (Save) gomb megnyomásakor az összeállított payloadban biztosan el kell küldenie a `service_provider_id` (ha ismert) vagy az `external_vendor_name` (ha új) mezőket a backend felé. ## ✅ Elfogadási Kritériumok (DoD) - [ ] A gyorsrögzítő modalokon kötelező a szolgáltató megadása. - [ ] A varázsló logikai sorrendje megfordult (Provider az első lépés). - [ ] A sikeres mentés után a felület megjeleníti a kapott gamifikációs pontokat (Toast/Alert formájában).
kincses added the Status: To DoType: Feature labels 2026-07-09 23:46:10 +02:00
kincses added Status: In Progress and removed Status: To Do labels 2026-07-10 00:29:18 +02:00
kincses started working 2026-07-10 00:29:18 +02:00
Author
Owner

▶️ Munka megkezdve: 2026-07-10 00:29:18

▶️ **Munka megkezdve:** 2026-07-10 00:29:18
kincses added Status: Done and removed Status: In Progress labels 2026-07-10 00:39:35 +02:00
kincses worked for 10 minutes 2026-07-10 00:39:35 +02:00
Author
Owner

Munka befejezve: 2026-07-10 00:39:35

Technikai Összefoglaló:
P0 FRONTEND: Smart Expense UX - Provider Selection Enforcement (Fázis 2). CostEntryWizard: provider selection moved to Step 1, custom vendor search replaced with ProviderAutocomplete, gamification toast added. SimpleFuelModal & ComplexExpenseModal: ProviderAutocomplete added as first field, vendor payload fields, gamification toast. i18n step labels updated. Build verified (7.08s, 0 errors).

⏱️ Az idő rögzítve.

✅ **Munka befejezve:** 2026-07-10 00:39:35 **Technikai Összefoglaló:** P0 FRONTEND: Smart Expense UX - Provider Selection Enforcement (Fázis 2). CostEntryWizard: provider selection moved to Step 1, custom vendor search replaced with ProviderAutocomplete, gamification toast added. SimpleFuelModal & ComplexExpenseModal: ProviderAutocomplete added as first field, vendor payload fields, gamification toast. i18n step labels updated. Build verified (7.08s, 0 errors). ⏱️ *Az idő rögzítve.*
Sign in to join this conversation.