From b037d497339643c5984b5031448e16636a79179f Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Thu, 29 Oct 2020 19:17:48 +0000
Subject: [PATCH]

---
 ayanova/src/components/dash-base.vue | 41 ++++++++++++++++++----------
 ayanova/src/views/home-dashboard.vue |  4 +++
 2 files changed, 30 insertions(+), 15 deletions(-)

diff --git a/ayanova/src/components/dash-base.vue b/ayanova/src/components/dash-base.vue
index 2d91c60c..c54f1d1d 100644
--- a/ayanova/src/components/dash-base.vue
+++ b/ayanova/src/components/dash-base.vue
@@ -1,14 +1,6 @@
 <template>
   <v-sheet color="white" elevation="4" height="300">
     <slot name="dash-title">
-      <!-- <div class="mx-2 mt-1 text-subtitle-1 text-md-h6 text-xl-h4">
-        {{ title }}
-
-        <v-btn icon class="float-right">
-          <v-icon>$ayiEllipsisV</v-icon>
-        </v-btn>
-      </div> -->
-
       <v-toolbar flat dense>
         <v-toolbar-title> {{ title }}</v-toolbar-title>
 
@@ -18,9 +10,6 @@
           <v-icon>mdi-heart</v-icon>
         </v-btn> -->
 
-        <!-- <v-btn icon>
-          <v-icon>$ayiEllipsisV</v-icon>
-        </v-btn> -->
         <v-menu bottom left>
           <template v-slot:activator="{ on, attrs }">
             <v-btn icon v-bind="attrs" v-on="on">
@@ -29,7 +18,31 @@
           </template>
 
           <v-list>
-            <v-list-item @click="removeItem">
+            <v-list-item @click="$emit('dash-move-start', id)">
+              <v-list-item-icon>
+                <v-icon>$ayiStepBackward</v-icon>
+              </v-list-item-icon>
+            </v-list-item>
+
+            <v-list-item @click="$emit('dash-move-left', id)">
+              <v-list-item-icon>
+                <v-icon>$ayiBackward</v-icon>
+              </v-list-item-icon>
+            </v-list-item>
+
+            <v-list-item @click="$emit('dash-move-right', id)">
+              <v-list-item-icon>
+                <v-icon>$ayiForward</v-icon>
+              </v-list-item-icon>
+            </v-list-item>
+
+            <v-list-item @click="$emit('dash-move-end', id)">
+              <v-list-item-icon>
+                <v-icon>$ayiStepForward</v-icon>
+              </v-list-item-icon>
+            </v-list-item>
+
+            <v-list-item @click="$emit('dash-remove', this.id)">
               <v-list-item-icon>
                 <v-icon>$ayiTrashAlt</v-icon>
               </v-list-item-icon>
@@ -37,6 +50,7 @@
                 <v-list-item-title>{{ $ay.t("Delete") }}</v-list-item-title>
               </v-list-item-content>
             </v-list-item>
+
             <v-list-item v-for="(item, i) in items" :key="i">
               <v-list-item-title @click="menuItemClick(item)">{{
                 item.name
@@ -74,9 +88,6 @@ export default {
     moreUrl: String
   },
   methods: {
-    removeItem() {
-      this.$emit("dash-remove", this.id);
-    },
     menuItemClick(item) {
       console.log(item);
     }
diff --git a/ayanova/src/views/home-dashboard.vue b/ayanova/src/views/home-dashboard.vue
index 77b55093..ecae0394 100644
--- a/ayanova/src/views/home-dashboard.vue
+++ b/ayanova/src/views/home-dashboard.vue
@@ -13,6 +13,7 @@
         :title="'Dash-' + i"
         :id="'dashitem-' + i"
         v-on:dash-remove="dashRemove"
+        v-on:dash-move-start="dashMoveStart"
       />
     </v-col>
   </v-row>
@@ -51,6 +52,9 @@ export default {
       }
       return ret;
     },
+    dashMoveStart: function(item) {
+      console.log("home-dashboard:dashMoveStart", item);
+    },
     dashRemove: function(item) {
       console.log("home-dashboard:dashRemove", item);
     }