From d87a0aacfb626e3949edbbba4f861c98475e2eb4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?= <gru@macbook.net.r.local>
Date: Wed, 17 Sep 2025 21:18:48 +0200
Subject: [PATCH] podzial dzienny

---
 static/js/expense_chart.js | 12 +++++++++---
 templates/expenses.html    | 16 ++++++++++------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/static/js/expense_chart.js b/static/js/expense_chart.js
index bc02b57..9e98585 100644
--- a/static/js/expense_chart.js
+++ b/static/js/expense_chart.js
@@ -120,6 +120,7 @@ document.addEventListener("DOMContentLoaded", function () {
         loadExpenses();
     });
 
+    
     toggleBtn.textContent = "🔵 Pokaż całościowo";
     toggleBtn.classList.remove("btn-outline-warning");
     toggleBtn.classList.add("btn-outline-info");
@@ -173,9 +174,14 @@ document.addEventListener("DOMContentLoaded", function () {
     }
 
     document.getElementById('toggleDailySplit').addEventListener('click', function() {
-    // Zmień typ podziału na dzienny i odśwież dane wykresu
-    currentRangeType = 'daily';
-    refreshChart();
+    // Pobierz aktualne daty jeśli są ustawione w inputach
+    const startDateInput = document.getElementById('startDate');
+    const endDateInput = document.getElementById('endDate');
+    let startDate = startDateInput ? startDateInput.value : null;
+    let endDate = endDateInput ? endDateInput.value : null;
+
+    // Wywołaj funkcję z "daily" jako typ zakresu
+    loadExpenses('daily', startDate, endDate);
     });
 
 });
diff --git a/templates/expenses.html b/templates/expenses.html
index d8755bd..60b3e28 100644
--- a/templates/expenses.html
+++ b/templates/expenses.html
@@ -132,12 +132,16 @@
       <div class="tab-pane fade" id="chartTab" role="tabpanel">
         <div class="card bg-dark text-white mb-4">
           <div class="card-body">
-            <button class="btn btn-outline-light w-100 py-2 mb-2 d-flex align-items-center justify-content-center gap-2" id="toggleCategorySplit">
-              Pokaż podział na kategorie
-            </button>
-            <button class="btn btn-outline-light w-100 py-2 mb-2 d-flex align-items-center justify-content-center gap-2" id="toggleDailySplit">
-              Pokaż podział dzienny
-            </button>
+
+            <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>
+
             <p id="chartRangeLabel" class="fw-bold mb-3">Widok: miesięczne</p>
             <canvas id="expensesChart" height="120"></canvas>
           </div>