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", () => {
const day = elem.dataset.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 ===
if (elem.classList.contains("door")) {
if (elem.classList.contains("open")) {
// === Einzeltür ===
if (elem.classList.contains("door") || (elem.classList.contains("openfield") && doors.length > 0)) {
const door = doors[0];
if (!door) return;
if (door.classList.contains("open")) {
console.log(`Tür ${day} erneut geöffnet`);
return;
}
elem.classList.add("open");
door.classList.add("open");
if (openfield) openfield.classList.add("open");
return;
}
// === DOPPELFLÜGEL-LOGIK ===
if (elem.classList.contains("fluegel")) {
// bereits geöffnet?
// === Doppelflügeltür ===
if (elem.classList.contains("fluegel") || (elem.classList.contains("openfield") && fluegelLinks && fluegelRechts)) {
const alreadyOpen = document.querySelectorAll(`.fluegel[data-day="${day}"].rota`);
if (alreadyOpen.length === 2) {
console.log(`Flügeltür ${day} erneut geöffnet`);
return;
}
const left = document.querySelector(`.fluegel.left[data-day="${day}"]`);
const right = document.querySelector(`.fluegel.right[data-day="${day}"]`);
if (left) left.classList.add("rota");
if (right) right.classList.add("rota");
if (fluegelLinks) fluegelLinks.classList.add("rota");
if (fluegelRechts) fluegelRechts.classList.add("rota");
if (openfield) openfield.classList.add("open");
}
});