ayanova/src/components/work-order-state.vue

@@ -28,19 +28,18 @@
             <span class="headline">{{ $ay.t("WorkOrderStatus") }}</span>
           </v-card-title>
           <v-card-text>
-            <!-- {{ value.states }} -->
-            <!-- <v-list>
-              <v-list-item v-for="item in value.states" :key="item.id">
-                <v-list-item-title>{{ item }}</v-list-item-title>
-              </v-list-item>
-            </v-list> -->
-            <!-- <template v-for="item in stateDisplayList">
+            <template v-for="item in stateDisplayList">
               <div :key="item.id">
-                {{ item }}
-                {{ item.user }}
+                <span class="text-h6">{{ item.name }}</span>
+                <v-icon :color="item.color" class="ml-4">$ayiFlag</v-icon>
+                <v-icon color="primary" v-if="item.locked" class="ml-4"
+                  >$ayiLock</v-icon
+                >
+                <v-icon color="primary" v-if="item.completed" class="ml-4"
+                  >$ayiCheckCircle</v-icon
+                >
               </div>
-            </template> -->
-            {{ stateDisplayList }}
+            </template>
 
             <template v-if="canAdd">
               <div>
@@ -294,10 +293,7 @@ export default {
     stateDisplayList() {
       let ret = [];
       this.value.states.forEach(z => {
-        console.log("z", z);
-        let d = this.getStateForDisplay(z);
-        console.log("d", d);
-        ret.push(d);
+        ret.push(this.getStateForDisplay(z));
       });
       return ret;
     },