blob: f994ada640576df3a0e26e297f4560a304403592 (
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
|
"use strict";
function ready(callback) {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', callback);
} else {
callback();
}
}
ready(() => {
let channel = document.querySelector('meta[name=channel]').content;
let template = document.querySelector('#message').content;
document.querySelectorAll('link[rel=events]').forEach(elem => {
let url = elem.getAttribute("href");
let source = new EventSource(url);
source.addEventListener('message', message => {
let body = JSON.parse(message.data);
if (body.channel === channel) {
document.querySelectorAll('.messages').forEach(elem => {
let message = template.cloneNode(true);
message.querySelectorAll('.sender')
.forEach(elem => elem.textContent = body.sender.name);
message.querySelectorAll('.message')
.forEach(elem => elem.textContent = body.body);
message.querySelectorAll('.sent_at')
.forEach(elem => elem.textContent = body.sent_at);
message.childNodes.forEach(node => elem.appendChild(node));
});
}
});
});
})
|
