Add basic displaying for ActiveEffects and dropdown support

module/dotdungeon.mjs

@@ -41,6 +41,7 @@ import DOTDUNGEON from "./config.mjs";
 
 Hooks.once(`init`, async () => {
 	console.debug(`.dungeon | Initializing`);
+	CONFIG.ActiveEffect.legacyTransferral = false;
 
 	loadSettings();
 

module/sheets/Items/GenericItemSheet.mjs

@@ -30,6 +30,7 @@ export class GenericItemSheet extends ItemSheet {
 		ctx.item = this.item;
 		ctx.system = this.item.system;
 		ctx.flags = this.item.flags;
+		ctx.effects = this.item.effects;
 
 		ctx.config = DOTDUNGEON;
 		ctx.icons = {};

module/sheets/Items/UntypedItemSheet.mjs

@@ -57,6 +57,21 @@ export class UntypedItemSheet extends GenericItemSheet {
 
 		if (!this.isEditable) return;
 		console.debug(`.dungeon | Adding event listeners for Untyped Item: ${this.item.id}`);
+
+		new GenericContextMenu(html, `.effect.panel`, [
+			{
+				name: localizer(`dotdungeon.common.edit`),
+				callback: async (html) => {
+					(await fromUuid(html.closest(`.effect`)[0].dataset.embeddedId))?.sheet.render(true);
+				},
+			},
+			{
+				name: localizer(`dotdungeon.common.delete`),
+				callback: async () => {
+					(await fromUuid(html.closest(`.effect`)[0].dataset.embeddedId))?.delete(true);
+				},
+			}
+		]);
 	};
 
 	async getData() {

templates/items/untyped/v2/tabs/effects.v2.untyped.hbs

@@ -1,7 +1,32 @@
 <div class="tab" data-group="page" data-tab="effects">
-	<div class="effect panel">
-		Am Effect, Hewwo
-	</div>
+	{{#each effects as | effect |}}
+		<div class="effect panel" data-embedded-id="{{effect.uuid}}">
+			<div class="effect__name">
+				{{effect.name}}
+			</div>
+			<div>
+				{{ifThen effect.disabled "Disabled" "Enabled"}}
+			</div>
+			{{!-- TODO: For some reason this embedded update logic was failing
+			<label
+				class="effect__name"
+				for="{{effect.uuid}}-toggle"
+			>
+				{{ effect.name }}
+			</label>
+			<div class="effect__active">
+				<input
+					type="checkbox"
+					{{checked effect.enabled}}
+					id="{{effect.uuid}}-toggle"
+					data-embedded-id="{{effect.uuid}}"
+					data-embedded-update="disabled"
+					data-embedded-update-on="change"
+				>
+			</div>
+			--}}
+		</div>
+	{{/each}}
 	<button>
 		<dd-icon name="ui/plus" var:fill="currentColor"></dd-icon>
 		Create Effect