From f71ddd389810a6af1e836cd1b1ce270ae77064f8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?= Date: Thu, 18 Sep 2025 20:50:35 +0200 Subject: [PATCH] kolory przyciskow --- static/js/chart_controls.js | 4 ++-- static/js/chart_split_controls.js | 22 +++++++++++----------- 2 files changed, 13 insertions(+), 13 deletions(-) diff --git a/static/js/chart_controls.js b/static/js/chart_controls.js index 919e95d..f13cc8d 100644 --- a/static/js/chart_controls.js +++ b/static/js/chart_controls.js @@ -16,8 +16,8 @@ document.addEventListener("DOMContentLoaded", function () { const daysAgo = (n) => { const d = new Date(); d.setDate(d.getDate() - n); return d; }; function setActiveTimeSplit(active) { - const on = (btn) => { btn.classList.add("btn-success btn-sm"); btn.classList.remove("btn-outline-light btn-sm"); btn.setAttribute("aria-pressed", "true"); }; - const off = (btn) => { btn.classList.remove("btn-success btn-sm"); btn.classList.add("btn-outline-light btn-sm"); btn.setAttribute("aria-pressed", "false"); }; + const on = (btn) => { btn.classList.add("btn-success"); btn.classList.remove("btn-outline-light"); btn.setAttribute("aria-pressed", "true"); }; + const off = (btn) => { btn.classList.remove("btn-success"); btn.classList.add("btn-outline-light"); btn.setAttribute("aria-pressed", "false"); }; if (active === "monthly") { on(toggleMonthlySplit); off(toggleDailySplit); } else { on(toggleDailySplit); off(toggleMonthlySplit); } } diff --git a/static/js/chart_split_controls.js b/static/js/chart_split_controls.js index 7f20c46..43a1beb 100644 --- a/static/js/chart_split_controls.js +++ b/static/js/chart_split_controls.js @@ -7,20 +7,20 @@ document.addEventListener('DOMContentLoaded', function() { // Funkcja ustawiająca aktywność przycisków podziału czasu function setActiveTimeSplit(active) { if (active === 'monthly') { - toggleMonthlySplit.classList.add('btn-success btn-sm'); - toggleMonthlySplit.classList.remove('btn-outline-light btn-sm'); + toggleMonthlySplit.classList.add('btn-success'); + toggleMonthlySplit.classList.remove('btn-outline-light'); toggleMonthlySplit.setAttribute('aria-pressed', 'true'); - toggleDailySplit.classList.remove('btn-success btn-sm'); - toggleDailySplit.classList.add('btn-outline-light btn-sm'); + toggleDailySplit.classList.remove('btn-success'); + toggleDailySplit.classList.add('btn-outline-light'); toggleDailySplit.setAttribute('aria-pressed', 'false'); } else if (active === 'daily') { toggleDailySplit.classList.add('btn-success'); - toggleDailySplit.classList.remove('btn-outline-light btn-sm'); + toggleDailySplit.classList.remove('btn-outline-light'); toggleDailySplit.setAttribute('aria-pressed', 'true'); - toggleMonthlySplit.classList.remove('btn-success btn-sm'); - toggleMonthlySplit.classList.add('btn-outline-light btn-sm'); + toggleMonthlySplit.classList.remove('btn-success'); + toggleMonthlySplit.classList.add('btn-outline-light'); toggleMonthlySplit.setAttribute('aria-pressed', 'false'); } } @@ -40,13 +40,13 @@ document.addEventListener('DOMContentLoaded', function() { toggleCategorySplit.addEventListener('click', function() { const isActive = this.classList.contains('btn-primary'); if (isActive) { - this.classList.remove('btn-success btn-sm'); - this.classList.add('btn-outline-light btn-sm'); + this.classList.remove('btn-success'); + this.classList.add('btn-outline-light'); this.setAttribute('aria-pressed', 'false'); loadExpenses(); // wyłącz podział kategorii } else { - this.classList.add('btn-success btn-sm'); - this.classList.remove('btn-outline-light btn-sm'); + this.classList.add('btn-success'); + this.classList.remove('btn-outline-light'); this.setAttribute('aria-pressed', 'true'); loadExpenses({ bycategory: true }); // włącz podział kategorii }