ayanova/src/components/dash-base.vue

@@ -1,5 +1,6 @@
 <template>
-  <v-sheet color="white" elevation="4" height="300px" style="overflow: hidden;">
+  <!-- <v-sheet color="white" elevation="4" height="400px" style="overflow: scroll;"> -->
+  <v-sheet color="white" height="420px" style="overflow: auto;" elevation="4">
     <slot name="dash-title">
       <v-toolbar flat dense>
         <template v-if="showMoreButton">

ayanova/src/components/dash-labor-hours-personal.vue

@@ -23,7 +23,7 @@
 
         <gz-chart-line
           :width="400"
-          :height="240"
+          :height="330"
           :chart-data="chartData"
           :options="timeLineChartOptions"
         />
@@ -46,6 +46,7 @@
             </v-card-title>
 
             <v-card-text style="height: 500px;">
+              {{ settings }}
               <v-select
                 v-model="localSettings.dateRange"
                 :items="selectLists.dateFilterTokens"
@@ -116,6 +117,9 @@ export default {
           xAxes: [
             {
               type: "time",
+              time: {
+                unit: this.settings.unit
+              },
               gridLines: {
                 drawOnChartArea: false
               }
@@ -140,9 +144,9 @@ export default {
       return {
         datasets: [
           {
-            label: this.$ay.t("BillableHours"),
+            label: this.$ay.t("WorkOrderItemLaborServiceRateQuantity"),
             borderColor: Palette.color.soft_deep_blue,
-            backgroundColor: Palette.color.soft_deep_blue,
+            //backgroundColor: Palette.color.soft_deep_blue,
             fill: false,
             radius: 0,
             hoverRadius: 10,
@@ -239,7 +243,7 @@ ORDER BY timeframe ASC
         if (res.error) {
           this.errorMessage = res.error;
         } else {
-          console.log(res);
+          // console.log(res);
           this.obj = res.data;
         }
       } catch (error) {
@@ -307,7 +311,8 @@ async function fetchTranslatedText() {
     "DateRangePreviousYearLastMonth",
     "DateRangePreviousYearNextMonth",
     "TimeSpanDays",
-    "TimeSpanMonths"
+    "TimeSpanMonths",
+    "WorkOrderItemLaborServiceRateQuantity"
   ]);
 }
 
@@ -321,10 +326,9 @@ function populateSelectionLists(vm) {
       { name: vm.$ay.t("DateRangeToday"), id: "*today*" },
       { name: vm.$ay.t("DateRangeLastWeek"), id: "*lastweek*" },
       { name: vm.$ay.t("DateRangeThisWeek"), id: "*thisweek*" },
-      { name: vm.$ay.t("DateRangeNextWeek"), id: "*nextweek*" },
+
       { name: vm.$ay.t("DateRangeLastMonth"), id: "*lastmonth*" },
       { name: vm.$ay.t("DateRangeThisMonth"), id: "*thismonth*" },
-      { name: vm.$ay.t("DateRangeNextMonth"), id: "*nextmonth*" },
       { name: vm.$ay.t("DateRange14DayWindow"), id: "*14daywindow*" },
       { name: vm.$ay.t("DateRangePast"), id: "*past*" },
       { name: vm.$ay.t("DateRangeLastYear"), id: "*lastyear*" }, //prior year from jan to dec

ayanova/src/components/dash-today-reminders.vue

@@ -10,31 +10,33 @@
     v-on="$listeners"
   >
     <template slot="main">
-      <v-calendar
+      <v-sheet height="345">
-        ref="calendar"
+        <v-calendar
-        color="primary"
+          ref="calendar"
-        type="day"
+          color="primary"
-        hide-header
+          type="day"
-        :now="now"
+          hide-header
-        :interval-count="intervalCount"
+          :now="now"
-        :first-time="startAt"
+          :interval-count="intervalCount"
-        :events="events"
+          :first-time="startAt"
-        :event-color="getEventColor"
+          :events="events"
-        :locale="languageName"
+          :event-color="getEventColor"
-        @click:event="showEvent"
+          :locale="languageName"
-      >
+          @click:event="showEvent"
-        <template v-slot:event="{ event, eventSummary }">
+        >
-          <div>
+          <template v-slot:event="{ event, eventSummary }">
-            <!-- eslint-disable vue/no-v-html -->
+            <div>
-            <span
+              <!-- eslint-disable vue/no-v-html -->
-              :class="event.textColor + '--text'"
+              <span
-              v-html="eventSummary()"
+                :class="event.textColor + '--text'"
-            /><v-icon v-if="!event.editable" x-small :color="event.textColor">
+                v-html="eventSummary()"
-              $ayiLock</v-icon
+              /><v-icon v-if="!event.editable" x-small :color="event.textColor">
-            >
+                $ayiLock</v-icon
-          </div>
+              >
-        </template>
+            </div>
-      </v-calendar>
+          </template>
+        </v-calendar>
+      </v-sheet>
     </template>
   </gz-dash>
 </template>

ayanova/src/components/dash-today-reviews.vue

@@ -9,31 +9,33 @@
     v-on="$listeners"
   >
     <template slot="main">
-      <v-calendar
+      <v-sheet height="345">
-        ref="rvwcalendar"
+        <v-calendar
-        color="primary"
+          ref="rvwcalendar"
-        type="day"
+          color="primary"
-        hide-header
+          type="day"
-        :now="now"
+          hide-header
-        :interval-count="intervalCount"
+          :now="now"
-        :first-time="startAt"
+          :interval-count="intervalCount"
-        :events="events"
+          :first-time="startAt"
-        :event-color="getEventColor"
+          :events="events"
-        :locale="languageName"
+          :event-color="getEventColor"
-        @click:event="showEvent"
+          :locale="languageName"
-      >
+          @click:event="showEvent"
-        <template v-slot:event="{ event, eventSummary }">
+        >
-          <div>
+          <template v-slot:event="{ event, eventSummary }">
-            <!-- eslint-disable vue/no-v-html -->
+            <div>
-            <span
+              <!-- eslint-disable vue/no-v-html -->
-              :class="event.textColor + '--text'"
+              <span
-              v-html="eventSummary()"
+                :class="event.textColor + '--text'"
-            /><v-icon v-if="!event.editable" x-small :color="event.textColor">
+                v-html="eventSummary()"
-              $ayiLock</v-icon
+              /><v-icon v-if="!event.editable" x-small :color="event.textColor">
-            >
+                $ayiLock</v-icon
-          </div>
+              >
-        </template>
+            </div>
-      </v-calendar>
+          </template>
+        </v-calendar>
+      </v-sheet>
     </template>
   </gz-dash>
 </template>

ayanova/src/components/dash-today-scheduled-wo.vue

@@ -10,31 +10,33 @@
     v-on="$listeners"
   >
     <template slot="main">
-      <v-calendar
+      <v-sheet height="345">
-        ref="calendar"
+        <v-calendar
-        color="primary"
+          ref="calendar"
-        type="day"
+          color="primary"
-        hide-header
+          type="day"
-        :now="now"
+          hide-header
-        :interval-count="intervalCount"
+          :now="now"
-        :first-time="startAt"
+          :interval-count="intervalCount"
-        :events="events"
+          :first-time="startAt"
-        :event-color="getEventColor"
+          :events="events"
-        :locale="languageName"
+          :event-color="getEventColor"
-        @click:event="showEvent"
+          :locale="languageName"
-      >
+          @click:event="showEvent"
-        <template v-slot:event="{ event, eventSummary }">
+        >
-          <div>
+          <template v-slot:event="{ event, eventSummary }">
-            <!-- eslint-disable vue/no-v-html -->
+            <div>
-            <span
+              <!-- eslint-disable vue/no-v-html -->
-              :class="event.textColor + '--text'"
+              <span
-              v-html="eventSummary()"
+                :class="event.textColor + '--text'"
-            /><v-icon v-if="!event.editable" x-small :color="event.textColor">
+                v-html="eventSummary()"
-              $ayiLock</v-icon
+              /><v-icon v-if="!event.editable" x-small :color="event.textColor">
-            >
+                $ayiLock</v-icon
-          </div>
+              >
-        </template>
+            </div>
-      </v-calendar>
+          </template>
+        </v-calendar>
+      </v-sheet>
     </template>
   </gz-dash>
 </template>