From 3f2dd333c6828a17669a220765c781739d648c3e Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Tue, 4 May 2021 20:35:35 +0000
Subject: [PATCH]

---
 ayanova/src/components/work-order-items.vue | 39 ++++++++++++++++-----
 1 file changed, 30 insertions(+), 9 deletions(-)

diff --git a/ayanova/src/components/work-order-items.vue b/ayanova/src/components/work-order-items.vue
index 16c1ebbf..02307b27 100644
--- a/ayanova/src/components/work-order-items.vue
+++ b/ayanova/src/components/work-order-items.vue
@@ -118,20 +118,41 @@
         ></v-textarea>
       </v-col>
 
-      <v-col>
-        <v-select
+      <v-col cols="12" sm="6" lg="4" xl="3">
+        <v-autocomplete
           v-model="value.items[activeItemIndex].workorderItemStatusId"
           :items="pvm.selectLists.woItemStatus"
           item-text="name"
           item-value="id"
-          :readonly="formState.readOnly"
           :label="$ay.t('WorkOrderItemWorkOrderStatusID')"
-          ref="workorderItemStatusId"
-          data-cy="workorderItemStatusId"
-          :rules="[form().integerValid(this, 'workorderItemStatusId')]"
-          :error-messages="form().serverErrors(this, 'workorderItemStatusId')"
-          @input="fieldValueChanged('workorderItemStatusId')"
-        ></v-select>
+          prepend-icon="$ayiEdit"
+          @click:prepend="handleEditItemStatusClick()"
+        >
+          <template v-slot:selection="{ item }">
+            <v-icon class="mr-3" :color="item.color">$ayiCircle</v-icon
+            >{{ item.name }}
+          </template>
+
+          <template v-slot:item="{ item }">
+            <v-list-item-avatar>
+              <v-icon :color="item.color">$ayiCircle</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-subtitle> {{ item.notes }}</v-list-item-subtitle>
+            </v-list-item-content>
+          </template>
+        </v-autocomplete>
       </v-col>
 
       //status WorkOrderItemWorkOrderStatusID WorkorderItemStatusId //priority