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>