User Dropdown & Logout Functionality in DashboardHeader #189

New Issue

kincses · 2026-06-04T01:06:21+02:00

kincses commented

2026-06-04 01:06:21 +02:00

Mérföldkő: Phase 1: Core Functionality Fixes\nCél: Felhasználói legördülő menü és kijelentkezés funkció megvalósítása a Dashboard fejlécében\n\n### 🔗 Függőségek\n- Bemenet: auth.ts store (useAuthStore), Vue Router\n- Kimenet: DashboardView, DashboardHeader\n\n### 📝 Elemzés\nA feladat három részből állt:\n1. auth.ts logout() - Már létezett a token/user törlés, de hiányzott a router redirect. Hozzáadva: router.push('/').\n2. DashboardHeader.vue - Teljes átalakítás: prop-alapú firstName helyett közvetlen authStore használat, ref-alapú dropdown toggle, Vue Transition animáció, glassmorphism dizájn, profil beállítások placeholder, kilépés gomb red hover effekttel.\n3. Vendég fallback javítás - Ha a firstName üres, az email @ előtti részét használja, végső fallback: Felhasználó.

**Mérföldkő:** Phase 1: Core Functionality Fixes\n**Cél:** Felhasználói legördülő menü és kijelentkezés funkció megvalósítása a Dashboard fejlécében\n\n### 🔗 Függőségek\n- **Bemenet:** auth.ts store (useAuthStore), Vue Router\n- **Kimenet:** DashboardView, DashboardHeader\n\n### 📝 Elemzés\nA feladat három részből állt:\n1. auth.ts logout() - Már létezett a token/user törlés, de hiányzott a router redirect. Hozzáadva: router.push('/').\n2. DashboardHeader.vue - Teljes átalakítás: prop-alapú firstName helyett közvetlen authStore használat, ref-alapú dropdown toggle, Vue Transition animáció, glassmorphism dizájn, profil beállítások placeholder, kilépés gomb red hover effekttel.\n3. Vendég fallback javítás - Ha a firstName üres, az email @ előtti részét használja, végső fallback: Felhasználó.

kincses added the Type: Feature Status: In Progress labels 2026-06-04 01:06:30 +02:00

kincses started working 2026-06-04 01:06:30 +02:00

kincses commented

2026-06-04 01:06:30 +02:00

▶️ Munka megkezdve: 2026-06-04 01:06:30

▶️ **Munka megkezdve:** 2026-06-04 01:06:30

kincses added Status: Done and removed Status: In Progress labels 2026-06-04 01:06:37 +02:00

kincses worked for 7 seconds

2026-06-04 01:06:37 +02:00

kincses closed this issue

2026-06-04 01:06:37 +02:00

kincses commented

2026-06-04 01:06:38 +02:00

✅ Munka befejezve: 2026-06-04 01:06:37

Technikai Összefoglaló:
Megvalósítás: 1) auth.ts logout() kibővítve router.push('/') redirect-tel, router közvetlen importálva a Pinia action-be. 2) DashboardHeader.vue teljes átalakítása: ref-alapú dropdown toggle, Vue Transition animáció, glassmorphism dizájn (backdrop-blur-xl, border-white/10), profil beállítások placeholder, kilépés gomb red hover effekttel. 3) Vendég fallback javítva: ha firstName üres, email prefixet használ, végső fallback: Felhasználó. TypeScript ellenőrzés sikeres.

⏱️ Az idő rögzítve.

✅ **Munka befejezve:** 2026-06-04 01:06:37 **Technikai Összefoglaló:** Megvalósítás: 1) auth.ts logout() kibővítve router.push('/') redirect-tel, router közvetlen importálva a Pinia action-be. 2) DashboardHeader.vue teljes átalakítása: ref-alapú dropdown toggle, Vue Transition animáció, glassmorphism dizájn (backdrop-blur-xl, border-white/10), profil beállítások placeholder, kilépés gomb red hover effekttel. 3) Vendég fallback javítva: ha firstName üres, email prefixet használ, végső fallback: Felhasználó. TypeScript ellenőrzés sikeres. ⏱️ *Az idő rögzítve.*

Sign in to join this conversation.

1 Participants

Notifications

Total Time Spent: 7 seconds

kincses

7 seconds

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: kincses/service-finder#189