ayanova/src/components/dash-workorder-overdue-all-list.vue

@@ -22,7 +22,11 @@
           <v-list-item :key="i" two-line :to="'/svc-workorders/' + item.id">
             <v-list-item-content>
               <v-list-item-title
-                ><span class="text-h6 primary--text">{{ item.serial }}</span
+                ><span class="text-h6 primary--text"
+                  >{{ item.serial
+                  }}<v-icon :color="statusColor(item.laststatusid)"
+                    >$ayiFlag</v-icon
+                  ></span
                 ><span class="ml-4">{{ $ay.dt(item.completebydate) }}</span>
                 <span class="ml-4">{{ item.name }}</span></v-list-item-title
               >
@@ -130,7 +134,10 @@ export default {
     return {
       obj: {},
       context: false,
-      localSettings: {}
+      localSettings: {},
+      selectLists: {
+        wostatus: []
+      }
     };
   },
   computed: {},
@@ -142,6 +149,12 @@ export default {
     await this.getDataFromApi();
   },
   methods: {
+    statusColor: function(statusId) {
+      let ret = this.selectLists.wostatus.filter(z => z.id == statusId);
+      if (ret && ret.length > 0) {
+        return ret[0].color;
+      }
+    },
     showContext: function() {
       this.localSettings = window.$gz.util.deepCopySkip(this.settings);
       this.context = true;
@@ -187,10 +200,25 @@ export default {
 /////////////////////////////////
 //
 //
-async function initWidget() {
+async function initWidget(vm) {
   await fetchTranslatedText();
+  await fetchWorkorderStatusList(vm);
 }
 
+async function fetchWorkorderStatusList(vm) {
+  let res = await window.$gz.api.get("work-order-status/list");
+  if (res.error) {
+    vm.formState.serverError = res.error;
+    window.$gz.form.setErrorBoxErrors(vm);
+  } else {
+    vm.selectLists.wostatus = res.data.all;
+    let noStatus = window.$gz.form.getNoSelectionItem(true);
+    noStatus.color = "#eeeeee";
+    noStatus.locked = false;
+    noStatus.completed = false;
+    vm.selectLists.wostatus.unshift(noStatus);
+  }
+}
 //////////////////////////////////////////////////////////
 //
 // Ensures UI translated text is available

ayanova/src/components/dash-workorder-unscheduled-open-list.vue

@@ -22,7 +22,11 @@
           <v-list-item :key="i" two-line :to="'/svc-workorders/' + item.id">
             <v-list-item-content>
               <v-list-item-title
-                ><span class="text-h6 primary--text">{{ item.serial }}</span
+                ><span class="text-h6 primary--text"
+                  >{{ item.serial
+                  }}<v-icon :color="statusColor(item.laststatusid)"
+                    >$ayiFlag</v-icon
+                  ></span
                 ><span class="ml-4">{{ $ay.dt(item.servicedate) }}</span>
                 <span class="ml-4">{{ item.name }}</span></v-list-item-title
               >
@@ -183,6 +187,12 @@ export default {
     await this.getDataFromApi();
   },
   methods: {
+    statusColor: function(statusId) {
+      let ret = this.selectLists.wostatus.filter(z => z.id == statusId);
+      if (ret && ret.length > 0) {
+        return ret[0].color;
+      }
+    },
     showContext: function() {
       this.localSettings = window.$gz.util.deepCopySkip(this.settings);
       this.context = true;
@@ -259,7 +269,12 @@ async function fetchWorkorderStatusList(vm) {
     window.$gz.form.setErrorBoxErrors(vm);
   } else {
     vm.selectLists.wostatus = res.data.all.filter(z => z.completed == false); //TODO: weed out closed status
-    vm.selectLists.wostatus.unshift(window.$gz.form.getNoSelectionItem(true));
+    vm.selectLists.wostatus = res.data.all;
+    let noStatus = window.$gz.form.getNoSelectionItem(true);
+    noStatus.color = "#eeeeee";
+    noStatus.locked = false;
+    noStatus.completed = false;
+    vm.selectLists.wostatus.unshift(noStatus);
   }
 }
 </script>