Add an All Days button to the schedule editor
All checks were successful
Deploy / deploy (push) Successful in 25s

Selects all 7 day toggles in one click instead of clicking each one.
Scoped selectors to .day-toggle[data-day] throughout so the new button
(which has no data-day) can't accidentally get read as a day or toggled
by the generic day-button click handler.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01H6TgffxTvYhqxykAbVQg2v
This commit is contained in:
Barely Removable 2026-08-31 20:29:19 -07:00
parent 0f336b3d0c
commit 63e2296d1c
3 changed files with 12 additions and 4 deletions

2
app.py
View file

@ -8,7 +8,7 @@ import automation
import scheduler
import storage
APP_VERSION = "0.4.1"
APP_VERSION = "0.5.0"
APP_VERSION_DATE = "2026-09-01"
app = Flask(__name__)

View file

@ -59,19 +59,26 @@ function initRuleCard(card) {
saveSchedule(card, { enabledOverride: e.target.checked });
});
card.querySelectorAll(".day-toggle").forEach((btn) => {
card.querySelectorAll(".day-toggle[data-day]").forEach((btn) => {
btn.addEventListener("click", () => btn.classList.toggle("active"));
});
const allDaysBtn = card.querySelector(".day-toggle-all");
if (allDaysBtn) {
allDaysBtn.addEventListener("click", () => {
card.querySelectorAll(".day-toggle[data-day]").forEach((btn) => btn.classList.add("active"));
});
}
card.querySelector(".add-schedule").addEventListener("click", () => {
const time = card.querySelector(".new-time").value;
const days = [...card.querySelectorAll(".day-toggle.active")].map((b) => b.dataset.day);
const days = [...card.querySelectorAll(".day-toggle[data-day].active")].map((b) => b.dataset.day);
if (!time || days.length === 0) {
alert("Pick a time and at least one day.");
return;
}
addChip(card, time, days);
card.querySelectorAll(".day-toggle.active").forEach((b) => b.classList.remove("active"));
card.querySelectorAll(".day-toggle[data-day].active").forEach((b) => b.classList.remove("active"));
saveSchedule(card);
});

View file

@ -60,6 +60,7 @@
{% for d in days %}
<button type="button" class="day-toggle" data-day="{{ d }}">{{ day_labels[d] }}</button>
{% endfor %}
<button type="button" class="day-toggle day-toggle-all">All Days</button>
</div>
</div>