src/plugins/plot/inspector/StackedPlotsInspectorViewProvider.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59


import PlotOptions from "./PlotOptions.vue";
import Vue from 'vue';

export default function StackedPlotsInspectorViewProvider(openmct) {
    return {
        key: 'stacked-plots-inspector',
        name: 'Stacked Plots Inspector View',
        canView: function (selection) {
            if (selection.length === 0 || selection[0].length === 0) {
                return false;
            }

            const object = selection[0][0].context.item;
            const parent = selection[0].length > 1 && selection[0][1].context.item;

            const isOverlayPlotObject = object && object.type === 'telemetry.plot.overlay';
            const isParentStackedPlotObject = parent && parent.type === 'telemetry.plot.stacked';

            return !isOverlayPlotObject && isParentStackedPlotObject;
        },
        view: function (selection) {
            let component;
            let objectPath;

            if (selection.length) {
                objectPath = selection[0].map((selectionItem) => {
                    return selectionItem.context.item;
                });
            }

            return {
                show: function (element) {
                    component = new Vue({
                        el: element,
                        components: {
                            PlotOptions: PlotOptions
                        },
                        provide: {
                            openmct,
                            domainObject: selection[0][0].context.item,
                            path: objectPath
                        },
                        template: '<plot-options></plot-options>'
                    });
                },
                destroy: function () {
                    if (component) {
                        component.$destroy();
                        component = undefined;
                    }
                }
            };
        },
        priority: function () {
            return 1;
        }
    };
}