ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-01 15:10:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

drag wip

Browse Source
This commit is contained in:
Joel McKinnon 2020-01-23 12:16:16 -08:00
parent 9e4458db10
commit cfa5dcb02e
2 changed files with 28 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -28,23 +28,31 @@
<span class="c-cs-button__label">Add Condition</span> <span class="c-cs-button__label">Add Condition</span>
</button> </button>
</div> </div>
<div class="condition-collection"> <div class="c-c condition-collection">
<div v-for="conditionIdentifier in conditionCollection" <div id="js-c-drag-ghost"
:key="conditionIdentifier.key" class="c-c__drag-ghost"
class="conditionArea" ></div>
> <div class="c-c__container-holder">
<div v-if="isEditing"> <div v-for="conditionIdentifier in conditionCollection"
<ConditionEdit :condition-identifier="conditionIdentifier" :key="conditionIdentifier.key"
>
<div class="c-c__drop-hint">
<div class="c-drop-hint c-drop-hint"></div>
</div>
<div v-if="isEditing">
<ConditionEdit :condition-identifier="conditionIdentifier"
:current-condition-identifier="currentConditionIdentifier"
@update-current-condition="updateCurrentCondition"
@remove-condition="removeCondition"
@condition-result-updated="handleConditionResult"
/>
</div>
<div v-else>
<Condition :condition-identifier="conditionIdentifier"
:current-condition-identifier="currentConditionIdentifier" :current-condition-identifier="currentConditionIdentifier"
@update-current-condition="updateCurrentCondition" />
@remove-condition="removeCondition" </div>
@condition-result-updated="handleConditionResult"
/>
</div>
<div v-else>
<Condition :condition-identifier="conditionIdentifier"
:current-condition-identifier="currentConditionIdentifier"
/>
</div> </div>
</div> </div>
</div> </div>

7
src/plugins/condition/components/ConditionEdit.vue
View File

@ -1,7 +1,8 @@
<template> <template>
<div v-if="condition" <div v-if="condition"
class="c-cs-editui__conditions" class="c-c-editui__conditions c-c-container__container c-c__drag-wrapper"
:class="['widget-condition', { 'widget-condition--current': currentConditionIdentifier && (currentConditionIdentifier.key === conditionIdentifier.key) }]" :class="['widget-condition', { 'widget-condition--current': currentConditionIdentifier && (currentConditionIdentifier.key === conditionIdentifier.key) }]"
draggable="true"
> >
<div class="title-bar"> <div class="title-bar">
<span <span
@ -150,8 +151,8 @@ export default {
currentConditionIdentifier: { currentConditionIdentifier: {
type: Object, type: Object,
required: true required: true
} },
}, },
data() { data() {
return { return {
condition: this.condition, condition: this.condition,