From 4d6cdf50bd92ff573ed1a8acae829989e0e971dc Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Mon, 15 Aug 2022 14:47:36 +0200
Subject: [PATCH] Fixed tree search input missing types

---
 .../ui/components/tree/TreeSearchInput.vue    | 32 +++++++------------
 app/imports/ui/styles/markdown.css            |  4 +++
 2 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/app/imports/ui/components/tree/TreeSearchInput.vue b/app/imports/ui/components/tree/TreeSearchInput.vue
index 9c843b9a..5abac7e5 100644
--- a/app/imports/ui/components/tree/TreeSearchInput.vue
+++ b/app/imports/ui/components/tree/TreeSearchInput.vue
@@ -13,6 +13,16 @@
 </template>
 
 <script lang="js">
+import PROPERTIES from '/imports/constants/PROPERTIES.js';
+const filterOptions = [];
+for (let key in PROPERTIES) {
+  if (key === 'reference') continue;
+  filterOptions.push({
+    text: PROPERTIES[key].name,
+    value: key,
+  });
+}
+
 export default {
   props: {
     value: {
@@ -22,27 +32,7 @@ export default {
   },
   data(){return {
     filterTerms: [],
-    filterOptions: [
-      {text: 'Actions', value: 'action'},
-      {text: 'Attacks', value: 'attack'},
-      {text: 'Attributes', value: 'attribute'},
-      {text: 'Buffs', value: 'buff'},
-      {text: 'Class Levels', value: 'classLevel'},
-      {text: 'Damage Multipliers', value: 'damageMultiplier'},
-      {text: 'Effects', value: 'effect'},
-      {text: 'Experiences', value: 'experience'},
-      {text: 'Features', value: 'feature'},
-      {text: 'Folders', value: 'folder'},
-      {text: 'Notes', value: 'note'},
-      {text: 'Proficiencies', value: 'proficiency'},
-      {text: 'Rolls', value: 'roll'},
-      {text: 'Saving Throws', value: 'savingThrow'},
-      {text: 'Skills', value: 'skill'},
-      {text: 'Spell Lists', value: 'spellList'},
-      {text: 'Spells', value: 'spell'},
-      {text: 'Containers', value: 'container'},
-      {text: 'Items', value: 'item'},
-    ],
+    filterOptions,
   }},
   computed: {
     filter(){
diff --git a/app/imports/ui/styles/markdown.css b/app/imports/ui/styles/markdown.css
index 27d4c1cb..2839add3 100644
--- a/app/imports/ui/styles/markdown.css
+++ b/app/imports/ui/styles/markdown.css
@@ -1,3 +1,7 @@
+.markdown {
+  width: 100%;
+}
+
 .markdown h1,
 .markdown h2,
 .markdown h3,