Frontend: Pontszabályok + Szintek CRUD oldalak #331

Closed
opened 2026-06-29 16:06:58 +02:00 by kincses · 2 comments
Owner

Mérföldkő: Epic 8 Gamification 2.0, Verseny és Önvéde
Cél: Pontszabályok (point-rules.vue) és Szint konfigurációk (levels.vue) admin CRUD oldalak létrehozása

🔗 Függőségek (Dependencies)

  • Bemenet (Mikre támaszkodik): #329 (Frontend menüpont)
  • Kimenet (Mik támaszkodnak rá): Nincs

📝 Elemzés

Két új oldal létrehozása:

  1. frontend_admin/pages/gamification/point-rules.vue:

    • DataTable: action_key, points, description, is_active mezőkkel
    • CRUD műveletek: inline szerkeszthető sorok, új sor hozzáadása gombbal
    • Keresés/Szűrés: action_key alapján
    • API: GET/POST/PUT/DELETE /admin/gamification/point-rules
  2. frontend_admin/pages/gamification/levels.vue:

    • DataTable: level_number, min_points, rank_name, is_penalty mezőkkel
    • CRUD: új szint hozzáadása, meglévő szerkesztése
    • Vizuális: szintlépés fa diagram
    • API: GET/POST/PUT /admin/gamification/level-configs
**Mérföldkő:** Epic 8 Gamification 2.0, Verseny és Önvéde **Cél:** Pontszabályok (point-rules.vue) és Szint konfigurációk (levels.vue) admin CRUD oldalak létrehozása ### 🔗 Függőségek (Dependencies) - **Bemenet (Mikre támaszkodik):** #329 (Frontend menüpont) - **Kimenet (Mik támaszkodnak rá):** Nincs ### 📝 Elemzés Két új oldal létrehozása: 1. frontend_admin/pages/gamification/point-rules.vue: - DataTable: action_key, points, description, is_active mezőkkel - CRUD műveletek: inline szerkeszthető sorok, új sor hozzáadása gombbal - Keresés/Szűrés: action_key alapján - API: GET/POST/PUT/DELETE /admin/gamification/point-rules 2. frontend_admin/pages/gamification/levels.vue: - DataTable: level_number, min_points, rank_name, is_penalty mezőkkel - CRUD: új szint hozzáadása, meglévő szerkesztése - Vizuális: szintlépés fa diagram - API: GET/POST/PUT /admin/gamification/level-configs
kincses added this to the Epic 8 Gamification 2.0, Verseny és Önvéde milestone 2026-06-29 16:06:58 +02:00
kincses added the Status: To DoScope: FrontendType: Feature labels 2026-06-29 16:06:58 +02:00
kincses added Status: Done and removed Status: To Do labels 2026-06-29 22:37:42 +02:00
Author
Owner

Munka befejezve: 2026-06-29 22:37:41

Technikai Összefoglaló:
Frontend: Pontszabályok (point-rules.vue) és Szintek (levels.vue) CRUD oldalak implementálva. Pontszabályok: teljes CRUD adattáblával, create/edit modal-lal, soft-delete-tel. Szintek: teljes CRUD adattáblával, create/edit modal-lal, vizuális szint fa diagrammal. Backend végpontok már készen voltak. Build sikeres a sf_admin_frontend konténerben.

⏱️ Az idő rögzítve.

✅ **Munka befejezve:** 2026-06-29 22:37:41 **Technikai Összefoglaló:** Frontend: Pontszabályok (point-rules.vue) és Szintek (levels.vue) CRUD oldalak implementálva. Pontszabályok: teljes CRUD adattáblával, create/edit modal-lal, soft-delete-tel. Szintek: teljes CRUD adattáblával, create/edit modal-lal, vizuális szint fa diagrammal. Backend végpontok már készen voltak. Build sikeres a sf_admin_frontend konténerben. ⏱️ *Az idő rögzítve.*
Author
Owner

Gitea #331 - Frontend: Pontszabályok + Szintek CRUD oldal (admin) — ELKÉSZÜLT

Implementált fájlok:

1. frontend_admin/pages/gamification/point-rules.vue (363 sor)

  • Teljes CRUD implementáció a /api/v1/admin/gamification/point-rules végpontokhoz
  • Listázás: Adattábla ID, action_key, points, description, is_active oszlopokkal
  • Létrehozás: Modal form action_key, points, description, is_active mezőkkel
  • Szerkesztés: Modal form előtöltött adatokkal
  • Törlés: Soft-delete (is_active=False) megerősítő modal-lal
  • Hibakezelés: 409 Conflict (duplikált action_key), loading/error/empty állapotok
  • Toast értesítések minden CRUD művelethez

2. frontend_admin/pages/gamification/levels.vue (370 sor)

  • Teljes CRUD implementáció a /api/v1/admin/gamification/level-configs végpontokhoz
  • Listázás: Adattábla level_number, rank_name, min_points, is_penalty oszlopokkal
  • Létrehozás: Modal form level_number, rank_name, min_points, is_penalty mezőkkel
  • Szerkesztés: Modal form előtöltött adatokkal
  • Vizuális szint fa diagram: Progress bar-okkal, normál/büntető színezéssel
  • Hibakezelés: 409 Conflict (duplikált level_number), loading/error/empty állapotok

Meglévő, nem módosított infrastruktúra:

  • Backend admin_gamification.py — már készen volt
  • Layout menü default.vue — már tartalmazta a gamification menüpontokat
  • Gamification routing — Nuxt auto-routing már működött

Build: Sikeres Nuxt build a sf_admin_frontend konténerben

## ✅ Gitea #331 - Frontend: Pontszabályok + Szintek CRUD oldal (admin) — ELKÉSZÜLT ### Implementált fájlok: **1. [`frontend_admin/pages/gamification/point-rules.vue`](frontend_admin/pages/gamification/point-rules.vue)** (363 sor) - Teljes CRUD implementáció a `/api/v1/admin/gamification/point-rules` végpontokhoz - **Listázás**: Adattábla ID, action_key, points, description, is_active oszlopokkal - **Létrehozás**: Modal form action_key, points, description, is_active mezőkkel - **Szerkesztés**: Modal form előtöltött adatokkal - **Törlés**: Soft-delete (is_active=False) megerősítő modal-lal - **Hibakezelés**: 409 Conflict (duplikált action_key), loading/error/empty állapotok - **Toast értesítések** minden CRUD művelethez **2. [`frontend_admin/pages/gamification/levels.vue`](frontend_admin/pages/gamification/levels.vue)** (370 sor) - Teljes CRUD implementáció a `/api/v1/admin/gamification/level-configs` végpontokhoz - **Listázás**: Adattábla level_number, rank_name, min_points, is_penalty oszlopokkal - **Létrehozás**: Modal form level_number, rank_name, min_points, is_penalty mezőkkel - **Szerkesztés**: Modal form előtöltött adatokkal - **Vizuális szint fa diagram**: Progress bar-okkal, normál/büntető színezéssel - **Hibakezelés**: 409 Conflict (duplikált level_number), loading/error/empty állapotok ### Meglévő, nem módosított infrastruktúra: - Backend [`admin_gamification.py`](backend/app/api/v1/endpoints/admin_gamification.py) — már készen volt - Layout menü [`default.vue`](frontend_admin/layouts/default.vue) — már tartalmazta a gamification menüpontokat - Gamification routing — Nuxt auto-routing már működött ### Build: ✅ Sikeres Nuxt build a `sf_admin_frontend` konténerben
Sign in to join this conversation.