Bluemedia/LibreCharge
1
0
Fork 0
Code Issues Pull requests 5 Projects Releases Packages Wiki Activity

Implement dashboard data logic

Browse source
This commit is contained in:
Oliver Traber 2025-05-25 21:07:28 +00:00
parent 1c810e6293
commit 5fa13de642
Signed by: Bluemedia
GPG key ID: C0674B105057136C
7 changed files with 115 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

26
frontend/src/lib/component/DashboardCard.svelte
View file

@ -25,18 +25,20 @@
<p class="text-2xl font-semibold">
{props.value}{#if props.unit}{' ' + props.unit}{/if}
</p>
{#if diff > 0}
<div class="badge badge-soft badge-success badge-sm gap-0.5 px-1 font-medium">
<i class="bi bi-arrow-up-right"></i>{diff}%
</div>
{:else if diff < 0}
<div class="badge badge-soft badge-error badge-sm gap-0.5 px-1 font-medium">
<i class="bi bi-arrow-down-right"></i>{diff}%
</div>
{:else}
<div class="badge badge-soft badge-warning badge-sm gap-0.5 px-1 font-medium">
<i class="bi bi-arrow-right"></i>{diff}%
</div>
{#if !Number.isNaN(diff)}
{#if diff > 0}
<div class="badge badge-outline badge-success badge-sm gap-0.5 px-1 font-medium">
<i class="bi bi-arrow-up-right"></i>{diff}%
</div>
{:else if diff < 0}
<div class="badge badge-outline badge-error badge-sm gap-0.5 px-1 font-medium">
<i class="bi bi-arrow-down-right"></i>{diff}%
</div>
{:else}
<div class="badge badge-outline badge-warning badge-sm gap-0.5 px-1 font-medium">
<i class="bi bi-arrow-right"></i>{diff}%
</div>
{/if}
{/if}
</div>
</div>