From f7cbee27f9e7e83aef67c551fb36beb11a92e7e7 Mon Sep 17 00:00:00 2001
From: Thaum Rystra <stefanzermatten@gmail.com>
Date: Mon, 25 May 2020 17:39:25 +0200
Subject: [PATCH] Made selecting a property from a library use the mobile
 friendly library

---
 .../CreaturePropertyFromLibraryDialog.vue     |  1 +
 app/imports/ui/library/LibraryAndNode.vue     | 10 ++++++++++
 app/imports/ui/library/LibraryNodeDialog.vue  | 19 ++++++++++++++++++-
 3 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/app/imports/ui/creature/creatureProperties/CreaturePropertyFromLibraryDialog.vue b/app/imports/ui/creature/creatureProperties/CreaturePropertyFromLibraryDialog.vue
index fb387db6..e30221e7 100644
--- a/app/imports/ui/creature/creatureProperties/CreaturePropertyFromLibraryDialog.vue
+++ b/app/imports/ui/creature/creatureProperties/CreaturePropertyFromLibraryDialog.vue
@@ -6,6 +6,7 @@
     <library-and-node
       slot="unwrapped-content"
       style="height: 100%;"
+      selection
       @selected="val => node = val"
     />
     <template slot="actions">
diff --git a/app/imports/ui/library/LibraryAndNode.vue b/app/imports/ui/library/LibraryAndNode.vue
index 50087bf1..5d1ef23d 100644
--- a/app/imports/ui/library/LibraryAndNode.vue
+++ b/app/imports/ui/library/LibraryAndNode.vue
@@ -60,6 +60,9 @@ export default {
     LibraryBrowser,
     LibraryNodeDialog,
   },
+  props: {
+    selection: Boolean,
+  },
   data(){ return {
     organize: false,
     selected: undefined,
@@ -86,6 +89,13 @@ export default {
           elementId: `tree-node-${id}`,
           data: {
             _id: id,
+            selection: this.selection,
+          },
+          callback: result => {
+            console.log(result)
+            if (result){
+              this.selected = id;
+            }
           },
         });
       }
diff --git a/app/imports/ui/library/LibraryNodeDialog.vue b/app/imports/ui/library/LibraryNodeDialog.vue
index 36432a28..e072e141 100644
--- a/app/imports/ui/library/LibraryNodeDialog.vue
+++ b/app/imports/ui/library/LibraryNodeDialog.vue
@@ -36,7 +36,23 @@
       slot="actions"
       class="layout row justify-end"
     >
+      <template v-if="selection">
+        <v-btn
+          flat
+          @click="$store.dispatch('popDialogStack', false)"
+        >
+          Cancel
+        </v-btn>
+        <v-spacer />
+        <v-btn
+          flat
+          @click="$store.dispatch('popDialogStack', true)"
+        >
+          Select
+        </v-btn>
+      </template>
       <v-btn
+        v-else
         flat
         @click="$store.dispatch('popDialogStack')"
       >
@@ -84,7 +100,8 @@
     props: {
       _id: String,
       startInEditTab: Boolean,
-      embedded: Boolean, //This dialog is embedded in a page
+      embedded: Boolean, // This dialog is embedded in a page
+      selection: Boolean, // This dialog is being used to select a node
     },
     reactiveProvide: {
       name: 'context',