ayanova/src/components/dash-base.vue

@@ -1,9 +1,20 @@
 <template>
   <v-sheet color="white" elevation="4" height="300" style="overflow: hidden;">
+    <!-- todo: need type icon and badge with count options in title bar (badge is icon?) -->
     <slot name="dash-title">
       <v-toolbar flat dense>
         <v-toolbar-title> {{ title }}</v-toolbar-title>
 
+        <v-spacer></v-spacer>
+        <v-btn text icon to="/home-notifications" data-cy="notification">
+          <v-badge :value="23 > 0">
+            <template v-slot:badge>
+              23
+            </template>
+            <v-icon>$ayiSplotch</v-icon>
+          </v-badge>
+        </v-btn>
+
         <v-spacer></v-spacer>
 
         <!-- <v-btn icon>

ayanova/src/views/home-dashboard.vue

@@ -2,7 +2,7 @@
   <v-row v-if="formState.ready">
     <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
     <v-col
-      v-for="(item, i) in availableItems"
+      v-for="(item, i) in effectiveView"
       :key="i"
       class="d-flex child-flex"
       cols="12"
@@ -122,9 +122,7 @@ export default {
           let allowedView = savedView.filter(z =>
             availableItems.find(m => m.id == z.id)
           );
-          //TODO: Vet the view, ensure only items that match availableItems are allowed through
-          //TODO: set effectiveView based on savedView, availableItems
-          // vm.obj = JSON.parse(res.data.view);
+
           vm.effectiveView = allowedView;
           //modify the menu as necessary
           generateMenu(vm);
@@ -148,8 +146,6 @@ export default {
   },
   data() {
     return {
-      savedView: [],
-      availableItems: [],
       effectiveView: [],
       formState: {
         ready: false,