diff options
Diffstat (limited to 'point/control/fullscreen.js')
-rw-r--r-- | point/control/fullscreen.js | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/point/control/fullscreen.js b/point/control/fullscreen.js new file mode 100644 index 0000000..6e53bc4 --- /dev/null +++ b/point/control/fullscreen.js | |||
@@ -0,0 +1,68 @@ | |||
1 | /* | ||
2 | * This file is part of "What's The Point" <https://github.com/Pacien/WhatsThePoint> | ||
3 | * Copyright (C) 2014 Pacien TRAN-GIRARD | ||
4 | * | ||
5 | * "What's The Point" is free software: you can redistribute it and/or modify | ||
6 | * it under the terms of the GNU Affero General Public License as | ||
7 | * published by the Free Software Foundation, either version 3 of the | ||
8 | * License, or (at your option) any later version. | ||
9 | * | ||
10 | * "What's The Point" is distributed in the hope that it will be useful, | ||
11 | * but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
12 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
13 | * GNU Affero General Public License for more details. | ||
14 | * | ||
15 | * You should have received a copy of the GNU Affero General Public License | ||
16 | * along with this program. If not, see <http://www.gnu.org/licenses/>. | ||
17 | */ | ||
18 | |||
19 | define(["control/control"], function (control) { | ||
20 | |||
21 | var fullscreen = { | ||
22 | |||
23 | init: function () { | ||
24 | this.bindEvent(); | ||
25 | }, | ||
26 | |||
27 | toggleFullscreen: function () { | ||
28 | // from | ||
29 | // https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode#Toggling_fullscreenController_mode | ||
30 | if (!document.fullscreenControllerElement && // alternative | ||
31 | // standard method | ||
32 | !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {// current | ||
33 | // working | ||
34 | // methods | ||
35 | if (document.documentElement.requestFullscreen) { | ||
36 | document.documentElement.requestFullscreen(); | ||
37 | } else if (document.documentElement.msRequestFullscreen) { | ||
38 | document.documentElement.msRequestFullscreen(); | ||
39 | } else if (document.documentElement.mozRequestFullScreen) { | ||
40 | document.documentElement.mozRequestFullScreen(); | ||
41 | } else if (document.documentElement.webkitRequestFullscreen) { | ||
42 | document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT); | ||
43 | } | ||
44 | } else { | ||
45 | if (document.exitFullscreen) { | ||
46 | document.exitFullscreen(); | ||
47 | } else if (document.msExitFullscreen) { | ||
48 | document.msExitFullscreen(); | ||
49 | } else if (document.mozCancelFullScreen) { | ||
50 | document.mozCancelFullScreen(); | ||
51 | } else if (document.webkitExitFullscreen) { | ||
52 | document.webkitExitFullscreen(); | ||
53 | } | ||
54 | } | ||
55 | }, | ||
56 | |||
57 | bindEvent: function () { | ||
58 | control.bindEvent(control.EVENT.TOGGLE, function (toggleEvent) { | ||
59 | if (toggleEvent.detail === control.TOGGLE.FULLSCREEN) { | ||
60 | fullscreen.toggleFullscreen(); | ||
61 | } | ||
62 | }); | ||
63 | }, | ||
64 | }; | ||
65 | |||
66 | return fullscreen; | ||
67 | |||
68 | }); | ||