SZUT/casino
4
1
Fork 0
Code Issues Pull requests 1 Releases 80 Packages 2 Wiki Activity Actions

feat(transaction-history): add transaction history feature with modal

Browse source
This commit is contained in:
csimonis 2025-04-23 11:02:49 +02:00
parent d6077645d9
commit 9817fb95db
6 changed files with 57 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/app/feature/home/home.component.html
View file

@ -81,9 +81,10 @@
[isOpen]="isDepositModalOpen"
(closeModalEmitter)="closeDepositModal()"
></app-deposit>
<button class="bg-deep-blue-light hover:bg-deep-blue-contrast w-full py-2 rounded">
<button class="bg-deep-blue-light hover:bg-deep-blue-contrast w-full py-2 rounded" (click)="openTransactionModal()">
Transaktionen
</button>
<app-transaction-history [isOpen]="isTransactionModalOpen" (closeEventEmitter)="closeTransactionModal()" />
<button class="bg-deep-blue-light hover:bg-deep-blue-contrast w-full py-2 rounded">
Kontoeinstellungen
</button>
@ -103,8 +104,8 @@
*ngFor="let transaction of recentTransactions|async"
>
<div>
<p class="text-sm font-medium">{{ transaction.type }}</p>
<p class="text-xs text-text-secondary">{{ transaction.createdAt | date }}</p>
<p class="text-sm font-medium">{{ transaction.status }}</p>
<p class="text-xs text-text-secondary">{{ transaction.createdAt | date : 'd.m.Y H:m'}}</p>
</div>
<span [class]="transaction.amount > 0 ? 'text-emerald' : 'text-accent-red'">
{{ transaction.amount | currency: 'EUR' }}