Enhance client dashboard summary: Add current fiat value of Bitcoin holdings and wallet currency to the summary metrics. Update model and frontend to display current value and unrealized gains/losses, improving financial insights for users.

This commit is contained in:
padreug 2025-06-22 16:02:43 +02:00
parent e05404fcab
commit 9821be0406
4 changed files with 62 additions and 1 deletions

View file

@ -57,6 +57,32 @@
</div>
</div>
</div>
<!-- Current Value Row -->
<div class="row q-col-gutter-md q-mt-sm">
<div class="col-12 col-md-6">
<q-card flat class="bg-green-1">
<q-card-section class="text-center">
<div class="text-h5 text-green-8">${formatCurrencyWithCode(dashboardData.current_sats_fiat_value, dashboardData.currency)}</div>
<div class="text-caption text-green-7">Current Value of Bitcoin Holdings</div>
<div class="text-caption text-grey">at today's ${dashboardData.currency} exchange rate</div>
</q-card-section>
</q-card>
</div>
<div class="col-12 col-md-6">
<q-card flat class="bg-blue-1">
<q-card-section class="text-center">
<div class="text-h6 text-blue-8">
${dashboardData.current_sats_fiat_value > (dashboardData.total_fiat_invested / 100) ? '+' : ''}
${formatCurrencyWithCode(dashboardData.current_sats_fiat_value - (dashboardData.total_fiat_invested / 100), dashboardData.currency)}
</div>
<div class="text-caption text-blue-7">
${dashboardData.current_sats_fiat_value > (dashboardData.total_fiat_invested / 100) ? 'Unrealized Gain' : 'Unrealized Loss'}
</div>
<div class="text-caption text-grey">vs total invested</div>
</q-card-section>
</q-card>
</div>
</div>
<!-- Pending Deposits Row -->
<div v-if="dashboardData.pending_fiat_deposits > 0" class="row q-col-gutter-md q-mt-sm">
<div class="col-12">