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);
     }

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);
     }