ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-15 05:38:12 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Pinch to zoom and wheel zoom work the same way (#3752)

Browse Source
This commit is contained in:
Shefali Joshi
2021-03-12 12:22:22 -08:00
committed by GitHub
parent 74a516aa9e
commit 325f2c4860
1 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/plugins/plot/src/plot/MCTPlotController.js
View File

@ -413,6 +413,21 @@ define([
return; return;
} }
const isPinchToZoom = event.ctrlKey === true;
let isZoomIn = event.wheelDelta < 0;
let isZoomOut = event.wheelDelta >= 0;
//Flip the zoom direction if this is pinch to zoom
if (isPinchToZoom) {
if (isZoomIn === true) {
isZoomOut = true;
isZoomIn = false;
} else if (isZoomOut === true) {
isZoomIn = true;
isZoomOut = false;
}
}
let xDisplayRange = this.$scope.xAxis.get('displayRange'); let xDisplayRange = this.$scope.xAxis.get('displayRange');
let yDisplayRange = this.$scope.yAxis.get('displayRange'); let yDisplayRange = this.$scope.yAxis.get('displayRange');
@ -445,7 +460,7 @@ define([
}; };
} }
if (event.wheelDelta < 0) { if (isZoomIn) {
this.$scope.xAxis.set('displayRange', { this.$scope.xAxis.set('displayRange', {
min: xDisplayRange.min + ((xAxisDist * ZOOM_AMT) * xAxisMinDist), min: xDisplayRange.min + ((xAxisDist * ZOOM_AMT) * xAxisMinDist),
@ -456,7 +471,7 @@ define([
min: yDisplayRange.min + ((yAxisDist * ZOOM_AMT) * yAxisMinDist), min: yDisplayRange.min + ((yAxisDist * ZOOM_AMT) * yAxisMinDist),
max: yDisplayRange.max - ((yAxisDist * ZOOM_AMT) * yAxisMaxDist) max: yDisplayRange.max - ((yAxisDist * ZOOM_AMT) * yAxisMaxDist)
}); });
} else if (event.wheelDelta >= 0) { } else if (isZoomOut) {
this.$scope.xAxis.set('displayRange', { this.$scope.xAxis.set('displayRange', {
min: xDisplayRange.min - ((xAxisDist * ZOOM_AMT) * xAxisMinDist), min: xDisplayRange.min - ((xAxisDist * ZOOM_AMT) * xAxisMinDist),