blob: c607594ac3c5fe0643884b1bc7e99d202722fe32 (
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
|
const colorSelect = document.getElementById('color-select');
const id = document.getElementById('session-script').dataset.id;
const websocket = new WebSocket(`/session/${id}/play`);
websocket.addEventListener('open', () => {
websocket.send(JSON.stringify({
"Initialize": { id }
}));
});
websocket.addEventListener('message', (event) => {
const message = JSON.parse(event.data);
if (Object.hasOwn(message, 'Initialize')) {
const payload = message.Initialize;
for (let element in Array.from(colorSelect.getElementsByClassName('color-select-colors'))) {
element.remove();
}
payload.colors.forEach((color) => {
const selection = document.createElement('option');
selection.value = color;
selection.innerText = color;
selection.classList.add('color-select-colors');
colorSelect.appendChild(selection);
});
colorSelect.disabled = false;
}
});
websocket.addEventListener('close', () => {
colorSelect.disabled = true;
});
colorSelect.addEventListener('change', () => {
colorSelect.disabled = true;
});
|
