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

This commit is contained in:
2025-11-05 18:25:45 +00:00
parent 246de75498
commit f614d3363c

View File

@@ -1,10 +1,6 @@
// 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
*/
// Öffnet Türen, Flügel und Openfields
// und sagt den anderen Skripten Bescheid (Popup, Save)
document.querySelectorAll(".door, .fluegel, .openfield").forEach(elem => {
elem.addEventListener("click", () => {
@@ -13,40 +9,53 @@ document.querySelectorAll(".door, .fluegel, .openfield").forEach(elem => {
const openfield = document.querySelector(`.openfield[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 && door && elem === openfield)) {
if (door.classList.contains("open")) {
console.log(`Tür ${day} erneut geöffnet`);
document.dispatchEvent(new CustomEvent("doorOpened", { detail: { day } }));
return;
}
const flLeft = document.querySelector(`.fluegel.left[data-day="${day}"]`);
const flRight = document.querySelector(`.fluegel.right[data-day="${day}"]`);
// 1) normale Tür
if (elem.classList.contains("door")) {
if (!door.classList.contains("open")) {
door.classList.add("open");
if (openfield) openfield.classList.add("open");
document.dispatchEvent(new CustomEvent("doorOpened", { detail: { day } }));
}
notifyDayOpened(day);
return;
}
// === DOPPELFLÜGEL-LOGIK ===
if (elem.classList.contains("fluegel") || (openfield && left && right && elem === openfield)) {
const bothOpen =
left?.classList.contains("rota") && right?.classList.contains("rota");
// 2) Flügeltür
if (elem.classList.contains("fluegel")) {
const beideOffen =
flLeft?.classList.contains("rota") &&
flRight?.classList.contains("rota");
if (bothOpen) {
console.log(`Flügeltür ${day} erneut geöffnet`);
document.dispatchEvent(new CustomEvent("doorOpened", { detail: { day } }));
return;
}
if (left) left.classList.add("rota");
if (right) right.classList.add("rota");
if (!beideOffen) {
if (flLeft) flLeft.classList.add("rota");
if (flRight) flRight.classList.add("rota");
if (openfield) openfield.classList.add("open");
}
notifyDayOpened(day);
return;
}
document.dispatchEvent(new CustomEvent("doorOpened", { detail: { day } }));
// 3) openfield (erneut öffnen / nur Popup)
if (elem.classList.contains("openfield")) {
notifyDayOpened(day);
return;
}
});
});
/**
* Sagt allen anderen Skripten: „Tag X wurde geöffnet“
* popup.js kann window.openPopup(day) bereitstellen
* save-progress.js hört auf das CustomEvent
*/
function notifyDayOpened(day) {
// fürs Speichern
document.dispatchEvent(new CustomEvent("doorOpened", { detail: { day } }));
// fürs Popup (deine vorhandene popup.js)
if (typeof window.openPopup === "function") {
window.openPopup(day);
}
}