ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-23 01:18:57 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Mobile] Gestures

Browse Source 
Adjusted MCTPinch names to work
for both pan and pinch.
This commit is contained in:
Shivam Dave
2015-08-28 15:20:46 -07:00
parent 1fbbf355f4
commit b3792c21be
1 changed files with 33 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
platform/features/plot-reborn/src/directives/MCTPinch.js
View File

@ -54,7 +54,7 @@ define(
// On touch start the 'touch' is tracked and // On touch start the 'touch' is tracked and
// the event is emitted through scope // the event is emitted through scope
function pinchStart(event) { function touchStart(event) {
if (event.changedTouches.length === 2 || if (event.changedTouches.length === 2 ||
event.touches.length === 2) { event.touches.length === 2) {
var touchPositions = [trackPosition(event.touches[0]), var touchPositions = [trackPosition(event.touches[0]),
@ -67,6 +67,17 @@ define(
distance: calculateDistance(touchPositions[0], touchPositions[1]) distance: calculateDistance(touchPositions[0], touchPositions[1])
}); });
// Stops other gestures/button clicks from being active
event.preventDefault();
} else if (event.changedTouches.length === 1 ||
event.touches.length === 1) {
var touchPosition = trackPosition(event.touches[0]);
$scope.$emit('mct:pan:start', {
touch: touchPosition,
bounds: event.target.getBoundingClientRect()
});
// Stops other gestures/button clicks from being active // Stops other gestures/button clicks from being active
event.preventDefault(); event.preventDefault();
} }
@ -74,16 +85,26 @@ define(
// As the touch move occurs, the touches are tracked and // As the touch move occurs, the touches are tracked and
// the event is emitted through scope // the event is emitted through scope
function pinchChange(event) { function touchChange(event) {
if (event.changedTouches.length === 2) { if (event.changedTouches.length === 2) {
var touchPosition = [trackPosition(event.changedTouches[0]), var touchPositions = [trackPosition(event.changedTouches[0]),
trackPosition(event.changedTouches[1])]; trackPosition(event.changedTouches[1])];
$scope.$emit('mct:pinch:change', { $scope.$emit('mct:pinch:change', {
touches: touchPosition, touches: touchPositions,
bounds: event.target.getBoundingClientRect(), bounds: event.target.getBoundingClientRect(),
midpoint: calculateMidpoint(touchPosition[0], touchPosition[1]), midpoint: calculateMidpoint(touchPositions[0], touchPositions[1]),
distance: calculateDistance(touchPosition[0], touchPosition[1]) distance: calculateDistance(touchPositions[0], touchPositions[1])
});
// Stops other gestures/button clicks from being active
event.preventDefault();
} else if (event.changedTouches.length === 1) {
var touchPosition = trackPosition(event.changedTouches[0]);
$scope.$emit('mct:pan:change', {
touch: touchPosition,
bounds: event.target.getBoundingClientRect()
}); });
// Stops other gestures/button clicks from being active // Stops other gestures/button clicks from being active
@ -93,18 +114,18 @@ define(
// On the 'touchend' or 'touchcancel' the event // On the 'touchend' or 'touchcancel' the event
// is emitted through scope // is emitted through scope
function pinchEnd(event) { function touchEnd(event) {
$scope.$emit('mct:pinch:end'); $scope.$emit('mct:ptouch:end');
// Stops other gestures/button clicks from being active // Stops other gestures/button clicks from being active
event.preventDefault(); event.preventDefault();
} }
if (agentService.isMobile(navigator.userAgent)) { if (agentService.isMobile(navigator.userAgent)) {
element.on('touchstart', pinchStart); element.on('touchstart', touchStart);
element.on('touchmove', pinchChange); element.on('touchmove', touchChange);
element.on('touchend', pinchEnd); element.on('touchend', touchEnd);
element.on('touchcancel', pinchEnd); element.on('touchcancel', touchEnd);
} }
// Stop checking for resize when scope is destroyed // Stop checking for resize when scope is destroyed