eneller/fakemoney
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: profile screen

Browse Source
This commit is contained in:
eneller
2026-03-05 22:34:50 +01:00
parent 427064a24c
commit cef3474c3d
4 changed files with 88 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
client/src/app/screens/screen-profile/screen-profile.html Normal file
View File

@@ -0,0 +1,46 @@
<div class="container py-4">
<!-- Profile Header -->
<div class="card mb-4 shadow-sm">
<div class="card-body text-center p-4">
<div class="avatar avatar-xl mb-3">
<i class="bi bi-person-circle fs-1 text-primary"></i>
</div>
<h3 class="mb-1">{{ username }}</h3>
<p class="text-muted mb-4">{{ email }}</p>
<button class="btn btn-outline-primary">Edit Profile</button>
</div>
</div>
<!-- Recent Transactions -->
<div class="card mb-4 shadow-sm">
<div class="card-header bg-light">
<h5 class="mb-0">Recent Transactions</h5>
</div>
<div class="card-body p-0">
<div class="list-group list-group-flush">
<!-- Transaction Item -->
@for (transaction of transactions; track transaction.date) {
<div class="list-group-item">
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex align-items-center">
<div class="me-3">
<i class="bi bi-person-fill fs-4 text-secondary"></i>
</div>
<div class="text-start">
<h6 class="mb-0">{{ transaction.partner }}</h6>
<small class="text-muted">{{ transaction.date | date:'medium' }}</small>
</div>
</div>
<div class="text-end">
<h6 class="mb-0" [class.text-success]="transaction.amount > 0" [class.text-danger]="transaction.amount < 0">
{{ transaction.amount | currency }}
</h6>
<small class="text-muted">{{ transaction.type }}</small>
</div>
</div>
</div>
}
</div>
</div>
</div>