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

added conditions and condition components

Browse Source
This commit is contained in:
Joel McKinnon 2019-12-26 12:25:30 -08:00
parent f93d5a6fbf
commit 99c7bd4c10
5 changed files with 132 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/plugins/condition/components/Condition.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
<div id="conditionArea"
class="c-cs-editui__conditions widget-condition"
>
<span v-if="isEditing">[editable condition data]</span>
<span v-else>[read-only condition data]</span>
</div>
</template>
<script>
export default {
inject: ['openmct'],
props: {
isEditing: Boolean
},
data() {
return {
conditionData: {}
};
},
methods: {
}
}
</script>

90
src/plugins/conditionSet/ConditionSetViewProvider.js
View File

@ -23,47 +23,51 @@
import ConditionSet from './components/ConditionSet.vue';
import Vue from 'vue';
export default function ConditionSetViewProvider(openmct) {
return {
key: 'conditionSet.view',
name: 'Condition Set',
cssClass: 'icon-summary-widget',
canView: function (domainObject) {
return domainObject.type === 'conditionSet';
},
canEdit: function (domainObject) {
return domainObject.type === 'conditionSet';
},
view: function (domainObject, objectPath) {
let component;
return {
show(container) {
component = new Vue({
el: container,
components: {
ConditionSet
},
provide: {
openmct,
domainObject,
objectPath
},
data() {
return {
domainObject
};
},
template: '<condition-set></condition-set>'
});
},
destroy() {
component.$destroy();
component = undefined;
}
};
},
priority() {
return 100;
}
};
export default class ConditionSetViewProvider {
constructor(openmct) {
this.openmct = openmct;
this.key = 'conditionSet.view';
this.cssClass = 'icon-summary-widget';
}
canView(domainObject) {
return domainObject.type === 'conditionSet';
}
canEdit(domainObject) {
return domainObject.type === 'conditionSet';
}
view(domainObject, objectPath) {
let component;
const openmct = this.openmct;
return {
show: (container, isEditing) => {
component = new Vue({
el: container,
components: {
ConditionSet
},
provide: {
openmct,
domainObject,
objectPath
},
data() {
return {
isEditing: isEditing
}
},
template: '<condition-set :isEditing="isEditing"></condition-set>'
});
},
onEditModeChange: function (isEditing) {
component.isEditing = isEditing;
},
destroy: () => {
component.$destroy();
component = undefined;
}
};
}
}

47
src/plugins/conditionSet/components/ConditionSet.vue
View File

@ -37,13 +37,13 @@
</div>
</div>
</section>
<section class="test-data">
<section v-show="isEditing"
class="test-data"
>
<div class="c-sw-edit__ui__header">
<span class="c-disclosure-triangle is-enabled t-view-control-test-data c-disclosure-triangle--expanded"></span>
<span class="c-sw-edit__ui__header-label">Test Data</span>
</div>
</section>
<section class="conditions">
<div class="c-sw-edit__ui holder l-flex-accordion flex-elem grows widget-edit-holder expanded-widget-rules expanded-widget-test-data">
<div class="flex-accordion-holder t-widget-test-data-content w-widget-test-data-content">
<div class="l-enable">
@ -60,6 +60,7 @@
</div>
<div class="holder add-rule-button-wrapper align-right">
<button
v-show="isEditing"
id="addRule"
class="c-button c-button--major add-test-condition icon-plus"
>
@ -69,44 +70,24 @@
</div>
</div>
</div>
<div class="c-sw-edit__ui__header">
<span class="c-disclosure-triangle c-disclosure-triangle--expanded is-enabled t-view-control-rules"></span>
<span class="c-sw-edit__ui__header-label">Conditions</span>
</div>
<div class="t-test-data-config">
<div id="ruleArea"
class="c-sw-editui__rules widget-rules"
>
<span>[data]</span>
</div>
<div class="holder add-rule-button-wrapper align-right">
<button
id="addRule"
class="c-button c-button--major add-rule-button icon-plus"
>
<span class="c-button__label">Add Rule</span>
</button>
</div>
</div>
</section>
<Conditions :is-editing="isEditing" />
</div>
</div>
</div>
</template>
<script>
import Conditions from './Conditions.vue';
export default {
inject: ["openmct", "objectPath", "domainObject"],
components: {
Conditions
},
props: {
domainObject: {
type: Object,
required: true
}
},
data() {
return {
internalDomainObject: this.domainObject
};
},
inject: ["openmct", "objectPath", "domainObject"]
isEditing: Boolean
}
};
</script>

46
src/plugins/conditionSet/components/Conditions.vue Normal file
View File

@ -0,0 +1,46 @@
<template>
<section id="conditions">
<div class="c-sw-edit__ui__header">
<span class="c-disclosure-triangle c-disclosure-triangle--expanded is-enabled t-view-control-conditons"></span>
<span class="c-sw-edit__ui__header-label">Conditions</span>
</div>
<div class="t-test-data-config">
<div id="conditionArea"
class="c-cs-editui__conditions widget-condition"
>
<Condition :is-editing="isEditing" />
<Condition :is-editing="isEditing" />
</div>
<div class="holder add-condition-button-wrapper align-right">
<button
v-show="isEditing"
id="addCondition"
class="c-button c-button--major add-condition-button icon-plus"
>
<span class="c-button__label">Add Condition</span>
</button>
</div>
</div>
</section>
</template>
<script>
import Condition from '../../condition/components/Condition.vue';
export default {
inject: ['openmct'],
components: {
Condition
},
props: {
isEditing: Boolean
},
data() {
return {
conditionData: {}
};
},
methods: {
}
}
</script>

2
src/plugins/conditionSet/pluginSpec.js
View File

@ -23,7 +23,7 @@
import { createOpenMct } from 'testTools';
import ConditionSetPlugin from './plugin';
describe('The plugin', () => {
fdescribe('The plugin', () => {
let openmct;
let conditionSetDefinition;
let element;