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);
     },