ayanova/src/views/home-schedule.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-if="formState.ready" v-resize="onResize" class="my-n8">
     <!-- `{{ "focus:" + focus }}` {{ diagInfo() }}
-    {{ eventMoreInfo }}-->
+    {{ evInfo }}-->
     <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
     <v-sheet height="64">
@@ -65,7 +65,7 @@
         :event-color="getEventColor"
         :type="viewType"
         :locale="languageName"
-        @click:event="showEventMoreInfo"
+        @click:event="showevInfo"
         @click:more="viewDay"
         @click:date="viewDay"
         @change="fetchEvents"
@@ -124,12 +124,61 @@
               <div>
                 <span class="text-h6">{{ $ay.t("WorkOrder") }}: </span>
                 <span class="text-body-1"
-                  >{{ eventMoreInfo.serial }}&nbsp;
+                  >{{ evInfo.serial }}&nbsp; {{ evInfo.customerViz }}</span
-                  {{ eventMoreInfo.customerViz }}</span
                 >
               </div>
+              <div>
+                <span class="text-h6">{{ $ay.t("DashboardScheduled") }}: </span>
+                <span class="text-body-1"
+                  >{{ $ay.dt(evInfo.startDate) }}&nbsp;&mdash;&nbsp;{{
+                    $ay.dt(evInfo.stopDate)
+                  }}</span
+                >
+              </div>
+              <div v-if="evInfo.haswostatus">
+                <span class="text-h6">{{ $ay.t("WorkOrderStatus") }}: </span>
+                <span class="text-body-1">{{ evInfo.wostatus }}</span>
+                <v-icon :color="evInfo.wostatuscolor" class="ml-4"
+                  >$ayiFlag</v-icon
+                >
+                <v-icon
+                  color="primary"
+                  v-if="evInfo.wostatuslocked"
+                  class="ml-4"
+                  >$ayiLock</v-icon
+                >
+                <v-icon
+                  color="primary"
+                  v-if="evInfo.wostatuscompleted"
+                  class="ml-4"
+                  >$ayiCheckCircle</v-icon
+                >
+              </div>
+
+              <div>
+                <span class="text-h6"
+                  >{{ $ay.t("WorkOrderItemSummary") }}:
+                </span>
+                <span class="text-body-1">
+                  <v-icon class="mr-3" :color="evInfo.woitemstatuscolor"
+                    >$ayiCircle</v-icon
+                  >{{ evInfo.woitemstatus }}</span
+                >
+              </div>
+
+              <div>
+                <span class="text-h6"
+                  >{{ $ay.t("WorkOrderItemPriorityID") }}:
+                </span>
+                <span class="text-body-1">
+                  <v-icon class="mr-3" :color="evInfo.woitemprioritycolor"
+                    >$ayiFireAlt</v-icon
+                  >{{ evInfo.woitempriority }}</span
+                >
+              </div>
+
               {{ selectedEvent }}
-              {{ eventMoreInfo }}
+              {{ evInfo }}
             </div>
           </v-card-text>
           <v-card-actions>
@@ -269,7 +318,7 @@ export default {
       selectedElement: null,
       selectedOpen: false,
       events: [],
-      eventMoreInfo: null,
+      evInfo: null,
       formState: {
         ready: false,
         dirty: false,
@@ -348,10 +397,10 @@ export default {
         id: this.selectedEvent.id
       });
     },
-    async showEventMoreInfo({ nativeEvent, event }) {
+    async showevInfo({ nativeEvent, event }) {
-      //console.log("showEventMoreInfo:event ", JSON.stringify(event));
+      //console.log("showevInfo:event ", JSON.stringify(event));
       let route = null;
-      this.eventMoreInfo = null;
+      this.evInfo = null;
 
       switch (event.type) {
         case window.$gz.type.WorkOrderItemScheduledUser:
@@ -361,7 +410,7 @@ export default {
       if (route) {
         let res = await window.$gz.api.get(route);
         if (!res.error) {
-          this.eventMoreInfo = res.data;
+          this.evInfo = res.data;
         }
       }
 
@@ -615,7 +664,12 @@ async function fetchTranslatedText(vm) {
     "ScheduleMonth",
     "ScheduleDay",
     "ScheduleWeek",
-    "Schedule4Day"
+    "Schedule4Day",
+    "WorkOrder",
+    "DashboardScheduled",
+    "WorkOrderItemPriorityID",
+    "WorkOrderItemSummary",
+    "WorkOrderStatus"
   ]);
 }
 </script>