Added "move" button to library property menu

app/imports/ui/components/propertyToolbar.vue

@@ -33,13 +33,17 @@
           <template #activator="{ on }">
             <v-btn
               icon
+              data-id="property-toolbar-menu-button"
               v-on="on"
             >
               <v-icon>more_vert</v-icon>
             </v-btn>
           </template>
           <v-list>
-            <v-list-tile @click="$emit('duplicate')">
+            <v-list-tile
+              v-if="$listeners && $listeners.duplicate"
+              @click="$emit('duplicate')"
+            >
               <v-list-tile-content>
                 <v-list-tile-title>
                   Duplicate
@@ -49,7 +53,23 @@
                 <v-icon>file_copy</v-icon>
               </v-list-tile-action>
             </v-list-tile>
-            <v-list-tile @click="$emit('remove')">
+            <v-list-tile
+              v-if="$listeners && $listeners.move"
+              @click="$emit('move')"
+            >
+              <v-list-tile-content>
+                <v-list-tile-title>
+                  Move
+                </v-list-tile-title>
+              </v-list-tile-content>
+              <v-list-tile-action>
+                <v-icon>send</v-icon>
+              </v-list-tile-action>
+            </v-list-tile>
+            <v-list-tile
+              v-if="$listeners && $listeners.remove"
+              @click="$emit('remove')"
+            >
               <v-list-tile-content>
                 <v-list-tile-title>
                   Delete

app/imports/ui/dialogStack/DialogComponentIndex.js

@@ -8,6 +8,7 @@ import LibraryCreationDialog from '/imports/ui/library/LibraryCreationDialog.vue
 import LibraryEditDialog from '/imports/ui/library/LibraryEditDialog.vue';
 import LibraryNodeCreationDialog from '/imports/ui/library/LibraryNodeCreationDialog.vue';
 import LibraryNodeDialog from '/imports/ui/library/LibraryNodeDialog.vue';
+import MoveLibraryNodeDialog from '/imports/ui/library/MoveLibraryNodeDialog.vue'
 import ShareDialog from '/imports/ui/sharing/ShareDialog.vue';
 import TierTooLowDialog from '/imports/ui/user/TierTooLowDialog.vue';
 import UsernameDialog from '/imports/ui/user/UsernameDialog.vue';
@@ -24,6 +25,7 @@ export default {
   LibraryEditDialog,
   LibraryNodeCreationDialog,
   LibraryNodeDialog,
+  MoveLibraryNodeDialog,
 	ShareDialog,
   TierTooLowDialog,
   UsernameDialog,

app/imports/ui/layouts/AppLayout.vue

@@ -54,16 +54,6 @@
       </v-fade-transition>
     </v-toolbar>
     <v-content>
-      <v-alert
-        v-if="$route.path !== '/countdown'"
-        icon="priority_high"
-        type="error"
-        dismissible
-        :value="true"
-      >
-        This version of DiceCloud is in beta. Some data stored here may be destroyed by
-        future updates.
-      </v-alert>
       <v-fade-transition
         mode="out-in"
       >

app/imports/ui/layouts/Sidebar.vue

@@ -1,5 +1,15 @@
 <template>
   <div class="sidebar">
+    <v-alert
+      v-if="$route.path !== '/countdown'"
+      icon="priority_high"
+      type="error"
+      dismissible
+      :value="true"
+    >
+      This version of DiceCloud is in beta. Some data stored here may be destroyed by
+      future updates.
+    </v-alert>
     <v-layout
       v-if="!signedIn"
       row

app/imports/ui/library/LibraryNodeDialog.vue

@@ -6,6 +6,7 @@
         :editing="editing"
         :flat="flat"
         @duplicate="duplicate"
+        @move="move"
         @remove="remove"
         @toggle-editing="editing = !editing"
         @color-changed="value => change({path: ['color'], value})"
@@ -78,6 +79,7 @@
   import propertyViewerIndex from '/imports/ui/properties/viewers/shared/propertyViewerIndex.js';
   import { get } from 'lodash';
   import { assertDocEditPermission } from '/imports/api/sharing/sharingPermissions.js';
+  import { organizeDoc } from '/imports/api/parenting/organizeMethods.js';
 
   let formIndex = {};
   for (let key in propertyFormIndex){
@@ -135,6 +137,29 @@
           }
         });
       },
+      move(){
+        let that = this;
+        this.$store.commit('pushDialogStack', {
+          component: 'move-library-node-dialog',
+          elementId: 'property-toolbar-menu-button',
+          callback(parentId){
+            if (!parentId) return;
+            organizeDoc.call({
+              docRef: {
+                collection: 'libraryNodes',
+                id: that._id,
+              },
+              parentRef: {
+                collection: 'libraryNodes',
+                id: parentId
+              },
+              order: -0.5
+            }, (error) => {
+              if (error) console.error(error);
+            });
+          }
+        });
+      },
       change({path, value, ack}){
         updateLibraryNode.call({_id: this._id, path, value}, (error) =>{
           if (ack){

app/imports/ui/library/MoveLibraryNodeDialog.vue

@@ -0,0 +1,37 @@
+<template lang="html">
+  <dialog-base>
+    <v-toolbar-title slot="toolbar">
+      Select new location
+    </v-toolbar-title>
+    <library-and-node
+      slot="unwrapped-content"
+      style="height: 100%;"
+      selection
+      @selected="val => node = val"
+    />
+    <template slot="actions">
+      <v-spacer />
+      <v-btn
+        flat
+        color="primary"
+        @click="$store.dispatch('popDialogStack', node._id)"
+      >
+        Move
+      </v-btn>
+    </template>
+  </dialog-base>
+</template>
+
+<script>
+	import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
+	import LibraryAndNode from '/imports/ui/library/LibraryAndNode.vue';
+	export default {
+		components: {
+			DialogBase,
+			LibraryAndNode,
+		},
+		data(){return {
+			node: undefined,
+		};},
+	};
+</script>