ayanova/src/components/dash-base.vue

@@ -18,9 +18,27 @@
           <v-icon>mdi-heart</v-icon>
         </v-btn> -->
 
-        <v-btn icon>
+        <!-- <v-btn icon>
           <v-icon>$ayiEllipsisV</v-icon>
-        </v-btn>
+        </v-btn> -->
+        <v-menu bottom left>
+          <template v-slot:activator="{ on, attrs }">
+            <v-btn icon v-bind="attrs" v-on="on">
+              <v-icon>$ayiEllipsisV</v-icon>
+            </v-btn>
+          </template>
+
+          <v-list>
+            <v-list-item @click="removeItem">
+              <v-list-item-title>$ay.t('Remove')</v-list-item-title>
+            </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>
     </slot>
     <slot name="main"
@@ -34,9 +52,29 @@
 </template>
 <script>
 export default {
-  data: () => ({}),
+  data: () => ({
+    items: [
+      { name: "Click Me", value: 0 },
+      { name: "Click Me", value: 1 },
+      { name: "Click Me", value: 2 },
+      { name: "Click Me 2", value: 3 }
+    ]
+  }),
   props: {
-    title: String
+    id: {
+      type: String,
+      required: true
+    },
+    title: String,
+    moreUrl: String
+  },
+  methods: {
+    removeItem() {
+      this.$emit("dash-remove", this.id);
+    },
+    menuItemClick(item) {
+      console.log(item);
+    }
   }
 };
 </script>

ayanova/src/views/home-dashboard.vue

@@ -1,7 +1,7 @@
 <template>
   <v-row>
     <v-col
-      v-for="(item, i) in TestItems()"
+      v-for="(item, i) in dashItems()"
       :key="i"
       class="d-flex child-flex"
       cols="12"
@@ -9,7 +9,11 @@
       lg="4"
       xl="3"
     >
-      <gz-dash :title="'Dash-' + i" />
+      <gz-dash
+        :title="'Dash-' + i"
+        :id="'dashitem-' + i"
+        v-on:dash-remove="dashRemove"
+      />
     </v-col>
   </v-row>
 </template>
@@ -40,12 +44,15 @@ export default {
     });
   },
   methods: {
-    TestItems: function() {
+    dashItems: function() {
       let ret = [];
       for (var i = 0; i < 12; i++) {
         ret.push({ index: i, title: `Dash ${i}` });
       }
       return ret;
+    },
+    dashRemove: function(item) {
+      console.log("home-dashboard:dashRemove", item);
     }
   },
   data() {