name property WIP

This commit is contained in:
Joel McKinnon 2020-01-10 15:58:16 -08:00
parent d0e8f650be
commit d79402c568
2 changed files with 15 additions and 7 deletions

View File

@ -35,6 +35,7 @@
> >
<div v-if="isEditing"> <div v-if="isEditing">
<ConditionEdit :is-default="condition.isDefault" <ConditionEdit :is-default="condition.isDefault"
:condition="condition"
@persist="persist" @persist="persist"
/> />
</div> </div>
@ -85,7 +86,7 @@ export default {
let conditionObjId = uuid(); let conditionObjId = uuid();
let conditionObj = { let conditionObj = {
"composition": [], "composition": [],
"name": "condition" + this.conditionCollection.length, "name": "Unnamed Condition",
"type": "condition", "type": "condition",
"id": conditionObjId, "id": conditionObjId,
"location": this.parentKeyString, "location": this.parentKeyString,

View File

@ -20,7 +20,7 @@
</span> </span>
<span v-else <span v-else
class="condition-name" class="condition-name"
>[condition name] >{{ name }}
</span> </span>
<span v-if="isDefault" <span v-if="isDefault"
class="condition-description" class="condition-description"
@ -28,7 +28,7 @@
</span> </span>
<span v-else <span v-else
class="condition-description" class="condition-description"
>[condition description] >{{ description }}
</span> </span>
</div> </div>
<span v-if="!isDefault" <span v-if="!isDefault"
@ -52,7 +52,8 @@
<li> <li>
<label>Condition Name</label> <label>Condition Name</label>
<span class="controls"> <span class="controls">
<input class="t-rule-name-input" <input v-model="name"
class="t-rule-name-input"
type="text" type="text"
> >
</span> </span>
@ -80,12 +81,18 @@ export default {
props: { props: {
isEditing: Boolean, isEditing: Boolean,
isCurrent: Boolean, isCurrent: Boolean,
isDefault: Boolean isDefault: Boolean,
condition: {
type: Object,
required: true
}
}, },
data() { data() {
// console.log(`domainObject: ${domainObject}`); console.log(`this.condition.name: ${this.condition.name}`);
return { return {
expanded: true expanded: true,
name: this.condition.name,
description: this.condition.description
}; };
}, },
mounted() { mounted() {