Add a context menu to the photo slot (closes #146)

module/sheets/Items/UntypedItemSheet.mjs

@@ -1,3 +1,4 @@
+import { GenericContextMenu } from "../../utils/GenericContextMenu.mjs";
 import { GenericItemSheet } from "./GenericItemSheet.mjs";
 
 export class UntypedItemSheet extends GenericItemSheet {
@@ -22,6 +23,28 @@ export class UntypedItemSheet extends GenericItemSheet {
 		return opts;
 	};
 
+	activateListeners(html) {
+		super.activateListeners(html);
+
+		if (!this.isEditable) return;
+		console.debug(`.dungeon | Adding event listeners for Untyped Item: ${this.item.id}`);
+
+		new GenericContextMenu(html, `.photo.panel`, [
+			{
+				name: `View Larger`,
+				callback: (html) => {
+					console.log(`.dungeon | View Larger`);
+				},
+			},
+			{
+				name: `Change Photo`,
+				callback: (html) => {
+					console.log(`.dungeon | Change Photo`);
+				},
+			},
+		]);
+	};
+
 	async getData() {
 		const ctx = await super.getData();
 

styles/v3/elements/nav.scss

@@ -1,7 +1,7 @@
 @use "../mixins/material" as material;
 
 .dotdungeon.style-v3 > .window-content {
-	nav {
+	nav:not(#context-menu) {
 		display: flex;
 		flex-direction: row;
 		overflow-x: auto;