ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-05-13 14:03:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Mobile} Pan/Pinch

Browse Source 
Cleaned up the variables.
This commit is contained in:
Shivam Dave 2015-08-28 16:01:00 -07:00
parent bdf3e4d8a3
commit a45b09277e
2 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
platform/features/plot-reborn/bundle.json
View File

@ -51,7 +51,7 @@
{
"key": "mctPinch",
"implementation": "directives/MCTPinch.js",
"depends": [ "$log", "agentService" ]
"depends": [ "agentService" ]
}
],
"controllers": [

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

@ -26,10 +26,9 @@ define(
function () {
"use strict";
function MCTPinch($log, agentService) {
function MCTPinch(agentService) {
function link($scope, element, attrs) {
function link($scope, element) {
// Returns position of touch event
function trackPosition(event) {
return {
@ -55,23 +54,25 @@ define(
// On touch start the 'touch' is tracked and
// the event is emitted through scope
function touchStart(event) {
var touchPosition;
if (event.changedTouches.length === 2 ||
event.touches.length === 2) {
var touchPositions = [trackPosition(event.touches[0]),
touchPosition = [trackPosition(event.touches[0]),
trackPosition(event.touches[1])];
$scope.$emit('mct:pinch:start', {
touches: touchPositions,
touches: touchPosition,
bounds: event.target.getBoundingClientRect(),
midpoint: calculateMidpoint(touchPositions[0], touchPositions[1]),
distance: calculateDistance(touchPositions[0], touchPositions[1])
midpoint: calculateMidpoint(touchPosition[0], touchPosition[1]),
distance: calculateDistance(touchPosition[0], touchPosition[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]);
touchPosition = trackPosition(event.touches[0]);
$scope.$emit('mct:pan:start', {
touch: touchPosition,
@ -86,27 +87,29 @@ define(
// As the touch move occurs, the touches are tracked and
// the event is emitted through scope
function touchChange(event) {
var touchPosition;
if (event.changedTouches.length === 2) {
var touchPositions = [trackPosition(event.changedTouches[0]),
touchPosition = [trackPosition(event.changedTouches[0]),
trackPosition(event.changedTouches[1])];
$scope.$emit('mct:pinch:change', {
touches: touchPositions,
touches: touchPosition,
bounds: event.target.getBoundingClientRect(),
midpoint: calculateMidpoint(touchPositions[0], touchPositions[1]),
distance: calculateDistance(touchPositions[0], touchPositions[1])
midpoint: calculateMidpoint(touchPosition[0], touchPosition[1]),
distance: calculateDistance(touchPosition[0], touchPosition[1])
});
// Stops other gestures/button clicks from being active
event.preventDefault();
} else if (event.changedTouches.length === 1) {
var touchPosition = trackPosition(event.changedTouches[0]);
touchPosition = trackPosition(event.changedTouches[0]);
$scope.$emit('mct:pan:change', {
touch: touchPosition,
bounds: event.target.getBoundingClientRect()
});
// Stops other gestures/button clicks from being active
event.preventDefault();
}