ayanova/src/views/home-dashboard.vue

@@ -1,74 +1,77 @@
 <template>
-  <v-row v-if="formState.ready">
-    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
-    <v-col cols="12">
-      <h2>DASHBOARD UNDER CONSTRUCTION</h2>
-    </v-col>
-    <v-col v-if="showSelector" cols="12">
-      <v-dialog
-        v-model="showSelector"
-        scrollable
-        max-width="600px"
-        data-cy="dashSelector"
-        @keydown.esc="cancel"
-      >
-        <v-card elevation="24">
-          <v-card-title class="text-h5 lighten-2" primary-title>
-            <span> {{ $ay.t("Add") }} </span>
-          </v-card-title>
+  <div>
+    <v-row v-if="formState.ready">
+      <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
-          <v-card-text style="height: 500px;">
-            <v-list>
-              <v-list-item
-                v-for="item in availableItems()"
-                :key="item.id"
-                @click="addItem(item)"
+      <v-col v-if="showSelector" cols="12">
+        <v-dialog
+          v-model="showSelector"
+          scrollable
+          max-width="600px"
+          data-cy="dashSelector"
+          @keydown.esc="cancel"
+        >
+          <v-card elevation="24">
+            <v-card-title class="text-h5 lighten-2" primary-title>
+              <span> {{ $ay.t("Add") }} </span>
+            </v-card-title>
+
+            <v-card-text style="height: 500px;">
+              <v-list>
+                <v-list-item
+                  v-for="item in availableItems()"
+                  :key="item.id"
+                  @click="addItem(item)"
+                >
+                  <v-list-item-title>{{ $ay.t(item.title) }}</v-list-item-title>
+                </v-list-item>
+              </v-list>
+            </v-card-text>
+
+            <v-divider></v-divider>
+            <v-card-actions>
+              <v-btn
+                color="primary"
+                text
+                data-cy="dashSelector:cancel"
+                @click.native="showSelector = false"
+                >{{ $ay.t("Cancel") }}</v-btn
               >
-                <v-list-item-title>{{ $ay.t(item.title) }}</v-list-item-title>
-              </v-list-item>
-            </v-list>
-          </v-card-text>
-
-          <v-divider></v-divider>
-          <v-card-actions>
-            <v-btn
-              color="primary"
-              text
-              data-cy="dashSelector:cancel"
-              @click.native="showSelector = false"
-              >{{ $ay.t("Cancel") }}</v-btn
-            >
-          </v-card-actions>
-        </v-card>
-      </v-dialog>
-    </v-col>
-    <v-col v-if="!hasItems()" cols="12">
-      <v-btn outlined @click.native="showSelector = true">{{
-        $ay.t("Add")
-      }}</v-btn>
-    </v-col>
-    <v-col
-      v-for="(item, i) in effectiveView"
-      :key="i"
-      class="d-flex child-flex"
-      cols="12"
-      sm="6"
-      lg="4"
-      xl="3"
-    >
-      <component
-        :is="item.type"
-        v-bind="item"
-        :max-list-items="10"
-        @dash-remove="dashRemove"
-        @dash-move-start="dashMoveStart"
-        @dash-move-back="dashMoveBack"
-        @dash-move-forward="dashMoveForward"
-        @dash-move-end="dashMoveEnd"
+            </v-card-actions>
+          </v-card>
+        </v-dialog>
+      </v-col>
+    </v-row>
+    <v-row>
+      <v-col
+        v-for="(item, i) in effectiveView"
+        :key="i"
+        class="d-flex child-flex"
+        cols="12"
+        sm="6"
+        lg="4"
+        xl="3"
       >
-      </component>
-    </v-col>
-  </v-row>
+        <component
+          :is="item.type"
+          :ref="item.ref"
+          v-bind="item"
+          :max-list-items="10"
+          @dash-remove="dashRemove"
+          @dash-move-start="dashMoveStart"
+          @dash-move-back="dashMoveBack"
+          @dash-move-forward="dashMoveForward"
+          @dash-move-end="dashMoveEnd"
+        >
+        </component>
+      </v-col>
+      <v-col cols="12">
+        <v-btn outlined @click.native="showSelector = true">{{
+          $ay.t("Add")
+        }}</v-btn>
+      </v-col>
+    </v-row>
+  </div>
 </template>
 
 <script>
@@ -81,6 +84,7 @@ import GzDashTestLineWidgetMonthlyTotalPrice from "../components/dash-test-line-
 import GzDashTestDayCalendarWidget from "../components/dash-test-day-calendar-widget.vue";
 import GzDashTodayScheduledWo from "../components/dash-today-scheduled-wo.vue";
 import GzDashTodayReminders from "../components/dash-today-reminders.vue";
+import GzDashTodayReviews from "../components/dash-today-reviews.vue";
 
 export default {
   components: {
@@ -89,7 +93,8 @@ export default {
     GzDashTestLineWidgetMonthlyTotalPrice,
     GzDashTestDayCalendarWidget,
     GzDashTodayScheduledWo,
-    GzDashTodayReminders
+    GzDashTodayReminders,
+    GzDashTodayReviews
   },
   data() {
     return {
@@ -139,9 +144,9 @@ export default {
     }
   },
   methods: {
-    hasItems: function() {
-      return this.effectiveView && this.effectiveView.length > 0;
-    },
+    // hasItems: function() {
+    //   return this.effectiveView && this.effectiveView.length > 0;
+    // },
     dashMoveStart: function(id) {
       this.move("start", id);
     },
@@ -204,6 +209,7 @@ export default {
     },
     addItem: function(item) {
       this.showSelector = false;
+      item.ref = "db" + Date.now();
       this.effectiveView.push(item);
       this.saveView();
     },