From a03f379b6e458f998993ed05b4103c5a1a757d86 Mon Sep 17 00:00:00 2001
From: ThaumRystra <9525416+ThaumRystra@users.noreply.github.com>
Date: Wed, 29 May 2024 00:50:27 +0200
Subject: [PATCH] Added attunement to item viewer

---
 .../creatureProperties/CreaturePropertyDialog.vue  |  1 +
 .../client/ui/properties/shared/PropertyViewer.vue |  1 +
 .../client/ui/properties/viewers/ItemViewer.vue    | 14 ++++++++++++--
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/imports/client/ui/creature/creatureProperties/CreaturePropertyDialog.vue b/app/imports/client/ui/creature/creatureProperties/CreaturePropertyDialog.vue
index a5338c80..74d5129e 100644
--- a/app/imports/client/ui/creature/creatureProperties/CreaturePropertyDialog.vue
+++ b/app/imports/client/ui/creature/creatureProperties/CreaturePropertyDialog.vue
@@ -50,6 +50,7 @@
           :model="model"
           @select-sub-property="selectSubProperty"
           @remove="remove"
+          @change="change"
         />
       </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 7f540024..04df7e51 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)"
+      @change="e => $emit('change', e)"
       @remove="$emit('remove')"
     />
     <v-row dense>
diff --git a/app/imports/client/ui/properties/viewers/ItemViewer.vue b/app/imports/client/ui/properties/viewers/ItemViewer.vue
index 75e73da8..b02e81fa 100644
--- a/app/imports/client/ui/properties/viewers/ItemViewer.vue
+++ b/app/imports/client/ui/properties/viewers/ItemViewer.vue
@@ -99,7 +99,6 @@
           </v-layout>
           <v-layout
             align-center
-            :class="{'mb-2': model.attuned}"
           >
             <v-icon
               class="mr-2"
@@ -128,7 +127,18 @@
         </v-icon>
         <span class="ml-1">Equipped</span>
       </property-field>
-      <property-field v-if="model.requiresAttunement">
+      <property-field
+        v-if="model.requiresAttunement && context.creatureId"
+        name="Requires attunement"
+      >
+        <smart-switch
+          class="ml-4"
+          label="Attuned"
+          :value="model.attuned"
+          @change="(value, ack) => $emit('change', { path: ['attuned'], value, ack })"
+        />
+      </property-field>
+      <property-field v-if="model.requiresAttunement && !context.creatureId">
         <template v-if="model.attuned">
           <v-icon
             style="overflow: hidden;"