Thomas/Bratonien-Adventskalender
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adventskalender/shared/js/door-open.js aktualisiert

Browse Source
This commit is contained in:
Thomas Dannenberg
2025-11-04 20:38:45 +00:00
parent 95eecae98b
commit 0d7689f13a
1 changed files with 23 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
adventskalender/shared/js/door-open.js
View File

@@ -1,61 +1,35 @@
// Öffnungslogik für Einzeltüren document.querySelectorAll(".door, .fluegel").forEach(elem => {
document.querySelectorAll(".door").forEach(door => { elem.addEventListener("click", () => {
door.addEventListener("click", () => { const day = elem.dataset.day;
const day = door.dataset.day;
const openfield = document.querySelector(`.openfield[data-day="${day}"]`); const openfield = document.querySelector(`.openfield[data-day="${day}"]`);
if (door.classList.contains("double")) { // === EINZELTÜR-LOGIK ===
if (door.classList.contains("open")) { if (elem.classList.contains("door")) {
console.log(`Doppeltür ${day} erneut geöffnet`); if (elem.classList.contains("open")) {
return;
}
door.classList.add("open");
const leftFluegel = door.querySelector(".fluegel.left");
const rightFluegel = door.querySelector(".fluegel.right");
if (leftFluegel) leftFluegel.classList.add("open");
if (rightFluegel) rightFluegel.classList.add("open");
if (openfield) openfield.classList.add("open");
return;
}
if (door.classList.contains("open")) {
console.log(`Tür ${day} erneut geöffnet`); console.log(`Tür ${day} erneut geöffnet`);
return; return;
} }
door.classList.add("open"); elem.classList.add("open");
if (openfield) openfield.classList.add("open"); if (openfield) openfield.classList.add("open");
});
});
document.querySelectorAll(".fluegel").forEach(flügel => {
flügel.addEventListener("click", () => {
const day = flügel.dataset.day;
const fluegelLeft = document.querySelector(`.fluegel.left[data-day="${day}"]`);
const fluegelRight = document.querySelector(`.fluegel.right[data-day="${day}"]`);
const openfield = document.querySelector(`.openfield[data-day="${day}"]`);
// Abbruch wenn beide schon offen
if (fluegelLeft?.classList.contains("open") && fluegelRight?.classList.contains("open")) {
console.log(`Doppeltür ${day} bereits geöffnet`);
return; return;
} }
// Öffne gezielt nur, wenn noch nicht offen // === DOPPELFLÜGEL-LOGIK ===
if (!fluegelLeft?.classList.contains("open")) { if (elem.classList.contains("fluegel")) {
fluegelLeft?.classList.add("open"); // bereits geöffnet?
const alreadyOpen = document.querySelectorAll(`.fluegel[data-day="${day}"].rota`);
if (alreadyOpen.length === 2) {
console.log(`Flügeltür ${day} erneut geöffnet`);
return;
} }
if (!fluegelRight?.classList.contains("open")) { const left = document.querySelector(`.fluegel.left[data-day="${day}"]`);
fluegelRight?.classList.add("open"); const right = document.querySelector(`.fluegel.right[data-day="${day}"]`);
}
// Openfield aktivieren if (left) left.classList.add("rota");
openfield?.classList.add("open"); if (right) right.classList.add("rota");
if (openfield) openfield.classList.add("open");
}
}); });
}); });