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

erg

Browse Source
This commit is contained in:
Cay 2026-03-17 12:05:38 +00:00
parent a53b779e95
commit 84d7effca0
2 changed files with 60 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/css/building.css
View File

@ -34,8 +34,8 @@ body {
.building-popup {
position: fixed;
left: 50%;
top: 50px;
transform: translateX(-50%);
top: 50%;
transform: translate(-50%, -50%);
width: 900px;
max-width: 90vw;
@ -713,12 +713,12 @@ body {
@keyframes popupFade {
from {
opacity: 0;
transform: translateX(-50%) translateY(-20px);
transform: translate(-50%, -40%);
}
to {
opacity: 1;
transform: translateX(-50%) translateY(0);
transform: translate(-50%, -50%);
}
}

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

@ -9,15 +9,65 @@ const tooltip = document.getElementById("map-tooltip");
const tooltipCache = {};
const buildingModules = {
11: loadWohnhaus, // Tabs ausblenden, eigenes UI
12: loadSchwarzmarkt, // Tabs ausblenden, eigenes UI
10: loadMine, // Tabs bleiben sichtbar, nur Aktionen-Tab befüllen
1: loadArena, //Tab für die PVP Arena
11: loadWohnhaus,
12: loadSchwarzmarkt,
10: loadMine,
1: loadArena,
};
// Gebäude die ihre eigenen Tabs behalten sollen
const keepTabsVisible = new Set([10]);
/* ================================
Popup verschiebbar machen
================================ */
(function makeDraggable() {
const header = document.querySelector(".popup-header");
if (!header) return;
let isDragging = false;
let startX, startY, startLeft, startTop;
header.style.cursor = "grab";
header.addEventListener("mousedown", (e) => {
// Schließen-Button nicht draggable
if (e.target.classList.contains("popup-close")) return;
isDragging = true;
header.style.cursor = "grabbing";
const rect = popup.getBoundingClientRect();
startX = e.clientX;
startY = e.clientY;
startLeft = rect.left;
startTop = rect.top;
// transform zurücksetzen, auf konkrete px-Werte umstellen
popup.style.transform = "none";
popup.style.left = startLeft + "px";
popup.style.top = startTop + "px";
e.preventDefault();
});
document.addEventListener("mousemove", (e) => {
if (!isDragging) return;
const dx = e.clientX - startX;
const dy = e.clientY - startY;
popup.style.left = (startLeft + dx) + "px";
popup.style.top = (startTop + dy) + "px";
});
document.addEventListener("mouseup", () => {
if (!isDragging) return;
isDragging = false;
header.style.cursor = "grab";
});
})();
/* ================================
Tabs zurücksetzen
================================ */
@ -52,6 +102,7 @@ document.querySelectorAll(".building").forEach((building) => {
popup.style.left = "50%";
popup.style.top = "50%";
popup.style.transform = "translate(-50%, -50%)";
popup.classList.add("active");
resetTabs();