blob: eb1b2ec6af56f9ae3e5f7876fd9666d484c37ace (
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
|
import Button from '@material-ui/core/Button';
import { useEffect } from 'react';
import ExitToAppRoundedIcon from '@material-ui/icons/ExitToAppRounded';
import PlayArrowRoundedIcon from '@material-ui/icons/PlayArrowRounded';
import SettingsRemoteRoundedIcon from '@material-ui/icons/SettingsRemoteRounded';
import SettingsRoundedIcon from '@material-ui/icons/SettingsRounded';
function previous() {
console.log('previous slide');
}
function next() {
console.log('next slide');
}
export default function Present() {
useEffect(() => {
setInterval(() => {
document.getElementById('time').innerText = new Date().toLocaleTimeString();
}, 500);
}, []);
return <div className='presentation posfix a0 h100vh'>
<div className='slideWrapper abscenterv posrel'>
<div className='slide'></div>
</div>
<div className='fullscreenControls posabs a0'>
<div className='control previous' onClick={previous} />
<div
className='control menu'
onClick={() => {
document.getElementById('menu').classList.add('active');
}}
/>
<div className='control next' onClick={next} />
</div>
<div className='menu posabs a0' id='menu'>
<div
className='background posabs a0'
onClick={() => {
document.getElementById('menu').classList.remove('active');
}}
/>
<div className='info sidebyside posabs h0 b0'>
<div className='timetitle'>
<h3 className='time numbers nobr' id='time'>14:00:41</h3>
<h1 className='title nobr'>PWS Presentatie</h1>
</div>
<div className='buttons floatb'>
<div className='inner center'>
<Button
variant='contained'
color='default'
className='bg-err'
startIcon={<ExitToAppRoundedIcon />}
children='Stop presentation'
/>
<Button
variant='contained'
color='default'
startIcon={<PlayArrowRoundedIcon />}
children='Resume presentation'
onClick={() => {
document.getElementById('menu').classList.remove('active');
}}
/>
<Button
variant='contained'
color='default'
startIcon={<SettingsRemoteRoundedIcon />}
children='Connect remote'
/>
<Button
variant='contained'
color='default'
startIcon={<SettingsRoundedIcon />}
children='Settings'
/>
</div>
</div>
<div className='slide posrel floatb'>
<h3 className='time numbers nobr posrel'>slide 1/15</h3>
</div>
</div>
</div>
</div>;
}
|