3.2: users/[id]/index.vue — Felhasználó részlet oldal (Frontend) #314

Closed
opened 2026-06-29 03:36:30 +02:00 by kincses · 3 comments
Owner

Mérföldkő: Admin User & Person Management
Cél: Felhasználó részlet oldal tab-okkal: (1) Áttekintés — alapadatok, státusz, szerepkör. (2) Személyes adatok — Person adatok, lakcím. (3) Pénzügyek — Wallet, előfizetés. (4) Tagságok — szervezeti tagságok. (5) Bizalom — Trust score. (6) Tevékenység — naplózott tevékenységek.

🔗 Függőségek (Dependencies)

  • Bemenet (Mikre támaszkodik): GET /admin/users/{user_id} (1.1), GET /admin/users/{user_id}/memberships (1.4)
  • Kimenet (Mik támaszkodnak rá): Szerkesztés funkció

📝 Elemzés

Új fájl: frontend_admin/pages/users/[id]/index.vue. API hívás: useFetch('/api/v1/admin/users/{id}'). Tab komponensek: OverviewTab, PersonTab, FinanceTab, MembershipsTab, TrustTab, ActivityTab.

**Mérföldkő:** Admin User & Person Management **Cél:** Felhasználó részlet oldal tab-okkal: (1) Áttekintés — alapadatok, státusz, szerepkör. (2) Személyes adatok — Person adatok, lakcím. (3) Pénzügyek — Wallet, előfizetés. (4) Tagságok — szervezeti tagságok. (5) Bizalom — Trust score. (6) Tevékenység — naplózott tevékenységek. ### 🔗 Függőségek (Dependencies) - **Bemenet (Mikre támaszkodik):** GET /admin/users/{user_id} (1.1), GET /admin/users/{user_id}/memberships (1.4) - **Kimenet (Mik támaszkodnak rá):** Szerkesztés funkció ### 📝 Elemzés Új fájl: frontend_admin/pages/users/[id]/index.vue. API hívás: useFetch('/api/v1/admin/users/{id}'). Tab komponensek: OverviewTab, PersonTab, FinanceTab, MembershipsTab, TrustTab, ActivityTab.
kincses added this to the Epic 10 (Admin UI) Jegyek Létrehozása milestone 2026-06-29 03:36:30 +02:00
kincses added the Status: To DoScope: FrontendType: Feature labels 2026-06-29 03:36:30 +02:00
kincses added Status: In Progress and removed Status: To Do labels 2026-06-29 13:12:58 +02:00
kincses started working 2026-06-29 13:12:58 +02:00
Author
Owner

▶️ Munka megkezdve: 2026-06-29 13:12:58

▶️ **Munka megkezdve:** 2026-06-29 13:12:58
kincses added Status: Done and removed Status: In Progress labels 2026-06-29 13:20:19 +02:00
kincses worked for 7 minutes 2026-06-29 13:20:19 +02:00
Author
Owner

Munka befejezve: 2026-06-29 13:20:19

Technikai Összefoglaló:
Gitea #314 kész: Admin User Detail Page (users/[id]/index.vue) — 978 soros Vue komponens létrehozva tab navigációval (Profile, Memberships), edit modal-lal, notification rendszerrel. i18n kulcsok bővítve en.json és hu.json fájlokban (~45 kulcs). Nuxt build: sikeres. Backend API import: sikeres (get_admin_user, update_admin_user, get_user_memberships).

⏱️ Az idő rögzítve.

✅ **Munka befejezve:** 2026-06-29 13:20:19 **Technikai Összefoglaló:** ✅ Gitea #314 kész: Admin User Detail Page (users/[id]/index.vue) — 978 soros Vue komponens létrehozva tab navigációval (Profile, Memberships), edit modal-lal, notification rendszerrel. i18n kulcsok bővítve en.json és hu.json fájlokban (~45 kulcs). Nuxt build: sikeres. Backend API import: sikeres (get_admin_user, update_admin_user, get_user_memberships). ⏱️ *Az idő rögzítve.*
Author
Owner

