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-05 16:36:07 +00:00
parent f12c063eae
commit 33229e8c2c
1 changed files with 18 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,34 +1,39 @@
document.querySelectorAll(".door, .fluegel").forEach(elem => { // shared/js/door-open.js
// Bratonien Adventskalender – Öffnungslogik
document.querySelectorAll(".door, .fluegel, .openfield").forEach(elem => {
elem.addEventListener("click", () => { elem.addEventListener("click", () => {
const day = elem.dataset.day; const day = elem.dataset.day;
const openfield = document.querySelector(`.openfield[data-day="${day}"]`); const openfield = document.querySelector(`.openfield[data-day="${day}"]`);
const doors = document.querySelectorAll(`.door[data-day="${day}"]`);
const fluegelLinks = document.querySelector(`.fluegel.left[data-day="${day}"]`);
const fluegelRechts = document.querySelector(`.fluegel.right[data-day="${day}"]`);
// === EINZELTÜR-LOGIK === // === Einzeltür ===
if (elem.classList.contains("door")) { if (elem.classList.contains("door") || (elem.classList.contains("openfield") && doors.length > 0)) {
if (elem.classList.contains("open")) { const door = doors[0];
if (!door) return;
if (door.classList.contains("open")) {
console.log(`Tür ${day} erneut geöffnet`); console.log(`Tür ${day} erneut geöffnet`);
return; return;
} }
elem.classList.add("open"); door.classList.add("open");
if (openfield) openfield.classList.add("open"); if (openfield) openfield.classList.add("open");
return; return;
} }
// === DOPPELFLÜGEL-LOGIK === // === Doppelflügeltür ===
if (elem.classList.contains("fluegel")) { if (elem.classList.contains("fluegel") || (elem.classList.contains("openfield") && fluegelLinks && fluegelRechts)) {
// bereits geöffnet?
const alreadyOpen = document.querySelectorAll(`.fluegel[data-day="${day}"].rota`); const alreadyOpen = document.querySelectorAll(`.fluegel[data-day="${day}"].rota`);
if (alreadyOpen.length === 2) { if (alreadyOpen.length === 2) {
console.log(`Flügeltür ${day} erneut geöffnet`); console.log(`Flügeltür ${day} erneut geöffnet`);
return; return;
} }
const left = document.querySelector(`.fluegel.left[data-day="${day}"]`); if (fluegelLinks) fluegelLinks.classList.add("rota");
const right = document.querySelector(`.fluegel.right[data-day="${day}"]`); if (fluegelRechts) fluegelRechts.classList.add("rota");
if (left) left.classList.add("rota");
if (right) right.classList.add("rota");
if (openfield) openfield.classList.add("open"); if (openfield) openfield.classList.add("open");
} }
}); });