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 18:14:49 +00:00
parent 2f6192635e
commit 9ad3378d8c
1 changed files with 32 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,44 +1,52 @@
// Adventskalender 2025 – Türlogik (inkl. Popup)
// shared/js/door-open.js
/**
* Bratonien Adventskalender – Türöffnung (2025)
* ---------------------------------------------
* Öffnet normale Türen (.door) und Doppelflügeltüren (.fluegel)
* und triggert das Event für save-progress.js
*/
document.querySelectorAll(".door, .fluegel, .openfield").forEach(elem => {
elem.addEventListener("click", () => {
const day = elem.dataset.day;
if (!day) return;
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}"]`);
const door = document.querySelector(`.door[data-day="${day}"]`);
const left = document.querySelector(`.fluegel.left[data-day="${day}"]`);
const right = 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 {
if (elem.classList.contains("door") || (openfield && door && elem === openfield)) {
if (door.classList.contains("open")) {
console.log(`Tür ${day} erneut geöffnet`);
document.dispatchEvent(new CustomEvent("doorOpened", { detail: { day } }));
return;
}
if (typeof openPopup === "function") openPopup(day);
door.classList.add("open");
if (openfield) openfield.classList.add("open");
document.dispatchEvent(new CustomEvent("doorOpened", { detail: { day } }));
return;
}
// === FLÜGEL-TÜR-LOGIK ===
if (elem.classList.contains("fluegel") || (openfield && fluegelLeft && fluegelRight)) {
const left = fluegelLeft;
const right = fluegelRight;
// === DOPPELFLÜGEL-LOGIK ===
if (elem.classList.contains("fluegel") || (openfield && left && right && elem === openfield)) {
const bothOpen =
left?.classList.contains("rota") && right?.classList.contains("rota");
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 {
if (bothOpen) {
console.log(`Flügeltür ${day} erneut geöffnet`);
document.dispatchEvent(new CustomEvent("doorOpened", { detail: { day } }));
return;
}
if (typeof openPopup === "function") openPopup(day);
return;
if (left) left.classList.add("rota");
if (right) right.classList.add("rota");
if (openfield) openfield.classList.add("open");
document.dispatchEvent(new CustomEvent("doorOpened", { detail: { day } }));
}
});
});