gru/lista_zakupowa_live
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

kolory przyciskow

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2025-09-18 20:50:35 +02:00
parent f12272e7d0
commit f71ddd3898
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
static/js/chart_controls.js
View File

@@ -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); }
}

22
static/js/chart_split_controls.js
View File

@@ -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
}