ayanova/src/components/dash-base.vue

@@ -18,19 +18,28 @@
           </template>
 
           <v-list>
+            <v-list-item @click="refresh">
+              <v-list-item-icon>
+                <v-icon>$ayiSync</v-icon>
+              </v-list-item-icon>
+              <v-list-item-content>
+                <v-list-item-title>{{ $ay.t("Refresh") }}</v-list-item-title>
+              </v-list-item-content>
+            </v-list-item>
+
             <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 @click="$emit('dash-move-back', 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 @click="$emit('dash-move-forward', id)">
               <v-list-item-icon>
                 <v-icon>$ayiForward</v-icon>
               </v-list-item-icon>
@@ -42,7 +51,7 @@
               </v-list-item-icon>
             </v-list-item>
 
-            <v-list-item @click="$emit('dash-remove', this.id)">
+            <v-list-item @click="$emit('dash-remove', id)">
               <v-list-item-icon>
                 <v-icon>$ayiTrashAlt</v-icon>
               </v-list-item-icon>
@@ -50,12 +59,6 @@
                 <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
-              }}</v-list-item-title>
-            </v-list-item>
           </v-list>
         </v-menu>
       </v-toolbar>
@@ -71,14 +74,7 @@
 </template>
 <script>
 export default {
-  data: () => ({
-    items: [
-      { name: "Click Me", value: 0 },
-      { name: "Click Me", value: 1 },
-      { name: "Click Me", value: 2 },
-      { name: "Click Me 2", value: 3 }
-    ]
-  }),
+  data: () => ({}),
   props: {
     id: {
       type: String,
@@ -88,8 +84,8 @@ export default {
     moreUrl: String
   },
   methods: {
-    menuItemClick(item) {
-      console.log(item);
+    refresh() {
+      console.log("REFRESH CLICKED");
     }
   }
 };

ayanova/src/views/home-dashboard.vue

@@ -14,6 +14,9 @@
         :id="'dashitem-' + i"
         v-on:dash-remove="dashRemove"
         v-on:dash-move-start="dashMoveStart"
+        v-on:dash-move-back="dashMoveBack"
+        v-on:dash-move-forward="dashMoveForward"
+        v-on:dash-move-end="dashMoveEnd"
       />
     </v-col>
   </v-row>
@@ -55,6 +58,15 @@ export default {
     dashMoveStart: function(item) {
       console.log("home-dashboard:dashMoveStart", item);
     },
+    dashMoveBack: function(item) {
+      console.log("home-dashboard:dashMoveBack", item);
+    },
+    dashMoveForward: function(item) {
+      console.log("home-dashboard:dashMoveForward", item);
+    },
+    dashMoveEnd: function(item) {
+      console.log("home-dashboard:dashMoveEnd", item);
+    },
     dashRemove: function(item) {
       console.log("home-dashboard:dashRemove", item);
     }