From dae1f8c30e0c820fdff392760c75cd3d9fe03f89 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Thu, 29 Oct 2020 20:45:50 +0000
Subject: [PATCH]

---
 ayanova/devdocs/todo.txt             |  6 +++++
 ayanova/src/components/dash-base.vue | 34 ++++++++++++----------------
 ayanova/src/views/home-dashboard.vue | 12 ++++++++++
 3 files changed, 33 insertions(+), 19 deletions(-)

diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index 76df7d01..177b6913 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -21,6 +21,12 @@ todo: DASHBOARD
 		User dash registry - user's selected dash widgets to display and the order to display them in plus any unique settings to each one
 			Index in array is their display order
 			[{id:(unique dashitem id),settings:{refreshfrequencymaybe:22,other:'setting'}},{id:(second item id)}]
+		dashboard host page
+			iterates user registry, instantiates the dash items in order desired if user is in allowed role (user may have changed roles)
+			handles removal, re-ordering events
+		dashboard selection UI
+			UI accessed from dashboard menu allowing user to add widgets
+			
 	todo: wireframe / mockup dashboard item objects
 		mockup dash items with all commonality built in, better to start mocking up now than try to design perfectly in advance and then implement			
 			COMMON PROPERTIES
diff --git a/ayanova/src/components/dash-base.vue b/ayanova/src/components/dash-base.vue
index c54f1d1d..e2b1f77e 100644
--- a/ayanova/src/components/dash-base.vue
+++ b/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");
     }
   }
 };
diff --git a/ayanova/src/views/home-dashboard.vue b/ayanova/src/views/home-dashboard.vue
index ecae0394..7fa15472 100644
--- a/ayanova/src/views/home-dashboard.vue
+++ b/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);
     }