ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-20 21:53:08 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

disabled add or edit condition set without telemetry

Browse Source
This commit is contained in:
Joel McKinnon 2020-02-25 08:25:02 -08:00
parent 96e433beaa
commit d333fd5822
3 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/plugins/condition/components/Condition.vue
View File

@ -76,6 +76,7 @@
<label>Output</label>
<span class="controls">
<select v-model="selectedOutputKey"
:disabled="!telemetry.length"
@change="checkInputValue"
>
<option value="">- Select Output -</option>

9
src/plugins/condition/components/ConditionCollection.vue
View File

@ -38,19 +38,24 @@
<div v-show="isEditing"
class="help"
>
<span>The first condition to match is the one that wins. Drag conditions to rearrange.</span>
<span v-if="!telemetryObjs.length">Drag telemetry into Condition Set in order to add or edit conditions.</span>
<span v-else>The first condition to match is the one that wins. Drag conditions to rearrange.</span>
</div>
<div class="holder add-condition-button-wrapper align-left">
<button
v-show="isEditing"
id="addCondition"
class="c-cs-button c-cs-button--major add-condition-button"
:class="{ 'is-disabled': !telemetryObjs.length}"
:disabled="!telemetryObjs.length"
@click="addCondition"
>
<span class="c-cs-button__label">Add Condition</span>
</button>
</div>
<div class="c-c condition-collection">
<div class="c-c__condition-collection"
:class="{ 'is-disabled': !telemetryObjs.length && isEditing}"
>
<ul class="c-c__container-holder">
<li v-for="(conditionIdentifier, index) in conditionCollection"
:key="conditionIdentifier.key"

8
src/plugins/condition/components/condition-set.scss
View File

@ -64,6 +64,10 @@ section {
margin-top: 5px;
}
.c-c__condition-collection.is-disabled {
opacity: 0.5;
}
.widget-condition form {
padding: 0.5em;
display: flex;
@ -91,6 +95,10 @@ section {
font-weight: bold;
color: #eee;
border-radius: 6px;
&.is-disabled {
opacity: 0.5;
}
}
.c-cs__disclosure-triangle,