aboutsummaryrefslogtreecommitdiff
path: root/pointless/viewer/stage/actions.js
blob: 271d7b7ea21fc3e0a9b71140d2b6aa8ae81d9ae7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
/*
 * Pointless Viewer, a web-based Beamer presentation viewer
 * Copyright (C) 2018 Pacien TRAN-GIRARD
 * 
 * This program 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.
 * 
 * This program 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 <https://www.gnu.org/licenses/>.
 */

"use strict";

class ActionEventHandler {
  constructor(onNext, onPrevious) {
    this.onNext = onNext;
    this.onPrevious = onPrevious;
  }
}

class KeyboardEventHandler extends ActionEventHandler {
  register(window) {
    const self = this;
    window.addEventListener("keydown", function(event) {
      self._onCommand(event);
    })
  }

  _onCommand(keyboardEvent) {
    switch (keyboardEvent.key) {
      case "Enter":
      case " ":
      case "ArrowRight":
      case "n":
        return this.onNext();

      case "ArrowLeft":
      case "p":
        return this.onPrevious();
    }
  }
}

class MouseClickEventHandler extends ActionEventHandler {
  register(window) {
    const self = this;
    window.addEventListener("click", function(event) {
      self._onCommand(event);
    })
  }

  _onCommand(mouseEvent) {
    this.onNext();
  }
}

class TouchSwipeEventHandler extends ActionEventHandler {
  constructor(onNext, onPrevious) {
    super(onNext, onPrevious);
    this.touchStartEvent = null;
    this.touchMoveEvent = null;
  }

  register(window) {
    const self = this;

    window.addEventListener("touchstart", function(event) {
      event.preventDefault();
      self._onTouchStart(event);
    });

    window.addEventListener("touchmove", function(event) {
      event.preventDefault();
      self._onTouchMove(event);
    });

    window.addEventListener("touchend", function(event) {
      event.preventDefault();
      self._onTouchEnd();
    });

    window.addEventListener("touchcancel", function(event) {
      event.preventDefault();
    });
  }

  _onTouchStart(touchEvent) {
    this.touchStartEvent = touchEvent;
  }

  _onTouchMove(touchEvent) {
    this.touchMoveEvent = touchEvent;
  }

  _onTouchEnd() {
    if (this.touchStartEvent == null || this.touchMoveEvent == null) return;

    const touchDown = this._xCoordinate(this.touchStartEvent);
    const touchUp = this._xCoordinate(this.touchMoveEvent);
    const xDelta = touchDown - touchUp;

    if (xDelta > 0)
      this.onNext();
    else if (xDelta < 0)
      this.onPrevious();
    
    this.touchStartEvent = null;
    this.touchMoveEvent = null;
  }

  _xCoordinate(touchEvent) {
    return touchEvent.touches[0].clientX; // first finger
  }
}