ProviderAutocomplete + QuickAddModal Frontend Components #263

Closed
opened 2026-06-17 00:06:26 +02:00 by kincses · 2 comments
Owner

Mérföldkő: Provider Taxonomy & Crowdsourced Search

Cél: Két Vue 3 frontend komponens elkészítése a crowdsourced szolgáltató kereséshez és gyors felvételhez, gamification integrációval.

🔗 Függőségek (Dependencies)

  • Bemenet (Mikre támaszkodik): Backend GET /api/v1/providers/search, POST /api/v1/providers/quick-add, GET /api/v1/providers/categories végpontok; meglévő axios.ts JWT interceptor; meglévő VehicleFormModal Teleport minta
  • Kimenet (Mik támaszkodnak rá): DashboardView, ServiceMapView, bármely komponens ami szolgáltatót keres

📝 Elemzés

ProviderAutocomplete.vue: debounced keresés (300ms, min 2 chars) a GET /api/v1/providers/search végponton, dropdown találatok forrás badge-ekkel, kiválasztott állapot kártya nézet, üres állapot + Új szolgáltató gomb. ProviderQuickAddModal.vue: Teleport modal form name/category/city/street/tags mezőkkel, POST /api/v1/providers/quick-add hívás, gamification success toast earned_points megjelenítéssel. Backend: GET /categories végpont + ExpertiseCategoryOut séma.

**Mérföldkő:** Provider Taxonomy & Crowdsourced Search **Cél:** Két Vue 3 frontend komponens elkészítése a crowdsourced szolgáltató kereséshez és gyors felvételhez, gamification integrációval. ### 🔗 Függőségek (Dependencies) - **Bemenet (Mikre támaszkodik):** Backend GET /api/v1/providers/search, POST /api/v1/providers/quick-add, GET /api/v1/providers/categories végpontok; meglévő axios.ts JWT interceptor; meglévő VehicleFormModal Teleport minta - **Kimenet (Mik támaszkodnak rá):** DashboardView, ServiceMapView, bármely komponens ami szolgáltatót keres ### 📝 Elemzés ProviderAutocomplete.vue: debounced keresés (300ms, min 2 chars) a GET /api/v1/providers/search végponton, dropdown találatok forrás badge-ekkel, kiválasztott állapot kártya nézet, üres állapot + Új szolgáltató gomb. ProviderQuickAddModal.vue: Teleport modal form name/category/city/street/tags mezőkkel, POST /api/v1/providers/quick-add hívás, gamification success toast earned_points megjelenítéssel. Backend: GET /categories végpont + ExpertiseCategoryOut séma.
kincses added the Type: FeatureStatus: In Progress labels 2026-06-17 00:07:09 +02:00
kincses started working 2026-06-17 00:07:09 +02:00
Author
Owner

▶️ Munka megkezdve: 2026-06-17 00:07:09

▶️ **Munka megkezdve:** 2026-06-17 00:07:09
kincses added Status: Done and removed Status: In Progress labels 2026-06-17 00:07:15 +02:00
kincses worked for 6 seconds 2026-06-17 00:07:15 +02:00
Author
Owner

Munka befejezve: 2026-06-17 00:07:15

Technikai Összefoglaló:
Backend: GET /categories endpoint + ExpertiseCategoryOut schema hozzáadva. Frontend: ProviderAutocomplete.vue (debounced search, dropdown, selected card, empty state) + ProviderQuickAddModal.vue (Teleport modal, form, gamification toast, API integráció). Python szintaxis , importok , router regisztráció (3 route), frontend TypeScript (nincs új hiba).

⏱️ Az idő rögzítve.

✅ **Munka befejezve:** 2026-06-17 00:07:15 **Technikai Összefoglaló:** Backend: GET /categories endpoint + ExpertiseCategoryOut schema hozzáadva. Frontend: ProviderAutocomplete.vue (debounced search, dropdown, selected card, empty state) + ProviderQuickAddModal.vue (Teleport modal, form, gamification toast, API integráció). Python szintaxis ✅, importok ✅, router regisztráció ✅ (3 route), frontend TypeScript ✅ (nincs új hiba). ⏱️ *Az idő rögzítve.*
Sign in to join this conversation.