kincses/service-finder
1
0
Fork 0
Code Issues 52 Pull Requests Packages Projects 2 Releases Wiki Activity

5.2: Felhasználói trend diagram komponens #319

New Issue
Closed
opened 2026-06-29 03:36:33 +02:00 by kincses · 2 comments
kincses commented 2026-06-29 03:36:33 +02:00
Owner
Copy Link

Mérföldkő: Admin User & Person Management
Cél: Regisztrációs trend diagram a dashboardon. A GET /admin/users/stats registration_trend mezőjéből napi bontású oszlopdiagram megjelenítése az elmúlt 30 napra.

🔗 Függőségek (Dependencies)

  • Bemenet (Mikre támaszkodik): GET /admin/users/stats (1.3)
  • Kimenet (Mik támaszkodnak rá): - (nincs)

📝 Elemzés

Chart.js vagy egyszerű SVG/CSS alapú diagram komponens. Használhatja a meglévő dashboard layout-ot.

**Mérföldkő:** Admin User & Person Management **Cél:** Regisztrációs trend diagram a dashboardon. A GET /admin/users/stats registration_trend mezőjéből napi bontású oszlopdiagram megjelenítése az elmúlt 30 napra. ### 🔗 Függőségek (Dependencies) - **Bemenet (Mikre támaszkodik):** GET /admin/users/stats (1.3) - **Kimenet (Mik támaszkodnak rá):** - (nincs) ### 📝 Elemzés Chart.js vagy egyszerű SVG/CSS alapú diagram komponens. Használhatja a meglévő dashboard layout-ot.
kincses added this to the Epic 10 (Admin UI) Jegyek Létrehozása milestone 2026-06-29 03:36:33 +02:00
kincses added the Status: To DoScope: FrontendType: Feature labels 2026-06-29 03:36:33 +02:00
kincses added Status: Done and removed Status: To Do labels 2026-06-29 14:18:38 +02:00
kincses commented 2026-06-29 14:18:38 +02:00
Author
Owner
Copy Link

✅ Munka befejezve: 2026-06-29 14:18:38

Technikai Összefoglaló:
EPIC-5, task 5.2: Felhasznaloi trend diagram komponens kesz. Letrehozva: UserTrendChart.vue (pure SVG bar chart period selectorral, tooltippekkel, trend indikatorral). i18n kulcsok hozzaadva hu/en.json. Beepitve a users/index.vue oldalba a stats kartyak es a filter bar koze. Frontend build hibatalan.

⏱️ Az idő rögzítve.

✅ **Munka befejezve:** 2026-06-29 14:18:38 **Technikai Összefoglaló:** EPIC-5, task 5.2: Felhasznaloi trend diagram komponens kesz. Letrehozva: UserTrendChart.vue (pure SVG bar chart period selectorral, tooltippekkel, trend indikatorral). i18n kulcsok hozzaadva hu/en.json. Beepitve a users/index.vue oldalba a stats kartyak es a filter bar koze. Frontend build hibatalan. ⏱️ *Az idő rögzítve.*
kincses commented 2026-06-29 14:19:17 +02:00
Author
Owner
Copy Link

✅ Gitea #319 - Felhasználói trend diagram komponens - KÉSZ

Elvégzett feladatok:

  1. UserTrendChart.vue komponens létrehozása (frontend_admin/components/charts/UserTrendChart.vue)

    • Pure SVG bar chart (nincs külső chart library függőség)
    • Period selector: 7/14/30/90 nap
    • Grid lines, Y-axis labels, hover tooltips
    • Trend direction indicator (up/down/stable)
    • Summary stats: daily avg, total, trend %
    • Loading és empty state kezelés

  2. i18n kulcsok hozzáadása (frontend_admin/locales/hu.json, frontend_admin/locales/en.json)

    • trend_title, trend_subtitle, trend_7d/14d/30d/90d
    • trend_no_data, trend_daily, trend_avg, trend_total, trend_vs_prev

  3. Integrálás a users oldalba (frontend_admin/pages/users/index.vue)

    • Import: import UserTrendChart from '~/components/charts/UserTrendChart.vue'
    • Template: <UserTrendChart :data="stats.registration_trend" :loading="loading" />
    • A stats kártyák és a filter bar közé helyezve

Verifikáció:

  • ✅ Backend GET /admin/users/stats endpoint létezik és visszaadja a registration_trend adatokat
  • ✅ Frontend build hibátlanul lefutott a sf_admin_frontend konténerben
  • ✅ Gitea #319 kártya lezárva
## ✅ Gitea #319 - Felhasználói trend diagram komponens - KÉSZ ### Elvégzett feladatok: 1. **UserTrendChart.vue komponens létrehozása** ([`frontend_admin/components/charts/UserTrendChart.vue`](frontend_admin/components/charts/UserTrendChart.vue)) - Pure SVG bar chart (nincs külső chart library függőség) - Period selector: 7/14/30/90 nap - Grid lines, Y-axis labels, hover tooltips - Trend direction indicator (up/down/stable) - Summary stats: daily avg, total, trend % - Loading és empty state kezelés 2. **i18n kulcsok hozzáadása** ([`frontend_admin/locales/hu.json`](frontend_admin/locales/hu.json), [`frontend_admin/locales/en.json`](frontend_admin/locales/en.json)) - trend_title, trend_subtitle, trend_7d/14d/30d/90d - trend_no_data, trend_daily, trend_avg, trend_total, trend_vs_prev 3. **Integrálás a users oldalba** ([`frontend_admin/pages/users/index.vue`](frontend_admin/pages/users/index.vue)) - Import: `import UserTrendChart from '~/components/charts/UserTrendChart.vue'` - Template: `<UserTrendChart :data="stats.registration_trend" :loading="loading" />` - A stats kártyák és a filter bar közé helyezve ### Verifikáció: - ✅ Backend `GET /admin/users/stats` endpoint létezik és visszaadja a `registration_trend` adatokat - ✅ Frontend build hibátlanul lefutott a `sf_admin_frontend` konténerben - ✅ Gitea #319 kártya lezárva
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Role: Admin
👑 Role: Admin
 Role: User
👤 Role: User
 Scope: API
🔌 Scope: API
 Scope: Backend
🏗️ Scope: Backend
 Scope: Core
⚙️ Scope: Core
 Scope: Database
Scope: Frontend
🖥️ Scope: Frontend
 Scope: Robot
Status: Blocked
Status: Done
Status: In Progress
Status: To Do
Type: Bug
🐞 Type: Bug
 Type: Database
💾 Type: Database
 Type: Feature
✨ Type: Feature
 Type: Model
🧠 Type: Model
 Type: Refactor
Type: Refactor
Type: Script
📜 Type: Script
No Label Scope: Frontend Status: Done Type: Feature
Milestone
No items
No Milestone Epic 10 (Admin UI) Jegyek Létrehozása
Projects
Clear projects
No project
Assignees
Clear assignees
kincses
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: kincses/service-finder#319
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?