commit fc8ab3fe7ed3d8d79d851720f677be93658ded53
author Tomaž Vajngerl <tomaz.vajngerl@collabora.co.uk> Sat Jun 15 16:17:43 2019 +0900
committer Tomaž Vajngerl <quikee@gmail.com> Mon Jun 17 12:19:58 2019 +0200
tree 0beaef1fc85e6d7b535f5a68be25ded6a368d479
parent 8f029d972d9542bb63f2d43f92adae4550a546ee

tdf#124907 enable pan gesture for the dialogs

Also move panning the dialog to 2 finger pan, so that 1 finger
pan can send pan gesture event to the core.

Change-Id: I72e204d31ae12932bc18f63380475e45f0ccc065
Reviewed-on: https://gerrit.libreoffice.org/74088
Reviewed-by: Tomaž Vajngerl <quikee@gmail.com>
Tested-by: Tomaž Vajngerl <quikee@gmail.com>

loleaflet/src/control/Control.LokDialog.js

diff --git a/loleaflet/src/control/Control.LokDialog.js b/loleaflet/src/control/Control.LokDialog.js
index b2502d1..c2203d9 100644
--- a/loleaflet/src/control/Control.LokDialog.js
+++ b/loleaflet/src/control/Control.LokDialog.js
@@ -53,27 +53,44 @@

	dialogIdPrefix: 'lokdialog-',

	onPan: function (ev) {
	onPan: function (ev, dialogID) {
		var id = toZoomTargetId(ev.target.id);
		var target = findZoomTarget(id);

		if (target) {
			var newX = target.initialState.startX + ev.deltaX;
			var newY = target.initialState.startY + ev.deltaY;
			if (ev.pointers.length == 1) {
				if (ev.type == 'panstart') {
					firstTouchPositionX = ev.pointers[0].offsetX;
					firstTouchPositionY = ev.pointers[0].offsetY;
					this._postWindowGestureEvent(dialogID, 'panBegin', firstTouchPositionX, firstTouchPositionY, ev.deltaY);
				}
				else if (ev.type == 'panstop') {
					this._postWindowGestureEvent(dialogID, 'panEnd', firstTouchPositionX, firstTouchPositionY, ev.deltaY);
					firstTouchPositionX = null;
					firstTouchPositionY = null;
				}
				else {
					this._postWindowGestureEvent(dialogID, 'panUpdate', firstTouchPositionX, firstTouchPositionY, ev.deltaY);
				}
			}
			else {
				var newX = target.initialState.startX + ev.deltaX;
				var newY = target.initialState.startY + ev.deltaY;

			// Don't allow to put dialog outside the view
			if (window.mode.isDesktop() &&
				(newX < -target.width/2 || newY < -target.height/2
				|| newX > window.innerWidth - target.width/2
				|| newY > window.innerHeight - target.height/2))
				return;
				// Don't allow to put dialog outside the view
				if (window.mode.isDesktop() &&
					(newX < -target.width/2 || newY < -target.height/2
					|| newX > window.innerWidth - target.width/2
					|| newY > window.innerHeight - target.height/2))
					return;

			target.transformation.translate = {
				x: newX,
				y: newY
			};
				target.transformation.translate = {
					x: newX,
					y: newY
				};

			updateTransformation(target);
				updateTransformation(target);
			}
		}
	},

@@ -499,6 +516,8 @@
	},

	_setupGestures: function(id, canvas) {
		var self = this;
		var dialogID = id;
		var targetId = toZoomTargetId(canvas.id);
		var zoomTarget = $('#' + targetId).parent().get(0);

@@ -538,7 +557,9 @@
		hammerAll.add(new Hammer.Pan({ threshold: 0, pointers: 0 }));
		hammerAll.add(new Hammer.Pinch({ threshold: 0 })).recognizeWith([hammerAll.get('pan')]);

		hammerAll.on('panstart panmove', this.onPan);
		hammerAll.on('panstart panmove panstop', function(ev) {
			self.onPan(ev, dialogID);
		});
		hammerAll.on('pinchstart pinchmove', this.onPinch);
		hammerAll.on('hammer.input', function(ev) {
			if (ev.isFinal) {