ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-02 03:16:41 +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 038489256c
commit 36bcfd5a41
3 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -68,6 +68,7 @@
<input v-model="domainObject.configuration.name" <input v-model="domainObject.configuration.name"
class="t-condition-input__name" class="t-condition-input__name"
type="text" type="text"
:disabled="!telemetry.length"
> >
</span> </span>
</li> </li>
@ -75,6 +76,7 @@
<label>Output</label> <label>Output</label>
<span class="controls"> <span class="controls">
<select v-model="selectedOutputKey" <select v-model="selectedOutputKey"
:disabled="!telemetry.length"
@change="checkInputValue" @change="checkInputValue"
> >
<option value="">- Select Output -</option> <option value="">- Select Output -</option>

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

@ -38,19 +38,24 @@
<div v-show="isEditing" <div v-show="isEditing"
class="help" 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>
<div class="holder add-condition-button-wrapper align-left"> <div class="holder add-condition-button-wrapper align-left">
<button <button
v-show="isEditing" v-show="isEditing"
id="addCondition" id="addCondition"
class="c-cs-button c-cs-button--major add-condition-button" class="c-cs-button c-cs-button--major add-condition-button"
:class="{ 'is-disabled': !telemetryObjs.length}"
:disabled="!telemetryObjs.length"
@click="addCondition" @click="addCondition"
> >
<span class="c-cs-button__label">Add Condition</span> <span class="c-cs-button__label">Add Condition</span>
</button> </button>
</div> </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"> <ul class="c-c__container-holder">
<li v-for="(conditionIdentifier, index) in conditionCollection" <li v-for="(conditionIdentifier, index) in conditionCollection"
:key="conditionIdentifier.key" :key="conditionIdentifier.key"

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

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