blob: 10ff69eecc35d045d181fa34f865b382bf6b8e9b (
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
|
/*jslint esversion: 6*/
const Fullscreen = {
toggle () {
if (sessionStorage.getItem('studip-fullscreen') === 'on') {
STUDIP.Fullscreen.leave();
} else {
STUDIP.Fullscreen.enter();
}
},
enter (immediate = false) {
// Set appropriate class on html element to trigger fullscreen mode and
// transisitions
$('html').addClass('is-fullscreen').toggleClass('is-fullscreen-immediately', immediate);
// Move toggle element into viewport
$('.fullscreen-toggle').prependTo('#layout_content');
// Attach key handler that allows keypress on escape to leave fullscreen
$(document).on('keydown.key27', (event) => {
if (event.key === 'Escape') {
STUDIP.Fullscreen.leave();
}
});
// Store indicator in session
sessionStorage.setItem('studip-fullscreen', 'on');
},
leave () {
// Remove indicator from session
sessionStorage.removeItem('studip-fullscreen');
// Deactivate key handler
$(document).off('keydown.key27');
// Move toggle element into secondary navigation
$('.fullscreen-toggle').insertBefore('.helpbar-container');
//
(new Promise((resolve, reject) => {
var timeout = setTimeout(() => {
$('#layout-sidebar').off('transitionend');
resolve();
}, 500);
$('#layout-sidebar').one('transitionend', () => {
clearTimeout(timeout);
resolve();
});
})).then(() => {
$(document.body).trigger('sticky_kit:recalc');
});
// Remove classes on html element
$('html').removeClass('is-fullscreen is-fullscreen-immediately');
}
};
export default Fullscreen;
|
