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 17:16:02 +00:00
parent 572e458d6d
commit 5c68ad546e
1 changed files with 36 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,47 +1,49 @@
// shared/js/door-open.js document.querySelectorAll(".door, .fluegel").forEach(elem => {
// Bratonien Adventskalender – Öffnungslogik (inkl. Klick auf Openfield)
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 gifts = window.gifts || {}; // globale Geschenk-Liste (aus popup.js)
const fluegelLinks = document.querySelector(`.fluegel.left[data-day="${day}"]`); const gift = gifts[day] || "<p>Heute ist noch nichts freigeschaltet.</p>";
const fluegelRechts = document.querySelector(`.fluegel.right[data-day="${day}"]`);
// === EINZELTÜR === // === EINZELTÜR ===
if ( if (elem.classList.contains("door")) {
elem.classList.contains("door") || elem.classList.toggle("open");
(elem.classList.contains("openfield") && doors.length > 0) if (openfield) openfield.classList.toggle("open");
) { showGiftPopup(gift);
const door = doors[0];
if (!door) return;
if (door.classList.contains("open")) {
console.log(`Tür ${day} erneut geöffnet (auch via Openfield)`);
return;
}
door.classList.add("open");
if (openfield) openfield.classList.add("open");
console.log(`Tür ${day} geöffnet${elem.classList.contains("openfield") ? " (via Openfield)" : ""}`);
return; return;
} }
// === DOPPELFLÜGEL === // === DOPPELFLÜGEL ===
if ( if (elem.classList.contains("fluegel")) {
elem.classList.contains("fluegel") || const left = document.querySelector(`.fluegel.left[data-day="${day}"]`);
(elem.classList.contains("openfield") && fluegelLinks && fluegelRechts) const right = document.querySelector(`.fluegel.right[data-day="${day}"]`);
) {
const alreadyOpen = document.querySelectorAll(`.fluegel[data-day="${day}"].rota`);
if (alreadyOpen.length === 2) {
console.log(`Flügeltür ${day} erneut geöffnet (auch via Openfield)`);
return;
}
if (fluegelLinks) fluegelLinks.classList.add("rota"); if (left && right) {
if (fluegelRechts) fluegelRechts.classList.add("rota"); left.classList.toggle("rota");
if (openfield) openfield.classList.add("open"); right.classList.toggle("rota");
console.log(`Flügeltür ${day} geöffnet${elem.classList.contains("openfield") ? " (via Openfield)" : ""}`); }
if (openfield) openfield.classList.toggle("open");
showGiftPopup(gift);
} }
}); });
});
/* === Popup-Funktion === */
function showGiftPopup(html) {
const overlay = document.getElementById("popup-overlay");
const content = document.getElementById("popup-content");
if (!overlay || !content) return;
content.innerHTML = html;
overlay.style.display = "flex";
}
/* === Schließen-Logik (einmalig) === */
document.addEventListener("DOMContentLoaded", () => {
const overlay = document.getElementById("popup-overlay");
const closeBtn = document.getElementById("popup-close");
if (!overlay || !closeBtn) return;
closeBtn.addEventListener("click", () => (overlay.style.display = "none"));
overlay.addEventListener("click", e => {
if (e.target === overlay) overlay.style.display = "none";
});
}); });