P0 EPIC - UI/UX Overhaul for Quick Fuel Logging #404

New Issue

kincses · 2026-07-10T00:52:50+02:00

kincses commented

2026-07-10 00:52:50 +02:00

Mérföldkő: UI/UX Overhaul

Cél: A SimpleFuelModal.vue teljes körű UX átalakítása: Unified Provider Search, Magic Triangle kalkuláció, Delayed New Provider flow.

🔗 Függőségek (Dependencies)

Bemenet (Mikre támaszkodik): Backend GET /api/v1/providers/search, POST /expenses/, ProviderQuickAddModal.vue, vehicle.asset_telemetry
Kimenet (Mik támaszkodnak rá): SimpleFuelModal.vue, ProviderSearchField.vue, backend providers search endpoint

📝 Elemzés

A feladat három fő komponensből áll:

Unified ProviderSearchField.vue - újrafelhasználható komponens 3 karakter utáni kereséssel, partial match támogatással
Magic Triangle & Odometer - automatikus számítás a 3 mező között (amount_gross, unit_price, quantity), előző óraállás megjelenítése
Delayed New Provider Flow - ha új provider string kerül beírásra, először expense mentés, majd ProviderQuickAddModal előugrás

**Mérföldkő:** UI/UX Overhaul **Cél:** A SimpleFuelModal.vue teljes körű UX átalakítása: Unified Provider Search, Magic Triangle kalkuláció, Delayed New Provider flow. ### 🔗 Függőségek (Dependencies) - **Bemenet (Mikre támaszkodik):** Backend GET /api/v1/providers/search, POST /expenses/, ProviderQuickAddModal.vue, vehicle.asset_telemetry - **Kimenet (Mik támaszkodnak rá):** SimpleFuelModal.vue, ProviderSearchField.vue, backend providers search endpoint ### 📝 Elemzés A feladat három fő komponensből áll: 1. Unified ProviderSearchField.vue - újrafelhasználható komponens 3 karakter utáni kereséssel, partial match támogatással 2. Magic Triangle & Odometer - automatikus számítás a 3 mező között (amount_gross, unit_price, quantity), előző óraállás megjelenítése 3. Delayed New Provider Flow - ha új provider string kerül beírásra, először expense mentés, majd ProviderQuickAddModal előugrás

kincses added the Status: To Do Type: Feature labels 2026-07-10 00:52:51 +02:00

kincses added Status: In Progress and removed Status: To Do labels 2026-07-10 00:56:39 +02:00

kincses started working 2026-07-10 00:56:39 +02:00

kincses commented

2026-07-10 00:56:39 +02:00

▶️ Munka megkezdve: 2026-07-10 00:56:39

▶️ **Munka megkezdve:** 2026-07-10 00:56:39

kincses added Status: Done and removed Status: In Progress labels 2026-07-10 01:02:13 +02:00

kincses worked for 5 minutes

2026-07-10 01:02:13 +02:00

kincses closed this issue

2026-07-10 01:02:13 +02:00

kincses commented

2026-07-10 01:02:13 +02:00

✅ Munka befejezve: 2026-07-10 01:02:13

Technikai Összefoglaló:
P0 EPIC - UI/UX Overhaul for Quick Fuel Logging completed. Changes: (1) Backend: provider search min_length 2→3, city search changed from StartsWith to ILIKE partial in all 3 data sources. (2) Frontend SimpleFuelModal: Magic Triangle auto-calculation (amount_gross=unit_price×quantity), odometer hint on load, Delayed New Provider flow (save expense first, then open ProviderQuickAddModal with prefillName). (3) ProviderQuickAddModal: new prefillName prop. (4) ProviderAutocomplete: min search length 2→3. Sync Engine: 1287/1287 OK. Python syntax: 3/3 OK. Vue TypeScript: no new errors.

⏱️ Az idő rögzítve.

✅ **Munka befejezve:** 2026-07-10 01:02:13 **Technikai Összefoglaló:** P0 EPIC - UI/UX Overhaul for Quick Fuel Logging completed. Changes: (1) Backend: provider search min_length 2→3, city search changed from StartsWith to ILIKE partial in all 3 data sources. (2) Frontend SimpleFuelModal: Magic Triangle auto-calculation (amount_gross=unit_price×quantity), odometer hint on load, Delayed New Provider flow (save expense first, then open ProviderQuickAddModal with prefillName). (3) ProviderQuickAddModal: new prefillName prop. (4) ProviderAutocomplete: min search length 2→3. Sync Engine: 1287/1287 OK. Python syntax: 3/3 OK. Vue TypeScript: no new errors. ⏱️ *Az idő rögzítve.*

Sign in to join this conversation.

1 Participants

Notifications

Total Time Spent: 5 minutes

kincses

5 minutes

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: kincses/service-finder#404