ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-02 19:36:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

rendering correct number of input fields depending on operation and persisting values

Browse Source
This commit is contained in:
Joel McKinnon 2020-02-24 16:31:59 -08:00
parent a1bf4a92e5
commit f4f1d0387b
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/plugins/condition/components/Criterion.vue
View File

@ -44,8 +44,15 @@
{{ option.text }}
</option>
</select>
<input v-if="isInputOperation"
v-model="criterion.input"
<input v-if="inputCount > 0"
v-model="criterion.input[0]"
class="t-condition-name-input"
type="text"
@blur="persist"
>
<span v-if="inputCount === 2">and</span>
<input v-if="inputCount === 2"
v-model="criterion.input[1]"
class="t-condition-name-input"
type="text"
@blur="persist"
@ -53,7 +60,6 @@
</span>
</span>
</li>
</template>
<script>
@ -86,7 +92,7 @@ export default {
telemetryMetadataOptions: {},
operations: OPERATIONS,
filteredOps: [],
isInputOperation: false,
inputCount: 0,
rowLabel: ''
}
},
@ -101,11 +107,7 @@ export default {
},
methods: {
updateMetadataOptions(ev) {
if (ev) {
this.criterion.metadata = '';
this.criterion.operation = '';
this.criterion.input = [];
}
if (ev) {this.clearInputs()}
if (this.criterion.telemetry) {
this.openmct.objects.get(this.criterion.telemetry).then((telemetryObject) => {
this.telemetryMetadata = this.openmct.telemetry.getMetadata(telemetryObject);
@ -116,13 +118,9 @@ export default {
} else {
this.criterion.metadata = '';
}
this.persist();
},
updateOperations(ev) {
if (ev) {
this.criterion.operation = '';
this.criterion.input = [];
}
if (ev) {this.clearInputs()}
let operationFormat = 'string';
this.telemetryMetadata.valueMetadatas.forEach((value, index) => {
if (value.key === this.criterion.metadata) {
@ -139,23 +137,25 @@ export default {
}
});
this.filteredOps = [...this.operations.filter(op => op.appliesTo.indexOf(operationFormat) !== -1)];
this.persist();
},
updateOperationInputVisibility(ev) {
if (ev) {
this.criterion.input = [];
}
if (this.criterion.operation === '') {
this.isInputOperation = false;
} else {
for (let i = 0; i < this.filteredOps.length; i++) {
if (this.criterion.operation === this.filteredOps[i].name) {
this.isInputOperation = this.filteredOps[i].inputCount > 0;
if (!this.isInputOperation) {this.criterion.input = ''}
}
this.inputCount = this.filteredOps[i].inputCount;
if (!this.inputCount) {this.criterion.input = []}
}
}
this.persist();
},
clearInputs() {
this.criterion.operation = '';
this.criterion.input = [];
this.inputCount = 0;
},
updateMetadataSelection() {
this.updateOperationInputVisibility();
},