Frontend: Részletes 'Pénzügyeim' (Wallet) oldal létrehozása #417

Closed
opened 2026-07-25 16:40:43 +02:00 by kincses · 2 comments
Owner

Cél: Egy új, dedikált oldal építése a pénzügyi tranzakciók és a 4 különböző tárca kezelésére, szigorúan többkönyvtáras komponens-alapú architektúrával.
Feladatok:

  1. Új nézet: frontend_client/pages/finance/wallet.vue.
  2. WalletBalanceCard.vue komponens: Megjeleníti a EARNED, PURCHASED, SERVICE_COINS, és VOUCHER egyenlegeket a backendről.
  3. TransactionHistory.vue komponens: A GET /billing/wallet/transactions adatainak listázása.
  4. A már megírt tEnum() helper és a hu/finance.json fordítások használata az enumok (státuszok, típusok) emberbarát megjelenítéséhez.
**Cél:** Egy új, dedikált oldal építése a pénzügyi tranzakciók és a 4 különböző tárca kezelésére, szigorúan többkönyvtáras komponens-alapú architektúrával. **Feladatok:** 1. Új nézet: `frontend_client/pages/finance/wallet.vue`. 2. `WalletBalanceCard.vue` komponens: Megjeleníti a `EARNED`, `PURCHASED`, `SERVICE_COINS`, és `VOUCHER` egyenlegeket a backendről. 3. `TransactionHistory.vue` komponens: A `GET /billing/wallet/transactions` adatainak listázása. 4. A már megírt `tEnum()` helper és a `hu/finance.json` fordítások használata az enumok (státuszok, típusok) emberbarát megjelenítéséhez.
kincses added the Status: To DoType: Feature labels 2026-07-25 16:40:43 +02:00
kincses added Status: In Progress and removed Status: To Do labels 2026-07-25 16:59:52 +02:00
kincses started working 2026-07-25 16:59:52 +02:00
Author
Owner

▶️ Munka megkezdve: 2026-07-25 16:59:52

▶️ **Munka megkezdve:** 2026-07-25 16:59:52
kincses added Status: Done and removed Status: In Progress labels 2026-07-25 17:02:50 +02:00
kincses worked for 2 minutes 2026-07-25 17:02:50 +02:00
Author
Owner

Munka befejezve: 2026-07-25 17:02:49

Technikai Összefoglaló:
FEATURE: Dedicated Wallet Page & Modular Components

Új fájlok (3)

  1. components/finance/WalletBalanceCard.vue - 4-pocket wallet display (EARNED, PURCHASED, SERVICE_COINS, VOUCHER), highlight support auto-scroll, total balance gradient bar
  2. components/finance/TransactionHistory.vue - Paginated transaction list from GET /billing/wallet/transactions, filter chips, human-readable badges, pagination
  3. views/WalletView.vue - Dedicated /finance/wallet page, ?highlight=service-coins query param, sticky top nav, 3-card layout

Módosított fájlok (1)

  1. router/index.ts - /finance/wallet route updated to WalletView.vue

Verifikáció

  • Vite build: 7.27s, 0 error
  • Új chunkok: WalletView-BpHdjNmo.js (13.72 kB), finance-CVn66PQF.js (1.07 kB)
  • 265 modules transformed, 7 new modules

⏱️ Az idő rögzítve.

✅ **Munka befejezve:** 2026-07-25 17:02:49 **Technikai Összefoglaló:** FEATURE: Dedicated Wallet Page & Modular Components ## Új fájlok (3) 1. components/finance/WalletBalanceCard.vue - 4-pocket wallet display (EARNED, PURCHASED, SERVICE_COINS, VOUCHER), highlight support auto-scroll, total balance gradient bar 2. components/finance/TransactionHistory.vue - Paginated transaction list from GET /billing/wallet/transactions, filter chips, human-readable badges, pagination 3. views/WalletView.vue - Dedicated /finance/wallet page, ?highlight=service-coins query param, sticky top nav, 3-card layout ## Módosított fájlok (1) 4. router/index.ts - /finance/wallet route updated to WalletView.vue ## Verifikáció - Vite build: 7.27s, 0 error - Új chunkok: WalletView-BpHdjNmo.js (13.72 kB), finance-CVn66PQF.js (1.07 kB) - 265 modules transformed, 7 new modules ⏱️ *Az idő rögzítve.*
Sign in to join this conversation.