Popup immer mit dem ersten Tab öffnen
This commit is contained in:
parent
339e9f8b41
commit
abe9fda293
@ -1,6 +1,22 @@
|
|||||||
const popup = document.getElementById("building-popup");
|
const popup = document.getElementById("building-popup");
|
||||||
const title = document.getElementById("popup-title");
|
const title = document.getElementById("popup-title");
|
||||||
|
|
||||||
|
function resetTabs() {
|
||||||
|
document
|
||||||
|
.querySelectorAll(".tab")
|
||||||
|
.forEach((t) => t.classList.remove("active"));
|
||||||
|
document
|
||||||
|
.querySelectorAll(".tab-content")
|
||||||
|
.forEach((c) => c.classList.remove("active"));
|
||||||
|
|
||||||
|
// erster Tab aktiv
|
||||||
|
const firstTab = document.querySelector(".tab");
|
||||||
|
const firstContent = document.querySelector(".tab-content");
|
||||||
|
|
||||||
|
if (firstTab) firstTab.classList.add("active");
|
||||||
|
if (firstContent) firstContent.classList.add("active");
|
||||||
|
}
|
||||||
|
|
||||||
document.querySelectorAll(".building").forEach((b) => {
|
document.querySelectorAll(".building").forEach((b) => {
|
||||||
b.addEventListener("click", async (e) => {
|
b.addEventListener("click", async (e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
@ -17,6 +33,7 @@ document.querySelectorAll(".building").forEach((b) => {
|
|||||||
popup.style.top = "50%";
|
popup.style.top = "50%";
|
||||||
|
|
||||||
popup.style.display = "block";
|
popup.style.display = "block";
|
||||||
|
resetTabs();
|
||||||
|
|
||||||
// AJAX Gebäudedaten laden
|
// AJAX Gebäudedaten laden
|
||||||
const res = await fetch("/api" + url);
|
const res = await fetch("/api" + url);
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user