Gitea #314 — Admin User Detail Page (users/[id]/index.vue) — KÉSZ

Létrehozott fájlok:

  • frontend_admin/pages/users/[id]/index.vue (978 sor) — Teljes felhasználó részletek oldal:
    • Loading/Error/Content állapotkezelés
    • Header: vissza gomb, avatar (iniciálék alapján színezve), név, státusz badge, VIP badge, email, telefon, szerkesztés gomb
    • Tab navigáció: Profile, Memberships
    • Profile tab: 3 info card — Account Info (ID, email, role, reg_date, last_login, ui_mode, language, region, currency), Subscription Info (package, expires_at, scope_level/ID, max_vehicles/garages), Personal Info (Person + Address adatok, fallback ha nincs)
    • Memberships tab: táblázat org_name, org_role, member_status, joined_at, verified oszlopokkal
    • Edit Modal: account mezők (email, language, region, currency, subscription, scope, active/vip) + person mezők (last_name, first_name, phone, mothers_name, mothers_first_name, birth_place, birth_date)
    • Notification toast rendszer 4 másodperces auto-dismiss-sel

Módosított fájlok:

  • frontend_admin/i18n/locales/en.jsonusers.details szekció ~45 i18n kulccsal
  • frontend_admin/i18n/locales/hu.jsonusers.details szekció magyar fordításokkal
  • .roo/history.md — Technikai összefoglaló hozzáadva

Ellenőrzés:

  • Nuxt build: Sikeres (0 hiba)
  • Backend API import: Sikeres (get_admin_user, update_admin_user, get_user_memberships)
  • Gitea #314: Lezárva (Done)

Backend API végpontok használva:

  • GET /admin/users/{user_id}UserResponse (Person + Address)
  • PATCH /admin/users/{user_id} → Admin user edit audit logginggal
  • GET /admin/users/{user_id}/membershipsList[UserMembershipResponse]
## ✅ Gitea #314 — Admin User Detail Page (users/[id]/index.vue) — KÉSZ ### Létrehozott fájlok: - **`frontend_admin/pages/users/[id]/index.vue`** (978 sor) — Teljes felhasználó részletek oldal: - **Loading/Error/Content** állapotkezelés - **Header**: vissza gomb, avatar (iniciálék alapján színezve), név, státusz badge, VIP badge, email, telefon, szerkesztés gomb - **Tab navigáció**: Profile, Memberships - **Profile tab**: 3 info card — Account Info (ID, email, role, reg_date, last_login, ui_mode, language, region, currency), Subscription Info (package, expires_at, scope_level/ID, max_vehicles/garages), Personal Info (Person + Address adatok, fallback ha nincs) - **Memberships tab**: táblázat org_name, org_role, member_status, joined_at, verified oszlopokkal - **Edit Modal**: account mezők (email, language, region, currency, subscription, scope, active/vip) + person mezők (last_name, first_name, phone, mothers_name, mothers_first_name, birth_place, birth_date) - **Notification toast** rendszer 4 másodperces auto-dismiss-sel ### Módosított fájlok: - **`frontend_admin/i18n/locales/en.json`** — `users.details` szekció ~45 i18n kulccsal - **`frontend_admin/i18n/locales/hu.json`** — `users.details` szekció magyar fordításokkal - **`.roo/history.md`** — Technikai összefoglaló hozzáadva ### Ellenőrzés: - ✅ **Nuxt build**: Sikeres (0 hiba) - ✅ **Backend API import**: Sikeres (`get_admin_user`, `update_admin_user`, `get_user_memberships`) - ✅ **Gitea #314**: Lezárva (Done) ### Backend API végpontok használva: - `GET /admin/users/{user_id}` → `UserResponse` (Person + Address) - `PATCH /admin/users/{user_id}` → Admin user edit audit logginggal - `GET /admin/users/{user_id}/memberships` → `List[UserMembershipResponse]`
Sign in to join this conversation.