aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/dragscrollclickfix.ts
diff options
context:
space:
mode:
authorOzoneGrif2020-02-10 15:11:25 +0100
committerGitHub2020-02-10 15:11:25 +0100
commit6ee5926ceb928aa04df5d0b47390ff10376a6d01 (patch)
treeec281f000348f52b9c98b192200154f68492f4df /viewer/src/dragscrollclickfix.ts
parentff4917dd2c0f510c56edeeca434186110bf76b3c (diff)
parentb56fd91c3ecc61ccbe692a21e8eb0f378b4a90ca (diff)
downloadldgallery-6ee5926ceb928aa04df5d0b47390ff10376a6d01.tar.gz
Merge pull request #113 from pacien/scrolling-breadcrumbs
viewer: ldbreadcrumbs: implement horizontal scrolling
Diffstat (limited to 'viewer/src/dragscrollclickfix.ts')
-rw-r--r--viewer/src/dragscrollclickfix.ts51
1 files changed, 51 insertions, 0 deletions
diff --git a/viewer/src/dragscrollclickfix.ts b/viewer/src/dragscrollclickfix.ts
new file mode 100644
index 0000000..3db0b20
--- /dev/null
+++ b/viewer/src/dragscrollclickfix.ts
@@ -0,0 +1,51 @@
1/* ldgallery - A static generator which turns a collection of tagged
2-- pictures into a searchable web gallery.
3--
4-- Copyright (C) 2019-2020 Guillaume FOUET
5--
6-- This program is free software: you can redistribute it and/or modify
7-- it under the terms of the GNU Affero General Public License as
8-- published by the Free Software Foundation, either version 3 of the
9-- License, or (at your option) any later version.
10--
11-- This program is distributed in the hope that it will be useful,
12-- but WITHOUT ANY WARRANTY; without even the implied warranty of
13-- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14-- GNU Affero General Public License for more details.
15--
16-- You should have received a copy of the GNU Affero General Public License
17-- along with this program. If not, see <https://www.gnu.org/licenses/>.
18*/
19
20// https://github.com/donmbelembe/vue-dragscroll/issues/61
21export default class DragScrollClickFix {
22
23 readonly DRAG_DELAY = 100; // This is the minimal delay to consider a click to be a drag, mostly usefull for touch devices
24
25 timer: NodeJS.Timeout | null = null;
26 dragging: boolean = false;
27
28 onDragScrollStart() {
29 this.timer = setTimeout(() => this.onTimer(), this.DRAG_DELAY);
30 }
31
32 onTimer() {
33 this.timer = null;
34 this.dragging = true;
35 }
36
37 onDragScrollEnd() {
38 if (this.timer) {
39 clearTimeout(this.timer);
40 this.timer = null;
41 }
42 }
43
44 onClickCapture(e: MouseEvent) {
45 if (this.dragging) {
46 this.dragging = false;
47 e.preventDefault();
48 e.stopPropagation();
49 }
50 }
51} \ No newline at end of file