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

[Mobile] Pan Gesture

Browse Source 
Added pan gesture functionality
with one finger to MCTPlot.
This commit is contained in:
Shivam Dave 2015-08-28 15:23:19 -07:00
parent f1d4e36c02
commit e4a2904213
1 changed files with 38 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
platform/features/plot-reborn/src/directives/MCTPlot.js
View File

@ -272,38 +272,63 @@ define(
updateAxesForCurrentViewport(); updateAxesForCurrentViewport();
} }
function calculateDistanceChange(startDist, currDist) {
return startDist / currDist;
}
function updateZoom(midpoint, bounds, touches, distance) { function updateZoom(midpoint, bounds, touches, distance) {
// calculate offset between points. Apply that offset to viewport. // calculate offset between points. Apply that offset to viewport.
var midpointPosition = trackTouchPosition(midpoint, bounds), var midpointPosition = trackTouchPosition(midpoint, bounds),
newPosition = midpointPosition.positionAsPlotPoint, newMidpointPosition = midpointPosition.positionAsPlotPoint,
dDomain = firstTouchPan.domain - newPosition.domain, newTouchPosition = [trackTouchPosition(touches[0], bounds).positionAsPlotPoint,
dRange = firstTouchPan.range - newPosition.range; trackTouchPosition(touches[1], bounds).positionAsPlotPoint];
//console.log("0 Domain :");
//console.log("0 Range :");
//console.log("1 Domain :");
//console.log("1 Range :");
$scope.viewport = { $scope.viewport = {
topLeft: { topLeft: {
domain: $scope.viewport.topLeft.domain + dDomain, domain: (($scope.viewport.topLeft.domain)),
range: $scope.viewport.topLeft.range + dRange range: (($scope.viewport.topLeft.range))
}, },
bottomRight: { bottomRight: {
domain: $scope.viewport.bottomRight.domain + dDomain, domain: (($scope.viewport.bottomRight.domain)),
range: $scope.viewport.bottomRight.range + dRange range: (($scope.viewport.bottomRight.range))
} }
}; };
} }
function startZoom(midpoint, bounds, touches, distance) { function startZoom(midpoint, bounds, touches, distance) {
$scope.$emit('user:viewport:change:start'); $scope.$emit('user:viewport:change:start');
firstTouches = touches; firstTouches = [trackTouchPosition(touches[0], bounds).positionAsPlotPoint,
trackTouchPosition(touches[1], bounds).positionAsPlotPoint];
firstTouchDistance = distance; firstTouchDistance = distance;
firstTouchPan = trackTouchPosition(midpoint, bounds).positionAsPlotPoint; firstTouchPan = trackTouchPosition(midpoint, bounds).positionAsPlotPoint;
} }
function endZoom() { function updatePan(touch, bounds) {
// calculate offset between points. Apply that offset to viewport.
var panPosition = trackTouchPosition(touch, bounds),
newPanPosition = panPosition.positionAsPlotPoint,
dDomain = firstTouch.domain - newPanPosition.domain,
dRange = firstTouch.range - newPanPosition.range;
$scope.viewport = {
topLeft: {
domain: (($scope.viewport.topLeft.domain) + dDomain),
range: (($scope.viewport.topLeft.range) + dRange)
},
bottomRight: {
domain: (($scope.viewport.bottomRight.domain) + dDomain),
range: (($scope.viewport.bottomRight.range) + dRange)
}
};
}
function startPan(touch, bounds) {
$scope.$emit('user:viewport:change:start');
firstTouch = trackTouchPosition(touch, bounds).positionAsPlotPoint;
}
function endTouch() {
$scope.$emit('user:viewport:change:end', $scope.viewport); $scope.$emit('user:viewport:change:end', $scope.viewport);
} }