diff --git a/public/js/map-ui.js b/public/js/map-ui.js index b79f5f2..377893c 100644 --- a/public/js/map-ui.js +++ b/public/js/map-ui.js @@ -52,38 +52,35 @@ document.querySelectorAll(".building").forEach((building) => { const data = await res.json(); console.log("Gebäude API Antwort:", data); - document.getElementById("tab-info").innerHTML = ` -
Level: ${data.level}
-Punkte: ${data.points} / ${data.nextLevelPoints}
-${data.description}
- - `; + const infoTab = document.getElementById("tab-info"); const actionsTab = document.getElementById("tab-actions"); const tabs = document.querySelector(".popup-tabs"); - // Standard: Tabs anzeigen + // Standard: Info anzeigen + infoTab.innerHTML = ` +Level: ${data.level}
+Punkte: ${data.points} / ${data.nextLevelPoints}
+${data.description}
+ +`; + + // Standard Tabs anzeigen tabs.style.display = "flex"; - actionsTab.innerHTML = ``; - - // Prüfen ob Gebäude ein eigenes Modul hat + // Prüfen ob Gebäude eigenes UI hat if (buildingModules[Number(data.type)]) { - // NUR beim Wohnhaus Tabs ausblenden - if (Number(data.type) === 11) { - tabs.style.display = "none"; - } + // Tabs ausblenden + tabs.style.display = "none"; - actionsTab.innerHTML = ` - - `; + // Info ersetzen durch Wohnhaus UI + infoTab.innerHTML = ``; - // Modul starten buildingModules[data.type](data); }