From 5bc5920adf2c1f0e3f4eaabf38dce798f31d8d6c Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Mon, 5 Apr 2021 23:52:59 +0000
Subject: [PATCH]

---
 ayanova/src/components/work-order-state.vue | 32 ++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/ayanova/src/components/work-order-state.vue b/ayanova/src/components/work-order-state.vue
index 6a4a1678..b33e2c00 100644
--- a/ayanova/src/components/work-order-state.vue
+++ b/ayanova/src/components/work-order-state.vue
@@ -23,7 +23,37 @@
           item-value="id"
           append-outer-icon="$ayiPlus"
           @click:append-outer="addState()"
-        ></v-autocomplete>
+        >
+          <template v-slot:item="data">
+            <v-list-item-avatar>
+              <v-icon :color="data.item.color">$ayiFlag</v-icon>
+            </v-list-item-avatar>
+            <v-list-item-content>
+              <v-list-item-title
+                ><span class="text-subtitle-2">{{ data.item.name }}</span
+                ><v-icon
+                  small
+                  color="disabled"
+                  class="ml-2"
+                  v-if="data.item.locked"
+                  >$ayiLock</v-icon
+                >
+                <v-icon
+                  color="disabled"
+                  class="ml-1"
+                  small
+                  v-if="data.item.completed"
+                  >$ayiCheckCircle</v-icon
+                ></v-list-item-title
+              >
+
+              <v-list-item-subtitle>
+                {{ data.item.notes }}</v-list-item-subtitle
+              >
+            </v-list-item-content>
+            <v-list-item-action> </v-list-item-action>
+          </template>
+        </v-autocomplete>
       </div>
     </template>