35 lines
1.1 KiB
JavaScript
35 lines
1.1 KiB
JavaScript
document.querySelectorAll(".door, .fluegel").forEach(elem => {
|
|
elem.addEventListener("click", () => {
|
|
const day = elem.dataset.day;
|
|
const openfield = document.querySelector(`.openfield[data-day="${day}"]`);
|
|
|
|
// === EINZELTÜR-LOGIK ===
|
|
if (elem.classList.contains("door")) {
|
|
if (elem.classList.contains("open")) {
|
|
console.log(`Tür ${day} erneut geöffnet`);
|
|
return;
|
|
}
|
|
|
|
elem.classList.add("open");
|
|
if (openfield) openfield.classList.add("open");
|
|
return;
|
|
}
|
|
|
|
// === DOPPELFLÜGEL-LOGIK ===
|
|
if (elem.classList.contains("fluegel")) {
|
|
// bereits geöffnet?
|
|
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 (openfield) openfield.classList.add("open");
|
|
}
|
|
});
|
|
}); |