From fd9b401957b4caf885194186783b75cd28ac1ead Mon Sep 17 00:00:00 2001
From: Ender <harald@drueppels.de>
Date: Sun, 31 Mar 2024 18:17:35 +0200
Subject: [PATCH] =?UTF-8?q?Drag=20and=20Drop=20f=C3=BCr=20Container=20#98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/module/sheets/M5CharacterSheet.ts | 14 +++++++++++++-
 templates/sheets/character/gear.hbs      |  2 +-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/source/module/sheets/M5CharacterSheet.ts b/source/module/sheets/M5CharacterSheet.ts
index 01b8b5b..c61c7bb 100644
--- a/source/module/sheets/M5CharacterSheet.ts
+++ b/source/module/sheets/M5CharacterSheet.ts
@@ -526,7 +526,11 @@ export default class M5CharacterSheet extends ActorSheet {
 		let data = null;
 		try {
 			data = JSON.parse(event.dataTransfer.getData("text/plain"));
-			data.data.system.containerId = ""; //Clean containerId
+			console.log("Data", data.data);
+			let target = event.target.closest("[data-container-id]") as HTMLElement;
+			let containerId = target ? target.dataset.containerId : "";
+			console.log("Container ID", containerId);
+			data.data.system.containerId = containerId; //Update containerId
 			if (data.type !== "Transfer") return false;
 		} catch (err) {
 			return false;
@@ -535,6 +539,14 @@ export default class M5CharacterSheet extends ActorSheet {
 		if (!data.data) return false;
 
 		if (data.actorId === this.actor.id) {
+			let  itemId=data.data._id;
+			const context = this.actor as any;
+			const item = context.items.get(itemId);
+			item.update({
+				data: {
+					containerId: data.data.system.containerId,
+				},
+			});
 			return this._onSortItem(event, data.data);
 		}
 
diff --git a/templates/sheets/character/gear.hbs b/templates/sheets/character/gear.hbs
index 79efc09..c36ef5f 100644
--- a/templates/sheets/character/gear.hbs
+++ b/templates/sheets/character/gear.hbs
@@ -63,7 +63,7 @@
 <h3>{{localize "midgard5.itemsInContainers"}}</h3>
 <div class="flexbox">
 	{{#each data.calc.gear.containers as |container containerId|}}
-	<div class="flexcolumn-2">
+	<div class="flexcolumn-2" data-container-id="{{containerId}}">
 		<div class="flexpart">
 			<div class="flexpart-header"><img src="{{container.icon}}" class="flexpart-icon">{{container.label}}</div>
 			<table>