From ebab41838c2926354cfc2be095d1327aa5809ee0 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Sat, 17 Oct 2020 16:56:23 +0200
Subject: [PATCH] Used tree node views in slot fill selection

---
 app/imports/ui/creature/character/CharacterSheet.vue |  1 -
 app/imports/ui/creature/slots/SlotFillDialog.vue     | 12 ++++++------
 .../properties/treeNodeViews/AdjustmentTreeNode.vue  |  1 +
 .../properties/treeNodeViews/ClassLevelTreeNode.vue  |  1 +
 .../ui/properties/treeNodeViews/DamageTreeNode.vue   |  1 +
 .../ui/properties/treeNodeViews/DefaultTreeNode.vue  |  1 +
 .../ui/properties/treeNodeViews/EffectTreeNode.vue   |  1 +
 .../ui/properties/treeNodeViews/ItemTreeNode.vue     |  3 ++-
 .../ui/properties/treeNodeViews/treeNodeViewMixin.js |  1 +
 9 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/app/imports/ui/creature/character/CharacterSheet.vue b/app/imports/ui/creature/character/CharacterSheet.vue
index fa3b7898..b73f5e5e 100644
--- a/app/imports/ui/creature/character/CharacterSheet.vue
+++ b/app/imports/ui/creature/character/CharacterSheet.vue
@@ -121,7 +121,6 @@
         added(doc){
           if (!that.$subReady.singleCharacter) return;
           if (that.$store.state.rightDrawer) return;
-          if (that.$store.state.snackbars.snackbars.some(o => o._id === doc._id)) return;
           that.$store.dispatch('snackbar', {
             text: doc.text,
             showCloseButton: true,
diff --git a/app/imports/ui/creature/slots/SlotFillDialog.vue b/app/imports/ui/creature/slots/SlotFillDialog.vue
index a2ddb9b5..7e758b27 100644
--- a/app/imports/ui/creature/slots/SlotFillDialog.vue
+++ b/app/imports/ui/creature/slots/SlotFillDialog.vue
@@ -19,7 +19,8 @@
               style="max-width: 500px;"
               hover
               ripple
-              :class="{'primary theme--dark': node._id === (selectedNode && selectedNode._id)}"
+              :class="{'primary': node._id === (selectedNode && selectedNode._id)}"
+              :dark="node._id === (selectedNode && selectedNode._id)"
               @click="selectedNode = node"
             >
               <v-img
@@ -31,14 +32,13 @@
               <v-card-title primary-title>
                 <div>
                   <h3 class="title mb-0">
-                    <property-icon
-                      v-if="!node.picture"
+                    <tree-node-view
                       class="mr-2"
                       :class="{'theme--dark': node._id === (selectedNode && selectedNode._id)}"
+                      :hide-icon="node.picture"
                       :model="node"
                       :color="node.color"
                     />
-                    {{ getTitle(node) }}
                   </h3>
                   <div v-if="node.description">
                     {{ node.description }}
@@ -108,14 +108,14 @@ import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
 import { getPropertyName } from '/imports/constants/PROPERTIES.js';
 import { parse, CompilationContext } from '/imports/parser/parser.js';
 import PROPERTIES from '/imports/constants/PROPERTIES.js';
-import PropertyIcon from '/imports/ui/properties/shared/PropertyIcon.vue';
 import ColumnLayout from '/imports/ui/components/ColumnLayout.vue';
+import TreeNodeView from '/imports/ui/properties/treeNodeViews/TreeNodeView.vue';
 
 export default {
   components: {
 		DialogBase,
     ColumnLayout,
-    PropertyIcon,
+    TreeNodeView,
 	},
   props:{
     slotId: {
diff --git a/app/imports/ui/properties/treeNodeViews/AdjustmentTreeNode.vue b/app/imports/ui/properties/treeNodeViews/AdjustmentTreeNode.vue
index 200ab1b0..287c9e8f 100644
--- a/app/imports/ui/properties/treeNodeViews/AdjustmentTreeNode.vue
+++ b/app/imports/ui/properties/treeNodeViews/AdjustmentTreeNode.vue
@@ -1,6 +1,7 @@
 <template lang="html">
   <div class="layout row align-center justify-start">
     <property-icon
+      v-if="!hideIcon"
       class="mr-2"
       :model="model"
       :class="selected && 'primary--text'"
diff --git a/app/imports/ui/properties/treeNodeViews/ClassLevelTreeNode.vue b/app/imports/ui/properties/treeNodeViews/ClassLevelTreeNode.vue
index 75edec72..3b5fa654 100644
--- a/app/imports/ui/properties/treeNodeViews/ClassLevelTreeNode.vue
+++ b/app/imports/ui/properties/treeNodeViews/ClassLevelTreeNode.vue
@@ -1,6 +1,7 @@
 <template lang="html">
   <div class="layout row align-center justify-start">
     <property-icon
+      v-if="!hideIcon"
       class="mr-2"
       :model="model"
       :color="model.color"
diff --git a/app/imports/ui/properties/treeNodeViews/DamageTreeNode.vue b/app/imports/ui/properties/treeNodeViews/DamageTreeNode.vue
index 3da645aa..6baf3fae 100644
--- a/app/imports/ui/properties/treeNodeViews/DamageTreeNode.vue
+++ b/app/imports/ui/properties/treeNodeViews/DamageTreeNode.vue
@@ -1,6 +1,7 @@
 <template lang="html">
   <div class="layout row align-center justify-start">
     <v-icon
+      v-if="!hideIcon"
       class="mr-2"
       :color="model.color"
       :class="selected && 'primary--text'"
diff --git a/app/imports/ui/properties/treeNodeViews/DefaultTreeNode.vue b/app/imports/ui/properties/treeNodeViews/DefaultTreeNode.vue
index 8c0c5499..3ede513d 100644
--- a/app/imports/ui/properties/treeNodeViews/DefaultTreeNode.vue
+++ b/app/imports/ui/properties/treeNodeViews/DefaultTreeNode.vue
@@ -1,6 +1,7 @@
 <template lang="html">
   <div class="layout row align-center justify-start">
     <property-icon
+      v-if="!hideIcon"
       class="mr-2"
       :model="model"
       :color="model.color"
diff --git a/app/imports/ui/properties/treeNodeViews/EffectTreeNode.vue b/app/imports/ui/properties/treeNodeViews/EffectTreeNode.vue
index d0e5c981..1d75b631 100644
--- a/app/imports/ui/properties/treeNodeViews/EffectTreeNode.vue
+++ b/app/imports/ui/properties/treeNodeViews/EffectTreeNode.vue
@@ -1,6 +1,7 @@
 <template lang="html">
   <div class="layout row align-center justify-start">
     <v-icon
+      v-if="!hideIcon"
       class="mr-2"
       :class="selected && 'primary--text'"
       :color="model.color"
diff --git a/app/imports/ui/properties/treeNodeViews/ItemTreeNode.vue b/app/imports/ui/properties/treeNodeViews/ItemTreeNode.vue
index 0811c698..b5dade13 100644
--- a/app/imports/ui/properties/treeNodeViews/ItemTreeNode.vue
+++ b/app/imports/ui/properties/treeNodeViews/ItemTreeNode.vue
@@ -1,13 +1,14 @@
 <template lang="html">
   <div class="layout row align-center justify-start">
     <property-icon
+      v-if="!hideIcon"
       class="mr-2"
       :model="model"
       :color="model.color"
       :class="selected && 'primary--text'"
     />
     <v-icon
-      v-if="model.equipped"
+      v-if="model.equipped && !hideIcon"
       class="mr-2"
       :class="selected && 'primary--text'"
       small
diff --git a/app/imports/ui/properties/treeNodeViews/treeNodeViewMixin.js b/app/imports/ui/properties/treeNodeViews/treeNodeViewMixin.js
index ca9e64bf..6716510b 100644
--- a/app/imports/ui/properties/treeNodeViews/treeNodeViewMixin.js
+++ b/app/imports/ui/properties/treeNodeViews/treeNodeViewMixin.js
@@ -11,6 +11,7 @@ export default {
       default: () => ({}),
     },
     selected: Boolean,
+    hideIcon: Boolean,
   },
   computed: {
     title(){