From e7bf5952d0729b37e677168b6e8fbd1ce58ed1a2 Mon Sep 17 00:00:00 2001 From: Pacien TRAN-GIRARD Date: Sun, 10 Aug 2014 17:28:37 +0200 Subject: First version --- point/binding/touch.js | 93 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 93 insertions(+) create mode 100644 point/binding/touch.js (limited to 'point/binding/touch.js') diff --git a/point/binding/touch.js b/point/binding/touch.js new file mode 100644 index 0000000..a09d5fd --- /dev/null +++ b/point/binding/touch.js @@ -0,0 +1,93 @@ +/* + * This file is part of "What's The Point" + * Copyright (C) 2014 Pacien TRAN-GIRARD + * + * "What's The Point" is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as + * published by the Free Software Foundation, either version 3 of the + * License, or (at your option) any later version. + * + * "What's The Point" is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + */ + +define(["libs/hammerjs/hammer.min", "control/control"], function (hammer, control) { + + var touch = { + + ACTION: { + SWIPE: "swipe", + DOUBLETAP: "doubletap", + TOUCHMOVE: "touchmove", + DRAG: "drag", + }, + + DIRECTION: { + DOWN: "down", + LEFT: "left", + UP: "up", + RIGHT: "right", + }, + + init: function (settings) { + this.touchZone = document.body; + + this.hammerElement = hammer(this.touchZone); + + this.hammerElement.options.drag = true; + this.hammerElement.options.dragBlockHorizontal = true; + this.hammerElement.options.dragBlockVertical = true; + this.hammerElement.options.dragLockMinDistance = 20; + + this.disableSelect(); + this.bindEvent(); + }, + + disableSelect: function () { + this.touchZone.style.WebkitTouchCallout = "none"; + this.touchZone.style.WebkitUserSelect = "none"; + this.touchZone.style.KhtmlUserSelect = "none"; + this.touchZone.style.MozUserSelect = "none"; + this.touchZone.style.msUserSelect = "none"; + this.touchZone.style.userSelect = "none"; + }, + + translateSwipe: function (swipeDirection) { + switch (swipeDirection) { + case this.DIRECTION.LEFT: + return control.dispatchEvent(control.EVENT.GOTO, control.GOTO.NEXT_SLIDE); + + case this.DIRECTION.RIGHT: + return control.dispatchEvent(control.EVENT.GOTO, control.GOTO.PREVIOUS_SLIDE); + + case this.DIRECTION.UP: + return control.dispatchEvent(control.EVENT.SHOW, control.SHOW.NOTES); + + case this.DIRECTION.DOWN: + return control.dispatchEvent(control.EVENT.SHOW, control.SHOW.SLIDES); + } + }, + + handleDoubletap: function () { + control.dispatchEvent(control.EVENT.TOGGLE, control.TOGGLE.FULLSCREEN); + }, + + bindEvent: function () { + this.hammerElement.on(this.ACTION.SWIPE, function (swipeEvent) { + touch.translateSwipe(swipeEvent.gesture.direction); + }); + + this.hammerElement.on(this.ACTION.DOUBLETAP, function (doubletapEvent) { + touch.handleDoubletap(); + }); + }, + }; + + return touch; + +}); -- cgit v1.2.3