ayanova/devdocs/todo.txt

@@ -5,14 +5,13 @@
 DASHBOARD / KPI / BIZ METRICS
 
 
-todo: movement buttons need text beside them (translated of course)
 todo: if dashboard view is empty should be a string displayed saying nothing selected to show?
 todo: do we need a PLUS menu item to add one of that type to that widget, i.e. if it's showing workorders then a plus to make a new wokorder would be useful
 todo: default dashboard views for new users on creation?
 
 	once sizing is in order then can look at specialty routes for serving dash items, maybe combine all dashitems into same route with it's own queries?
 		it just has to return raw data, nothing fancy, check roles etc and then do some nice summarization queries
-
+todo: calendar dash item, can scroll bar be hidden?
 
 
 

ayanova/src/api/translation.js

@@ -260,7 +260,11 @@ export default {
     "TimeSpanSeconds",
     "DirectNotification",
     "UpdateAvailable",
-    "DropFilesHere"
+    "DropFilesHere",
+    "First",
+    "Backward",
+    "Forward",
+    "Last"
   ],
 
   ////////////////////////////////////////////////////////

ayanova/src/components/dash-base.vue

@@ -82,24 +82,36 @@
               <v-list-item-icon>
                 <v-icon>$ayiStepBackward</v-icon>
               </v-list-item-icon>
+              <v-list-item-content>
+                <v-list-item-title>{{ $ay.t("First") }}</v-list-item-title>
+              </v-list-item-content>
             </v-list-item>
 
             <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-content>
+                <v-list-item-title>{{ $ay.t("Backward") }}</v-list-item-title>
+              </v-list-item-content>
             </v-list-item>
 
             <v-list-item @click="$emit('dash-move-forward', id)">
               <v-list-item-icon>
                 <v-icon>$ayiForward</v-icon>
               </v-list-item-icon>
+              <v-list-item-content>
+                <v-list-item-title>{{ $ay.t("Forward") }}</v-list-item-title>
+              </v-list-item-content>
             </v-list-item>
 
             <v-list-item @click="$emit('dash-move-end', id)">
               <v-list-item-icon>
                 <v-icon>$ayiStepForward</v-icon>
               </v-list-item-icon>
+              <v-list-item-content>
+                <v-list-item-title>{{ $ay.t("Last") }}</v-list-item-title>
+              </v-list-item-content>
             </v-list-item>
 
             <v-list-item @click="$emit('dash-remove', id)">

ayanova/src/views/home-dashboard.vue

@@ -39,6 +39,9 @@
         </v-card>
       </v-dialog>
     </v-col>
+    <v-col cols="12" v-if="!hasItems()">
+      <v-btn outlined @click.native="showSelector = true">{{ $ay.t("Add") }}</v-btn>
+    </v-col>
     <v-col
       v-for="(item, i) in effectiveView"
       :key="i"
@@ -48,21 +51,6 @@
       lg="4"
       xl="3"
     >
-      <!-- <gz-dash
-        :title="item.title"
-        :id="item.id"
-        :showCount="true"
-        :count="0"
-        moreUrl="/home-dashboard"
-        icon="$ayiRobot"
-        :updateFrequency="30000"
-        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"
-      /> -->
-
       <component
         :is="item.type"
         v-bind="item"
@@ -128,6 +116,9 @@ export default {
     }
   },
   methods: {
+    hasItems: function() {
+      return this.effectiveView && this.effectiveView.length > 0;
+    },
     dashMoveStart: function(id) {
       this.move("start", id);
     },