From 5b11e3324ebeed4931962da61dc96a0f5ce86efa Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Tue, 4 May 2021 22:18:27 +0000
Subject: [PATCH]

---
 ayanova/src/components/work-order-items.vue | 44 ++++++++++++++++++++-
 ayanova/src/plugins/vuetify.js              |  8 ++++
 2 files changed, 51 insertions(+), 1 deletion(-)

diff --git a/ayanova/src/components/work-order-items.vue b/ayanova/src/components/work-order-items.vue
index 7480e6fa..fe5c0e6d 100644
--- a/ayanova/src/components/work-order-items.vue
+++ b/ayanova/src/components/work-order-items.vue
@@ -121,7 +121,7 @@
       <v-col cols="12" sm="6" lg="4" xl="3">
         <v-autocomplete
           v-model="value.items[activeItemIndex].workorderItemStatusId"
-           @input="fieldValueChanged('workorderItemStatusId')"
+          @input="fieldValueChanged('workorderItemStatusId')"
           :items="pvm.selectLists.woItemStatus"
           item-text="name"
           item-value="id"
@@ -155,6 +155,42 @@
         </v-autocomplete>
       </v-col>
 
+      <v-col cols="12" sm="6" lg="4" xl="3">
+        <v-autocomplete
+          v-model="value.items[activeItemIndex].workorderItemPriorityId"
+          @input="fieldValueChanged('workorderItemPriorityId')"
+          :items="pvm.selectLists.woItemPriorities"
+          item-text="name"
+          item-value="id"
+          :label="$ay.t('WorkOrderItemPriorityID')"
+          prepend-icon="$ayiEdit"
+          @click:prepend="handleEditItemPriorityClick()"
+        >
+          <template v-slot:selection="{ item }">
+            <v-icon class="mr-3" :color="item.color">$ayiFireAlt</v-icon
+            >{{ item.name }}
+          </template>
+
+          <template v-slot:item="{ item }">
+            <v-list-item-avatar>
+              <v-icon :color="item.color">$ayiFireAlt</v-icon>
+            </v-list-item-avatar>
+            <v-list-item-content>
+              <v-list-item-title
+                ><span
+                  :class="
+                    item.active
+                      ? ''
+                      : 'disabled--text text-decoration-line-through'
+                  "
+                  >{{ item.name }}</span
+                ></v-list-item-title
+              >
+            </v-list-item-content>
+          </template>
+        </v-autocomplete>
+      </v-col>
+
       //status WorkOrderItemWorkOrderStatusID WorkorderItemStatusId //priority
       WorkOrderItemPriorityID WorkorderItemPriorityId //requestdate
       WorkOrderItemRequestDate RequestDate //warrantyservice
@@ -278,6 +314,12 @@ export default {
         id: this.value.items[this.activeItemIndex].workorderItemStatusId
       });
     },
+    handleEditItemPriorityClick: function() {
+      window.$gz.eventBus.$emit("openobject", {
+        type: window.$gz.type.WorkOrderItemPriority,
+        id: this.value.items[this.activeItemIndex].workorderItemPriorityId
+      });
+    },
     form() {
       return window.$gz.form;
     },
diff --git a/ayanova/src/plugins/vuetify.js b/ayanova/src/plugins/vuetify.js
index a81d26d4..b023f824 100644
--- a/ayanova/src/plugins/vuetify.js
+++ b/ayanova/src/plugins/vuetify.js
@@ -124,6 +124,7 @@ import {
   faFileVideo,
   faFileWord,
   faFilter,
+  faFireAlt,
   faFlag,
   faFolder,
   faForward,
@@ -304,6 +305,7 @@ library.add(
   faFileVideo,
   faFileWord,
   faFilter,
+  faFireAlt,
   faFlag,
   faFolder,
   faForward,
@@ -826,6 +828,12 @@ const CUSTOM_ICONS = {
       icon: ["fas", "filter"]
     }
   },
+  ayiFireAlt: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "fire-alt"]
+    }
+  },
   ayiFlag: {
     component: FontAwesomeIcon,
     props: {