Jingga/jsOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/jsOMS.git synced 2026-01-11 09:58:39 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fixing extension

Browse Source
This commit is contained in:
Dennis Eichhorn 2016-05-12 20:33:43 +02:00
parent 148dc74dde
commit dc2870889c
2 changed files with 85 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
UI/Input/Touch/SwipeManager
View File

@ -1,46 +0,0 @@
/**
* Swipe manager class.
*
* @author OMS Development Team <dev@oms.com>
* @author Dennis Eichhorn <d.eichhorn@oms.com>
* @copyright 2013 Dennis Eichhorn
* @license OMS License 1.0
* @version 1.0.0 * @since 1.0.0
*/
(function (jsOMS, undefined)
{
jsOMS.Autoloader.defineNamespace('jsOMS.UI.Input.Touch');
/**
* @constructor
*
* @since 1.0.0
* @author Dennis Eichhorn <d.eichhorn@oms.com>
*/
jsOMS.UI.Input.Touch.SwipeManager = function (app)
{
this.app = app;
this.surface = {};
this.activeSwipe = {'startX': null, 'startY': null, 'time': null};
};
jsOMS.UI.Input.Touch.SwipeManager.prototype.add = function (surface, id, cUp, cRight, cDown, cLeft)
{
let e = document.getElementById(surface)
self = this;
e.addEventListener('touchstart', function(event) {
let touch = e.changedTouches[0];
self.activeSwipe.startX = touch.pageX;
self.activeSwipe.startY = touch.pageY;
self.activeSwipe.time = new Date().getTime();
jsOMS.preventAll(event);
});
};
}(window.jsOMS = window.jsOMS || {}));

85
UI/Input/Touch/SwipeManager.js Normal file
View File

@ -0,0 +1,85 @@
/**
* Swipe manager class.
*
* @author OMS Development Team <dev@oms.com>
* @author Dennis Eichhorn <d.eichhorn@oms.com>
* @copyright 2013 Dennis Eichhorn
* @license OMS License 1.0
* @version 1.0.0 * @since 1.0.0
*/
(function (jsOMS, undefined)
{
jsOMS.Autoloader.defineNamespace('jsOMS.UI.Input.Touch');
/**
* @constructor
*
* @since 1.0.0
* @author Dennis Eichhorn <d.eichhorn@oms.com>
*/
jsOMS.UI.Input.Touch.SwipeManager = function (app)
{
this.app = app;
this.surface = {};
this.activeSwipe = {};
this.resetSwipe();
};
jsOMS.UI.Input.Touch.SwipeManager.prototype.resetSwipe = function ()
{
this.activeSwipe = {'startX': null, 'startY': null, 'time': null};
};
jsOMS.UI.Input.Touch.SwipeManager.prototype.add = function (surface, id, cUp, cRight, cDown, cLeft)
{
cUp = typeof cUp === 'undefined' ? null : cUp;
cRight = typeof cRight === 'undefined' ? null : cRight;
cDown = typeof cDown === 'undefined' ? null : cDown;
cLeft = typeof cLeft === 'undefined' ? null : cLeft;
let e = document.getElementById(surface),
self = this;
e.addEventListener('touchstart', function (event)
{
let touch = this.changedTouches[0];
self.activeSwipe.startX = touch.pageX;
self.activeSwipe.startY = touch.pageY;
self.activeSwipe.time = new Date().getTime();
jsOMS.preventAll(event);
});
e.addEventListener('touchmove', function (event)
{
jsOMS.preventAll(event);
});
e.addEventListener('touchend', function (event)
{
let touch = this.changedTouches[0],
distX = touch.pageX - self.activeSwipe.startX,
distY = touch.pageY - self.activeSwipe.startY,
elapsedTime = new Date().getTime() - self.activeSwipe.time;
if (elapsedTime < 500) {
if (distY > 100 && cUp !== null) {
cUp();
} else if (distX > 100 && cRight !== null) {
cRight();
} else if (distY < -100 && cDown !== null) {
cDown();
} else if (distX < -100 && cLeft !== null) {
cLeft();
}
}
self.resetSwipe();
jsOMS.preventAll(event);
});
};
}(window.jsOMS = window.jsOMS || {}));