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

@@ -1,7 +1,7 @@
 <template>
   <div>
     <h5>WORKORDER STATE</h5>
-    {{ value }}
+    {{ lastState }}
 
     <!-- Display as drop down box so it appears like any other select, however, it also has a button to show history and
     when user clicks on it a popup dialog shows the entire history of the state in a datatable or something along those lines -->
@@ -46,7 +46,11 @@ export default {
   },
   computed: {
     lastState() {
-      return "blah";
+      if (!this.value.states) {
+        return "UNKNOWN";
+      } else {
+        return this.value.states[this.value.states.length-1];
+      }
     }
   }
 };