From 3dacfa170ca3b7b6cd31547818cf212c4613c219 Mon Sep 17 00:00:00 2001
From: ThaumRystra <9525416+ThaumRystra@users.noreply.github.com>
Date: Wed, 29 May 2024 00:23:29 +0200
Subject: [PATCH] Delete item button from item viewer

---
 .../CreaturePropertyDialog.vue                   |  1 +
 .../ui/properties/shared/PropertyViewer.vue      |  1 +
 .../client/ui/properties/viewers/ItemViewer.vue  | 16 ++++++++++++++++
 3 files changed, 18 insertions(+)

diff --git a/app/imports/client/ui/creature/creatureProperties/CreaturePropertyDialog.vue b/app/imports/client/ui/creature/creatureProperties/CreaturePropertyDialog.vue
index 08b53237..a5338c80 100644
--- a/app/imports/client/ui/creature/creatureProperties/CreaturePropertyDialog.vue
+++ b/app/imports/client/ui/creature/creatureProperties/CreaturePropertyDialog.vue
@@ -49,6 +49,7 @@
           :key="_id"
           :model="model"
           @select-sub-property="selectSubProperty"
+          @remove="remove"
         />
       </v-fade-transition>
     </template>
diff --git a/app/imports/client/ui/properties/shared/PropertyViewer.vue b/app/imports/client/ui/properties/shared/PropertyViewer.vue
index e4340bdc..7f540024 100644
--- a/app/imports/client/ui/properties/shared/PropertyViewer.vue
+++ b/app/imports/client/ui/properties/shared/PropertyViewer.vue
@@ -53,6 +53,7 @@
       class="property-viewer"
       :model="model"
       @select-sub-property="id => selectSubProperty(id)"
+      @remove="$emit('remove')"
     />
     <v-row dense>
       <template
diff --git a/app/imports/client/ui/properties/viewers/ItemViewer.vue b/app/imports/client/ui/properties/viewers/ItemViewer.vue
index 860684c0..75e73da8 100644
--- a/app/imports/client/ui/properties/viewers/ItemViewer.vue
+++ b/app/imports/client/ui/properties/viewers/ItemViewer.vue
@@ -20,6 +20,22 @@
           @change="changeQuantity"
         />
       </property-field>
+      <property-field
+        name="Delete"
+        center
+      >
+        <v-btn
+          outlined
+          style="font-size: 18px;"
+          class="ma-2"
+          :color="'primary'"
+          icon
+          :disabled="!context.editPermission"
+          @click="$emit('remove')"
+        >
+          <v-icon>mdi-delete</v-icon>
+        </v-btn>
+      </property-field>
       <property-field
         v-if="model.value !== undefined"
         name="value"