extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-09 23:48:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add fingercount into tapandswipe

Browse Source
This commit is contained in:
Hadi Nategh 2022-05-30 11:02:58 +02:00
parent b87667237f
commit 742f2a5cb0
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
api/js/tapandswipe.ts
View File

@ -64,6 +64,13 @@ export class tapAndSwipe {
* keeps the timeout id for taphold * keeps the timeout id for taphold
*/ */
private _tapHoldTimeout : number = null; private _tapHoldTimeout : number = null;
/**
* keeps the contact point on touch start
* @private
*/
private _fingercount : number = null;
/** /**
* Options * Options
* @protected * @protected
@ -97,10 +104,11 @@ export class tapAndSwipe {
this._startX = event.changedTouches[0].screenX; this._startX = event.changedTouches[0].screenX;
this._startY = event.changedTouches[0].screenY; this._startY = event.changedTouches[0].screenY;
this._isTapAndHold = false; this._isTapAndHold = false;
this._fingercount = event.touches.length;
this._tapHoldTimeout = window.setTimeout(_=>{ this._tapHoldTimeout = window.setTimeout(_=>{
this._isTapAndHold = true; this._isTapAndHold = true;
this.options.tapAndHold(event); this.options.tapAndHold(event, this._fingercount);
}, this.options.tapHoldThreshold); }, this.options.tapHoldThreshold);
} }
@ -133,7 +141,7 @@ export class tapAndSwipe {
{ {
if (!this._isTapAndHold) if (!this._isTapAndHold)
{ {
this.options.tap(event); this.options.tap(event, this._fingercount);
} }
return; return;
@ -142,28 +150,28 @@ export class tapAndSwipe {
// left swipe handler // left swipe handler
if (this._endX + this.options.threshold < this._startX) { if (this._endX + this.options.threshold < this._startX) {
this._distance = this._startX - this._endX; this._distance = this._startX - this._endX;
this.options.swipe(event, 'left', this._distance); this.options.swipe(event, 'left', this._distance, this._fingercount);
return; return;
} }
// right swipe handler // right swipe handler
if (this._endX - this.options.threshold > this._startX) { if (this._endX - this.options.threshold > this._startX) {
this._distance = this._endX - this._startX; this._distance = this._endX - this._startX;
this.options.swipe(event, 'right', this._distance); this.options.swipe(event, 'right', this._distance, this._fingercount);
return; return;
} }
// up swipe handler // up swipe handler
if (this._endY + this.options.threshold < this._startY) { if (this._endY + this.options.threshold < this._startY) {
this._distance = this._startY - this._endY; this._distance = this._startY - this._endY;
this.options.swipe(event, 'up', this._distance); this.options.swipe(event, 'up', this._distance, this._fingercount);
return; return;
} }
// down swipe handler // down swipe handler
if (this._endY - this.options.threshold > this._startY) { if (this._endY - this.options.threshold > this._startY) {
this._distance = this._endY - this._startY; this._distance = this._endY - this._startY;
this.options.swipe(event, 'down', this._distance); this.options.swipe(event, 'down', this._distance, this._fingercount);
return; return;
} }
} }