-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
41 lines (35 loc) · 1.24 KB
/
main.js
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
import MovePriority from './move-priority';
let showTimeout = null;
const mover = new MovePriority('.section-1', {
onMove() {
const els = document.querySelectorAll('.stats-box');
els.forEach(el => el.innerHTML = 'Moving');
clearTimeout(showTimeout);
showTimeout = setTimeout(() => els.forEach(el => el.innerHTML = ''), 1000);
},
});
window.dragula([document.querySelector('#dragula')]);
document.querySelector('.disconnect-button').addEventListener('click', () => {
mover.diconnectObservation();
});
document.querySelector('.connect-button').addEventListener('click', () => {
mover.connectObservation();
});
let showTimeout2 = null;
new MovePriority('.section-2', {
onMove() {
const els = document.querySelectorAll('.stats-box');
els.forEach(el => el.innerHTML = 'Moving');
clearTimeout(showTimeout2);
showTimeout2 = setTimeout(() => els.forEach(el => el.innerHTML = ''), 1000);
},
});
let showTimeout3 = null;
new MovePriority(document.querySelector('.section-3 .test-box'), {
onMove() {
const els = document.querySelectorAll('.stats-box');
els.forEach(el => el.innerHTML = 'Moving');
clearTimeout(showTimeout3);
showTimeout3 = setTimeout(() => els.forEach(el => el.innerHTML = ''), 1000);
},
});