ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-03-10 22:43:55 +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>
</button>
</div>
<div class="condition-collection">
<div v-for="conditionIdentifier in conditionCollection"
:key="conditionIdentifier.key"
class="conditionArea"
>
<div v-if="isEditing">
<ConditionEdit :condition-identifier="conditionIdentifier"
<div class="c-c condition-collection">
<div id="js-c-drag-ghost"
class="c-c__drag-ghost"
></div>
<div class="c-c__container-holder">
<div v-for="conditionIdentifier in conditionCollection"
: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"
@update-current-condition="updateCurrentCondition"
@remove-condition="removeCondition"
@condition-result-updated="handleConditionResult"
/>
</div>
<div v-else>
<Condition :condition-identifier="conditionIdentifier"
:current-condition-identifier="currentConditionIdentifier"
/>
/>
</div>
</div>
</div>
</div>

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

@ -1,7 +1,8 @@
<template>
<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) }]"
draggable="true"
>
<div class="title-bar">
<span
@ -150,8 +151,8 @@ export default {
currentConditionIdentifier: {
type: Object,
required: true
}
},
},
},
data() {
return {
condition: this.condition,