CRITICAL UI FIX: Login Page & Dashboard Access #125

New Issue

kincses · 2026-03-24T01:49:13+01:00

kincses commented

2026-03-24 01:49:13 +01:00

Mérföldkő: Epic 11 (Public UI) Jegyek Létrehozása
Cél: A belépési oldal és a dashboard elérésének javítása, hogy a felhasználó láthassa a Smart Garage komponenseket (Quiz, FAB, Garage)

🔗 Függőségek (Dependencies)

Bemenet (Mikre támaszkodik): Vue.js 3, Pinia store, Vue Router, Tailwind CSS v4
Kimenet (Mik támaszkodnak rá): Dashboard, Profile Selector, DailyQuizModal, QuickActionsFAB

📝 Elemzés

A Login.vue fájl hibás script szekcióval rendelkezett, ami nem hívta meg a bejelentkezési logikát.
Hiányzott egy megfelelő Pinia auth store a bejelentkezési állapot kezelésére.
A router logika helyes volt (/login → /profile-select → /dashboard), de a login nem állította be a localStorage token-t.
A globális komponensek (DailyQuizModal, QuickActionsFAB) csak akkor jelennek meg, ha isLoggedIn = true.

Megvalósított javítások:

Új authStore.js Pinia store létrehozása mock bejelentkezéssel
Login.vue teljes átírása Tailwind CSS v4 stílussal
App.vue frissítése az auth store használatára
Bejelentkezés után automatikus átirányítás /profile-select oldalra
Globális komponensek megjelenítése bejelentkezés után

**Mérföldkő:** Epic 11 (Public UI) Jegyek Létrehozása **Cél:** A belépési oldal és a dashboard elérésének javítása, hogy a felhasználó láthassa a Smart Garage komponenseket (Quiz, FAB, Garage) ### 🔗 Függőségek (Dependencies) - **Bemenet (Mikre támaszkodik):** Vue.js 3, Pinia store, Vue Router, Tailwind CSS v4 - **Kimenet (Mik támaszkodnak rá):** Dashboard, Profile Selector, DailyQuizModal, QuickActionsFAB ### 📝 Elemzés 1. A Login.vue fájl hibás script szekcióval rendelkezett, ami nem hívta meg a bejelentkezési logikát. 2. Hiányzott egy megfelelő Pinia auth store a bejelentkezési állapot kezelésére. 3. A router logika helyes volt (/login → /profile-select → /dashboard), de a login nem állította be a localStorage token-t. 4. A globális komponensek (DailyQuizModal, QuickActionsFAB) csak akkor jelennek meg, ha isLoggedIn = true. **Megvalósított javítások:** - Új authStore.js Pinia store létrehozása mock bejelentkezéssel - Login.vue teljes átírása Tailwind CSS v4 stílussal - App.vue frissítése az auth store használatára - Bejelentkezés után automatikus átirányítás /profile-select oldalra - Globális komponensek megjelenítése bejelentkezés után

kincses added the Scope: Frontend Type: Bug Status: In Progress labels 2026-03-24 01:49:23 +01:00

kincses started working 2026-03-24 01:49:23 +01:00

kincses commented

2026-03-24 01:49:23 +01:00

▶️ Munka megkezdve: 2026-03-24 00:49:23

▶️ **Munka megkezdve:** 2026-03-24 00:49:23

kincses added Status: Done and removed Status: In Progress labels 2026-03-24 01:52:26 +01:00

kincses worked for 3 minutes

2026-03-24 01:52:26 +01:00

kincses closed this issue

2026-03-24 01:52:26 +01:00

kincses commented

2026-03-24 01:52:26 +01:00

✅ Munka befejezve: 2026-03-24 00:52:26

Technikai Összefoglaló:
Fixed Login.vue with Tailwind CSS v4, created authStore Pinia store, integrated mock login, and ensured proper routing to profile-select → dashboard. Global components (DailyQuizModal, QuickActionsFAB) now appear when logged in.

⏱️ A ráfordított időt a Gitea rögzítette.

✅ **Munka befejezve:** 2026-03-24 00:52:26 **Technikai Összefoglaló:** Fixed Login.vue with Tailwind CSS v4, created authStore Pinia store, integrated mock login, and ensured proper routing to profile-select → dashboard. Global components (DailyQuizModal, QuickActionsFAB) now appear when logged in. ⏱️ *A ráfordított időt a Gitea rögzítette.*

Sign in to join this conversation.

1 Participants

Notifications

Total Time Spent: 3 minutes

kincses

3 minutes

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: kincses/service-finder#125