BIMviewer

1
import {Controller} from "../Controller.js";
2
import {ContextMenu, DistanceMeasurementsMouseControl, DistanceMeasurementsPlugin} from "@xeokit/xeokit-sdk";
3

4
/** @private */
5
export class MeasureDistanceTool extends Controller {
6

7
    constructor(parent, cfg) {
8

9
        super(parent);
10

11
        if (!cfg.buttonElement) {
12
            throw "Missing config: buttonElement";
13
        }
14

15
        const buttonElement = cfg.buttonElement;
16

17
        this._contextMenu = new ContextMenu({
18
            items: [
19
                [
20
                    {
21
                        getTitle: (context) => {
22
                            return context.measurement.axisVisible ? "Hide Measurement Axis" : "Show Measurement Axis";
23
                        },
24
                        doAction: function (context) {
25
                            context.measurement.axisVisible = !context.measurement.axisVisible;
26
                        }
27
                    },
28
                    {
29
                        getTitle: (context) => {
30
                            return context.measurement.labelsVisible ? "Hide Measurement Labels" : "Show Measurement Labels";
31
                        },
32
                        doAction: function (context) {
33
                            context.measurement.labelsVisible = !context.measurement.labelsVisible;
34
                        }
35
                    }
36
                ], [
37
                    {
38
                        title: "Delete Measurement",
39
                        doAction: function (context) {
40
                            context.measurement.destroy();
41
                        }
42
                    }
43
                ]
44
            ]
45
        });
46

47
        this._contextMenu.on("hidden", () => {
48
            if (this._contextMenu.context.measurement) {
49
                this._contextMenu.context.measurement.setHighlighted(false);
50
            }
51
        });
52

53
        this._distanceMeasurementsPlugin = new DistanceMeasurementsPlugin(this.viewer, {
54
            defaultAxisVisible: false,
55
            defaultLabelsOnWires : false
56
        });
57

58
        this._distanceMeasurementsPlugin.on("mouseOver", (e) => {
59
            e.measurement.setHighlighted(true);
60
        });
61

62
        this._distanceMeasurementsPlugin.on("mouseLeave", (e) => {
63
            if (this._contextMenu.shown && this._contextMenu.context.measurement.id === e.measurement.id) {
64
                return;
65
            }
66
            e.measurement.setHighlighted(false);
67
        });
68

69
        this._distanceMeasurementsPlugin.on("contextMenu", (e) => {
70
            this._contextMenu.context = { // Must set context before showing menu
71
                distanceMeasurementsPlugin: this._distanceMeasurementsPlugin,
72
                measurement: e.measurement
73
            };
74
            this._contextMenu.show(e.event.clientX, e.event.clientY);
75
            e.event.preventDefault();
76
        });
77

78
        this._distanceMeasurementsMouseControl = new DistanceMeasurementsMouseControl(this._distanceMeasurementsPlugin, {
79
            //   pointerLens : new PointerLens(viewer)
80
        })
81

82
        this._distanceMeasurementsMouseControl.snapping = true;
83

84
        this.on("enabled", (enabled) => {
85
            if (!enabled) {
86
                buttonElement.classList.add("disabled");
87
            } else {
88
                buttonElement.classList.remove("disabled");
89
            }
90
        });
91

92
        this.on("active", (active) => {
93
            if (active) {
94
                buttonElement.classList.add("active");
95
                this._distanceMeasurementsMouseControl.activate();
96
            } else {
97
                buttonElement.classList.remove("active");
98
                this._distanceMeasurementsMouseControl.deactivate();
99
            }
100
        });
101

102
        buttonElement.addEventListener("click", (event) => {
103
            if (this.getEnabled()) {
104
                const active = this.getActive();
105
                this.setActive(!active);
106
            }
107
            event.preventDefault();
108
        });
109

110
        this.bimViewer.on("reset", () => {
111
            this.setActive(false);
112
            this.clear();
113
        });
114
    }
115

116
    getNumMeasurements() {
117
        return Object.keys(this._distanceMeasurementsPlugin.measurements).length;
118
    }
119

120
    setMeasurementsAxisVisible(axisVisible) {
121
        this._distanceMeasurementsPlugin.setAxisVisible(axisVisible);
122
    }
123

124
    getMeasurementsAxisVisible() {
125
        return this._distanceMeasurementsPlugin.getAxisVisible();
126
    }
127

128
    setSnappingEnabled(snappingEnabled) {
129
        return this._distanceMeasurementsMouseControl.snapping = snappingEnabled;
130
    }
131

132
    getSnappingEnabled() {
133
        return this._distanceMeasurementsMouseControl.snapping;
134
    }
135

136
    clear() {
137
        this._distanceMeasurementsPlugin.clear();
138
    }
139

140
    destroy() {
141
        this._distanceMeasurementsPlugin.destroy();
142
        this._distanceMeasurementsMouseControl.destroy();
143
        this._contextMenu.destroy();
144
        super.destroy();
145
    }
146
}