Refactor calendar widget changes

This commit is contained in:
2026-04-23 10:56:05 +02:00
parent 910be60ed5
commit 4751a99e8e
9 changed files with 51 additions and 122 deletions
+2 -30
View File
@@ -4,7 +4,7 @@
var toggle = document.createElement("button");
toggle.type = "button";
toggle.className = "diary-cal-toggle";
toggle.className = "panel-toggle";
toggle.textContent = "Kalender";
toggle.setAttribute("aria-expanded", "false");
toggle.addEventListener("click", function () {
@@ -18,35 +18,7 @@
main.parentNode.insertBefore(cal, main);
}
// Wire up month/year dropdowns inside the calendar.
var drops = cal.querySelectorAll(".diary-cal-drop");
drops.forEach(function (drop) {
var trigger = drop.querySelector("button");
var menu = drop.querySelector(".dropdown-menu");
if (!trigger || !menu) return;
trigger.addEventListener("click", function (e) {
e.stopPropagation();
drops.forEach(function (other) {
if (other !== drop) {
other.querySelector(".dropdown-menu").classList.remove("is-open");
}
});
menu.classList.toggle("is-open");
});
});
document.addEventListener("click", function (e) {
drops.forEach(function (drop) {
if (!drop.contains(e.target)) {
drop.querySelector(".dropdown-menu").classList.remove("is-open");
}
});
});
document.addEventListener("keydown", function (e) {
if (e.key !== "Escape") return;
drops.forEach(function (drop) {
drop.querySelector(".dropdown-menu").classList.remove("is-open");
});
});
cal.querySelectorAll(".diary-cal-drop > button").forEach(wireDropdown);
var pageHeader = document.querySelector("header");
function updateTop() {