ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-06 09:21:43 +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

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

@ -28,11 +28,18 @@
<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 id="js-c-drag-ghost"
class="c-c__drag-ghost"
></div>
<div class="c-c__container-holder">
<div v-for="conditionIdentifier in conditionCollection" <div v-for="conditionIdentifier in conditionCollection"
:key="conditionIdentifier.key" :key="conditionIdentifier.key"
class="conditionArea"
> >
<div class="c-c__drop-hint">
<div class="c-drop-hint c-drop-hint"></div>
</div>
<div v-if="isEditing"> <div v-if="isEditing">
<ConditionEdit :condition-identifier="conditionIdentifier" <ConditionEdit :condition-identifier="conditionIdentifier"
:current-condition-identifier="currentConditionIdentifier" :current-condition-identifier="currentConditionIdentifier"
@ -49,6 +56,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
</template> </template>

5
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,7 +151,7 @@ export default {
currentConditionIdentifier: { currentConditionIdentifier: {
type: Object, type: Object,
required: true required: true
} },
}, },
data() { data() {
return { return {