Drag and Drop für Container #98

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);
 		}
 

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>