small fixes

src/plugins/condition/components/Condition.vue

@@ -1,34 +1,19 @@
 <template>
 <div id="conditionArea"
      class="c-cs-ui__conditions"
-     :class="['widget-condition', { 'widget-condition--current': isCurrent }]"
+     :class="['widget-condition', { 'widget-condition--current': condition.isCurrent }]"
 >
     <div class="title-bar">
-        <span v-if="isDefault"
+        <span class="condition-name">
-              class="condition-name"
+            {{condition.name}}
-        >Default
         </span>
-        <span v-else
+        <span class="condition-output">
-              class="condition-name"
+            Output: {{condition.output}}
-        >[condition name]
-        </span>
-        <span v-if="isDefault"
-              class="condition-output"
-        >Output: false
-        </span>
-        <span v-else
-              class="condition-output"
-        >Output: [condition output]
         </span>
     </div>
     <div class="condition-config">
-        <span v-if="isDefault"
+        <span class="condition-description">
-              class="condition-description"
+            {{ condition.description}}
-        >When all else fails
-        </span>
-        <span v-else
-              class="condition-description"
-        >[condition description]
         </span>
     </div>
 </div>
@@ -38,9 +23,7 @@
 export default {
     inject: ['openmct'],
     props: {
-        isEditing: Boolean,
+        condition: Object
-        isCurrent: Boolean,
-        isDefault: Boolean
     },
     data() {
         return {

src/plugins/condition/components/ConditionCollection.vue

@@ -34,13 +34,12 @@
                  class="conditionArea"
             >
                 <div v-if="isEditing">
-                    <ConditionEdit :is-default="condition.isDefault"
+                    <ConditionEdit :condition="condition"
-                                   :condition="condition"
                                    @persist="persist"
                     />
                 </div>
                 <div v-else>
-                    <Condition :is-default="condition.isDefault" />
+                    <Condition :condition="condition" />
                 </div>
             </div>
         </div>
@@ -66,9 +65,7 @@ export default {
         return {
             expanded: true,
             parentKeyString: this.openmct.objects.makeKeyString(this.domainObject.identifier),
-            conditionCollection: [{
+            conditionCollection: []
-                isDefault: true
-            }]
         };
     },
     destroyed() {
@@ -77,6 +74,9 @@ export default {
     mounted() {
         this.instantiate = this.openmct.$injector.get('instantiate');
         this.conditionCollection = this.domainObject.configuration.conditionCollection || this.conditionCollection;
+        this.addDefaultCondition();
+        console.log(this.conditionCollection);
+        
     },
     methods: {
         added(conditionDO) {
@@ -85,15 +85,17 @@ export default {
         addCondition() {
             let conditionObjId = uuid();
             let conditionObj = {
-                "composition": [],
+                isDefault: false,
-                "name": "Unnamed Condition",
+                composition: [],
-                "type": "condition",
+                name: "Unnamed Condition",
-                "id": conditionObjId,
+                type: "condition",
-                "location": this.parentKeyString,
+                id: conditionObjId,
-                "identifier": {
+                location: this.parentKeyString,
-                    "namespace": "",
+                identifier: {
-                    "key": conditionObjId
+                    namespace: "",
-                }
+                    key: conditionObjId
+                },
+                output: 'test'
             };
 
             let conditionDOKeyString = this.openmct.objects.makeKeyString(conditionObj.identifier);
@@ -103,12 +105,31 @@ export default {
 
             this.conditionCollection.unshift(conditionDO);
 
-            this.$set(this.domainObject.configuration.conditionCollection, 0, conditionDO);
+            this.$set(this.conditionCollection, 0, conditionDO);
 
-            console.log(conditionDO.name)
+            console.log(this.conditionCollection);
             
             this.persist();
         },
+        addDefaultCondition() {
+            this.conditionCollection = [];
+
+            let conditionObjId = uuid();
+            this.conditionCollection.push({
+                description: 'when all fails',
+                isDefault: true,
+                composition: [],
+                name: "Default",
+                type: "condition",
+                id: conditionObjId,
+                location: this.parentKeyString,
+                identifier: {
+                    namespace: "",
+                    key: conditionObjId
+                },
+                output: 'Default test'
+            });
+        },
         removeCondition(identifier) {
             let index = _.findIndex(this.conditionCollection, (condition) => this.openmct.objects.makeKeyString(identifier) === condition.identifier.key);
 

src/plugins/condition/components/ConditionEdit.vue

@@ -1,26 +1,26 @@
 <template>
 <div class="c-cs-editui__conditions"
-     :class="['widget-condition', { 'widget-condition--current': isCurrent }]"
+     :class="['widget-condition', { 'widget-condition--current': condition.isCurrent }]"
 >
     <div class="title-bar">
         <span
             class="c-c__menu-hamburger"
-            :class="{ 'is-enabled': !isDefault }"
+            :class="{ 'is-enabled': !condition.isDefault }"
-            @click="expanded = !expanded"
+            @click="expanded = !condition.expanded"
         ></span>
         <span
             class="is-enabled flex-elem"
             :class="['c-c__disclosure-triangle', { 'c-c__disclosure-triangle--expanded': expanded }]"
-            @click="expanded = !expanded"
+            @click="expanded = !condition.expanded"
         ></span>
         <div class="condition-summary">
-            <span class="condition-name">{{ name }}</span>
+            <span class="condition-name">{{ condition.name }}</span>
-            <span class="condition-description">{{ description }}</span>
+            <span class="condition-description">{{ condition.description }}</span>
         </div>
-        <span v-if="!isDefault"
+        <span v-if="!condition.isDefault"
               class="is-enabled c-c__duplicate"
         ></span>
-        <span v-if="!isDefault"
+        <span v-if="!condition.isDefault"
               class="is-enabled c-c__trash"
               @click="removeCondition"
         ></span>
@@ -38,7 +38,7 @@
                             <li>
                                 <label>Condition Name</label>
                                 <span class="controls">
-                                    <input v-model="name"
+                                    <input v-model="condition.name"
                                            class="t-rule-name-input"
                                            type="text"
                                     >
@@ -65,16 +65,10 @@
 export default {
     inject: ['openmct', 'domainObject'],
     props: {
-        isEditing: Boolean,
+        condition: Object
-        isCurrent: Boolean,
-        isDefault: Boolean,
-        condition: {
-            type: Object,
-            required: true
-        }
     },
     data() {
-        console.log(`this.condition.name: ${this.condition.name}`);
+        
         return {
             expanded: true,
             name: this.condition.name,
@@ -82,6 +76,7 @@ export default {
         };
     },
     mounted() {
+        console.log(`this.condition.name: ${this.condition.name}`);
         // console.log(`currentObjectPath: ${this.currentObjectPath.name}`);
         //  console.log(this.domainObject);
     },