podzial dzienny

This commit is contained in:
Mateusz Gruszczyński
2025-09-17 21:24:52 +02:00
parent d87a0aacfb
commit ad219cdf4b
2 changed files with 58 additions and 15 deletions

View File

@@ -133,14 +133,20 @@
<div class="card bg-dark text-white mb-4">
<div class="card-body">
<div class="d-flex gap-2 mb-2">
<button class="btn btn-outline-light flex-fill py-2 mb-0 d-flex align-items-center justify-content-center gap-2" id="toggleCategorySplit">
Pokaż podział na kategorie
</button>
<button class="btn btn-outline-light flex-fill py-2 mb-0 d-flex align-items-center justify-content-center gap-2" id="toggleDailySplit">
Pokaż podział dzienny
</button>
<div class="d-flex gap-3 mb-3">
<div>
<h6 class="text-white">Podział według czasu</h6>
<div class="btn-group" role="group" aria-label="Podział czasu">
<button type="button" class="btn btn-outline-light" id="toggleMonthlySplit" aria-pressed="true">Pokaż podział miesięczny</button>
<button type="button" class="btn btn-outline-light" id="toggleDailySplit" aria-pressed="false">Pokaż podział dzienny</button>
</div>
</div>
<div>
<h6 class="text-white">Podział według kategorii</h6>
<button class="btn btn-outline-light" id="toggleCategorySplit" aria-pressed="false">Pokaż podział na kategorie</button>
</div>
</div>
<p id="chartRangeLabel" class="fw-bold mb-3">Widok: miesięczne</p>
<canvas id="expensesChart" height="120"></canvas>