ayanova/src/views/home-dashboard.vue

@@ -10,8 +10,8 @@
       xl="3"
     >
       <gz-dash
-        :title="'Dash-' + i"
-        :id="'dash-item-' + i"
+        :title="'Dash-' + item.id"
+        :id="'dash-item-' + item.id"
         v-on:dash-remove="dashRemove"
         v-on:dash-move-start="dashMoveStart"
         v-on:dash-move-back="dashMoveBack"
@@ -24,6 +24,7 @@
 </template>
 
 <script>
+import DashRegistry from "../api/dash-registry";
 import GzDash from "../components/dash-base.vue";
 /**
  * 
@@ -47,12 +48,13 @@ export default {
       title: "Dashboard",
       helpUrl: "form-home-dashboard"
     });
+    DashRegistry.availableItems();
   },
   methods: {
     dashItems: function() {
       let ret = [];
       for (var i = 0; i < 12; i++) {
-        ret.push({ index: i, title: `Dash ${i}` });
+        ret.push({ id: i.toString(), title: `Dash ${i}` });
       }
       return ret;
     },