Display active condition's output in read only view

src/plugins/condition/components/Condition.vue

@@ -21,6 +21,8 @@
 </template>
 
 <script>
+import ConditionClass from "@/plugins/condition/Condition";
+
 export default {
     inject: ['openmct'],
     props: {
@@ -41,7 +43,17 @@ export default {
     mounted() {
         this.openmct.objects.get(this.conditionIdentifier).then((obj => {
             this.condition = obj;
+            this.conditionClass = new ConditionClass(this.condition, this.openmct);
+            this.conditionClass.on('conditionResultUpdated', this.handleConditionResult.bind(this));
         }));
+    },
+    methods: {
+        handleConditionResult(args) {
+            this.$emit('condition-result-updated', {
+                id: this.conditionIdentifier,
+                result: args.data.result
+            })
+        }
     }
 }
 </script>

src/plugins/condition/components/ConditionCollection.vue

@@ -44,6 +44,7 @@
                 </div>
                 <div v-else>
                     <Condition :condition-identifier="conditionIdentifier"
+                               @condition-result-updated="handleConditionResult"
                                :current-condition-identifier="currentConditionIdentifier"
                     />
                 </div>