44 lines
1.6 KiB
JavaScript
44 lines
1.6 KiB
JavaScript
// Adventskalender 2025 – Türlogik (inkl. Popup)
|
||
|
||
document.querySelectorAll(".door, .fluegel, .openfield").forEach(elem => {
|
||
elem.addEventListener("click", () => {
|
||
const day = elem.dataset.day;
|
||
const openfield = document.querySelector(`.openfield[data-day="${day}"]`);
|
||
const doors = document.querySelectorAll(`.door[data-day="${day}"]`);
|
||
const fluegelLeft = document.querySelector(`.fluegel.left[data-day="${day}"]`);
|
||
const fluegelRight = document.querySelector(`.fluegel.right[data-day="${day}"]`);
|
||
|
||
// === EINZELTÜR-LOGIK ===
|
||
if (elem.classList.contains("door") || (openfield && doors.length)) {
|
||
const door = doors[0];
|
||
if (!door.classList.contains("open")) {
|
||
door.classList.add("open");
|
||
if (openfield) openfield.classList.add("open");
|
||
console.log(`Tür ${day} geöffnet`);
|
||
} else {
|
||
console.log(`Tür ${day} erneut geöffnet`);
|
||
}
|
||
|
||
if (typeof openPopup === "function") openPopup(day);
|
||
return;
|
||
}
|
||
|
||
// === FLÜGEL-TÜR-LOGIK ===
|
||
if (elem.classList.contains("fluegel") || (openfield && fluegelLeft && fluegelRight)) {
|
||
const left = fluegelLeft;
|
||
const right = fluegelRight;
|
||
|
||
if (!left.classList.contains("rota") || !right.classList.contains("rota")) {
|
||
if (left) left.classList.add("rota");
|
||
if (right) right.classList.add("rota");
|
||
if (openfield) openfield.classList.add("open");
|
||
console.log(`Flügeltür ${day} geöffnet`);
|
||
} else {
|
||
console.log(`Flügeltür ${day} erneut geöffnet`);
|
||
}
|
||
|
||
if (typeof openPopup === "function") openPopup(day);
|
||
return;
|
||
}
|
||
});
|
||
}); |