cay/dok
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pop 13

Browse Source
This commit is contained in:
Cay 2026-03-13 15:34:23 +00:00
parent f733a213b7
commit 640f3c1549
1 changed files with 20 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
public/js/map-ui.js
View File

@ -52,38 +52,35 @@ document.querySelectorAll(".building").forEach((building) => {
const data = await res.json(); const data = await res.json();
console.log("Gebäude API Antwort:", data); console.log("Gebäude API Antwort:", data);
document.getElementById("tab-info").innerHTML = `
<h3>${data.name}</h3>
<p>Level: ${data.level}</p>
<p>Punkte: ${data.points} / ${data.nextLevelPoints}</p>
<p>${data.description}</p>
<div class="progress-bar">
<div class="progress-fill"
style="width:${(data.points / data.nextLevelPoints) * 100}%">
</div>
</div>
`;
const infoTab = document.getElementById("tab-info");
const actionsTab = document.getElementById("tab-actions"); const actionsTab = document.getElementById("tab-actions");
const tabs = document.querySelector(".popup-tabs"); const tabs = document.querySelector(".popup-tabs");
// Standard: Tabs anzeigen // Standard: Info anzeigen
infoTab.innerHTML = `
<h3>${data.name}</h3>
<p>Level: ${data.level}</p>
<p>Punkte: ${data.points} / ${data.nextLevelPoints}</p>
<p>${data.description}</p>
<div class="progress-bar">
<div class="progress-fill"
style="width:${(data.points / data.nextLevelPoints) * 100}%">
</div>
</div>
`;
// Standard Tabs anzeigen
tabs.style.display = "flex"; tabs.style.display = "flex";
actionsTab.innerHTML = `<button>Betreten</button>`; // Prüfen ob Gebäude eigenes UI hat
// Prüfen ob Gebäude ein eigenes Modul hat
if (buildingModules[Number(data.type)]) { if (buildingModules[Number(data.type)]) {
// NUR beim Wohnhaus Tabs ausblenden // Tabs ausblenden
if (Number(data.type) === 11) { tabs.style.display = "none";
tabs.style.display = "none";
}
actionsTab.innerHTML = ` // Info ersetzen durch Wohnhaus UI
<div class="building-ui"></div> infoTab.innerHTML = `<div class="building-ui"></div>`;
`;
// Modul starten
buildingModules[data.type](data); buildingModules[data.type](data);
} }