diff --git a/platform/commonUI/general/src/directives/MCTSelectable.js b/platform/commonUI/general/src/directives/MCTSelectable.js index 8cae3a741e..f7c8086a17 100644 --- a/platform/commonUI/general/src/directives/MCTSelectable.js +++ b/platform/commonUI/general/src/directives/MCTSelectable.js @@ -54,6 +54,7 @@ define( if (isDestroyed) { return; } + var removeSelectable = openmct.selection.selectable( element[0], scope.$eval(attrs.mctSelectable), diff --git a/src/plugins/plot/res/templates/stacked-plot.html b/src/plugins/plot/res/templates/stacked-plot.html index c12ba21355..de6808d2ec 100644 --- a/src/plugins/plot/res/templates/stacked-plot.html +++ b/src/plugins/plot/res/templates/stacked-plot.html @@ -43,12 +43,16 @@
-
diff --git a/src/plugins/plot/src/telemetry/StackedPlotController.js b/src/plugins/plot/src/telemetry/StackedPlotController.js index 0d28dbc0a6..f2be95448a 100644 --- a/src/plugins/plot/src/telemetry/StackedPlotController.js +++ b/src/plugins/plot/src/telemetry/StackedPlotController.js @@ -79,6 +79,15 @@ define([ $scope.$broadcast('plot:tickWidth', _.max(tickWidthMap)); } } + + function compositionReorder(reorderPlan) { + let oldComposition = telemetryObjects.slice(); + + reorderPlan.forEach((reorder) => { + telemetryObjects[reorder.newIndex] = oldComposition[reorder.oldIndex]; + }); + } + thisRequest.pending += 1; openmct.objects.get(domainObject.getId()) .then(function (obj) { @@ -89,10 +98,12 @@ define([ composition = openmct.composition.get(obj); composition.on('add', addChild); composition.on('remove', removeChild); + composition.on('reorder', compositionReorder); composition.load(); unlisten = function () { composition.off('add', addChild); composition.off('remove', removeChild); + composition.off('reorder', compositionReorder); }; }); } diff --git a/src/plugins/tabs/components/tabs.vue b/src/plugins/tabs/components/tabs.vue index ffa011e026..6151deecaf 100644 --- a/src/plugins/tabs/components/tabs.vue +++ b/src/plugins/tabs/components/tabs.vue @@ -7,7 +7,8 @@ }">
+ @dragenter="dragenter" + @dragleave="dragleave">
Drag objects here to add them to this view.
@@ -197,13 +198,6 @@ export default { document.addEventListener('dragstart', this.dragstart); document.addEventListener('dragend', this.dragend); - - let dropHint = this.$refs.dropHint; - - if (dropHint) { - dropHint.addEventListener('dragenter', this.dragenter); - dropHint.addEventListener('dragleave', this.dragleave); - } }, destroyed() { this.composition.off('add', this.addItem); @@ -212,12 +206,6 @@ export default { document.removeEventListener('dragstart', this.dragstart); document.removeEventListener('dragend', this.dragend); - }, - beforeDestroy() { - let dropHint = this.$refs.dropHint; - - dropHint.removeEventListener('dragenter', this.dragenter); - dropHint.removeEventListener('dragleave', this.dragleave); } } diff --git a/src/styles-new/_legacy-plots.scss b/src/styles-new/_legacy-plots.scss index 8621afddb1..4a211dbae3 100644 --- a/src/styles-new/_legacy-plots.scss +++ b/src/styles-new/_legacy-plots.scss @@ -51,6 +51,22 @@ mct-plot { } } +.is-editing { + .gl-plot.child-frame { + &:hover { + background: rgba($editUIColorBg, 0.1); + box-shadow: inset rgba($editUIColorBg, 0.8) 0 0 0 1px; + } + + &[s-selected] { + border: 1px solid $editUIColorFg !important; + color: $editUIColorFg !important; + box-shadow: $editFrameSelectedShdw; + z-index: 2; + } + } +} + .gl-plot { color: $colorPlotFg; display: flex;