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

änderungen arena 2

Browse Source
This commit is contained in:
Cay 2026-03-17 09:16:31 +00:00
parent 1c46c71a7c
commit b7dd310a87
2 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
public/js/buildings/wohnhaus.js
View File

@ -13,7 +13,7 @@ export async function loadWohnhaus() {
<div class="equip-col"> <div class="equip-col">
<div class="slot" data-slot="shoulder"><div class="slot-label">Schulter</div></div> <div class="slot" data-slot="shoulder"><div class="slot-label">Schulter</div></div>
<div class="slot" data-slot="gloves"><div class="slot-label">Handschuhe</div></div> <div class="slot" data-slot="gloves"><div class="slot-label">Handschuhe</div></div>
<div class="slot" data-slot="ring"><div class="slot-label">Ring</div></div> <div class="slot" data-slot="ring1"><div class="slot-label">Ring 1</div></div>
</div> </div>
<!-- Avatar Mitte --> <!-- Avatar Mitte -->
@ -32,7 +32,8 @@ export async function loadWohnhaus() {
<div class="avatar-overlay" data-slot="gloves"><img src="" alt=""></div> <div class="avatar-overlay" data-slot="gloves"><img src="" alt=""></div>
<div class="avatar-overlay" data-slot="shield"><img src="" alt=""></div> <div class="avatar-overlay" data-slot="shield"><img src="" alt=""></div>
<div class="avatar-overlay" data-slot="belt"><img src="" alt=""></div> <div class="avatar-overlay" data-slot="belt"><img src="" alt=""></div>
<div class="avatar-overlay" data-slot="ring"><img src="" alt=""></div> <div class="avatar-overlay" data-slot="ring1"><img src="" alt=""></div>
<div class="avatar-overlay" data-slot="ring2"><img src="" alt=""></div>
<div class="avatar-overlay" data-slot="boots"><img src="" alt=""></div> <div class="avatar-overlay" data-slot="boots"><img src="" alt=""></div>
</div> </div>
@ -46,7 +47,7 @@ export async function loadWohnhaus() {
<div class="equip-col"> <div class="equip-col">
<div class="slot" data-slot="weapon"><div class="slot-label">Waffe</div></div> <div class="slot" data-slot="weapon"><div class="slot-label">Waffe</div></div>
<div class="slot" data-slot="shield"><div class="slot-label">Schild</div></div> <div class="slot" data-slot="shield"><div class="slot-label">Schild</div></div>
<div class="slot" data-slot="ring"><div class="slot-label">Ring</div></div> <div class="slot" data-slot="ring2"><div class="slot-label">Ring 2</div></div>
</div> </div>
</div> </div>
@ -238,6 +239,18 @@ function initSlotDrag() {
}); });
} }
/* ================================
SLOT KOMPATIBILITÄT PRÜFEN
Ring-Items (equip_slot="ring") passen in ring1 und ring2
================================ */
function isSlotCompatible(itemSlot, targetSlot) {
if (itemSlot === targetSlot) return true;
if (itemSlot === "ring" && (targetSlot === "ring1" || targetSlot === "ring2"))
return true;
return false;
}
/* ================================ /* ================================
SLOT DROP SLOT DROP
================================ */ ================================ */
@ -255,7 +268,7 @@ function initDrop() {
const source = e.dataTransfer.getData("source"); const source = e.dataTransfer.getData("source");
const targetSlot = slot.dataset.slot; const targetSlot = slot.dataset.slot;
if (!itemSlot || itemSlot !== targetSlot) return; if (!itemSlot || !isSlotCompatible(itemSlot, targetSlot)) return;
let icon; let icon;
@ -321,10 +334,14 @@ function initInventoryDrop() {
const img = slot.querySelector("img"); const img = slot.querySelector("img");
if (!img) return; if (!img) return;
// Ring-Slots normalisiert als "ring" im Inventar speichern
const normalizedSlot =
slotName === "ring1" || slotName === "ring2" ? "ring" : slotName;
inventoryItems.push({ inventoryItems.push({
id: itemId, id: itemId,
level: itemLevel, level: itemLevel,
equip_slot: slotName, equip_slot: normalizedSlot,
icon: img.src, icon: img.src,
}); });

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

@ -1,6 +1,7 @@
import { loadWohnhaus } from "./buildings/wohnhaus.js"; import { loadWohnhaus } from "./buildings/wohnhaus.js";
import { loadSchwarzmarkt } from "./buildings/schwarzmarkt.js"; import { loadSchwarzmarkt } from "./buildings/schwarzmarkt.js";
import { loadMine } from "./buildings/mine.js"; import { loadMine } from "./buildings/mine.js";
import { loadArena } from "./buildings/arena.js";
const popup = document.getElementById("building-popup"); const popup = document.getElementById("building-popup");
const title = document.getElementById("popup-title"); const title = document.getElementById("popup-title");
const tooltip = document.getElementById("map-tooltip"); const tooltip = document.getElementById("map-tooltip");
@ -11,6 +12,7 @@ const buildingModules = {
11: loadWohnhaus, // Tabs ausblenden, eigenes UI 11: loadWohnhaus, // Tabs ausblenden, eigenes UI
12: loadSchwarzmarkt, // Tabs ausblenden, eigenes UI 12: loadSchwarzmarkt, // Tabs ausblenden, eigenes UI
10: loadMine, // Tabs bleiben sichtbar, nur Aktionen-Tab befüllen 10: loadMine, // Tabs bleiben sichtbar, nur Aktionen-Tab befüllen
1: loadArena, //Tab für die PVP Arena
}; };
// Gebäude die ihre eigenen Tabs behalten sollen // Gebäude die ihre eigenen Tabs behalten sollen