Fixed: items and spells should no longer be draggable when you don't have edit permission

app/imports/ui/properties/components/inventory/ItemList.vue

@@ -7,6 +7,7 @@
     <draggable
       v-model="dataItems"
       style="min-height: 24px;"
+      :disabled="context.editPermission === false"
       :group="`item-list`"
       ghost-class="ghost"
       draggable=".item"
@@ -37,6 +38,9 @@ export default {
     draggable,
     ItemListTile,
   },
+  inject: {
+    context: { default: {} }
+  },
   props: {
     items: {
       type: Array,

app/imports/ui/properties/components/inventory/ItemListTile.vue

@@ -21,6 +21,7 @@
         icon
         flat
         color="primary"
+        :disabled="context.editPermission === false"
         :value="model.quantity"
         @change="changeQuantity"
       >
@@ -31,6 +32,7 @@
     </v-list-tile-action>
     <v-list-tile-action>
       <v-icon
+        :disabled="context.editPermission === false"
         style="height: 100%; width: 40px; cursor: move;"
         class="handle"
       >

app/imports/ui/properties/components/spells/SpellList.vue

@@ -26,6 +26,7 @@
           v-else
           :key="spell._id"
           class="item"
+          :disabled="context.editPermission === false"
           :data-id="`spell-list-tile-${spell._id}`"
           :model="spell"
           :preparing-spells="preparingSpells"
@@ -47,6 +48,9 @@ export default {
     draggable,
     SpellListTile,
   },
+  inject: {
+    context: { default: {} }
+  },
   props: {
     spells: {
       type: Array,

app/imports/ui/properties/components/spells/SpellListTile.vue

@@ -22,12 +22,13 @@
       <smart-checkbox
         v-if="preparingSpells"
         :value="model.prepared || model.alwaysPrepared"
-        :disabled="model.alwaysPrepared"
+        :disabled="model.alwaysPrepared || context.editPermission === false"
         @click.native.stop="() => {}"
         @change="setPrepared"
       />
       <v-icon
         v-else-if="!hideHandle"
+        :disabled="context.editPermission === false"
         style="height: 100%; width: 40px; cursor: move;"
         class="handle"
       >
@@ -58,6 +59,9 @@ export default {
     hideHandle: Boolean,
     showInfoButton: Boolean,
   },
+  inject: {
+    context: { default: {} }
+  },
   computed: {
     hasClickListener(){
       return this.$listeners && !!this.$listeners.click;