You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.1 KiB
JavaScript
35 lines
1.1 KiB
JavaScript
4 years ago
|
import { NamedPage } from 'vj/misc/Page';
|
||
|
|
||
|
const page = new NamedPage('manage_dashboard', async () => {
|
||
|
const { default: SockJs } = await import('../components/socket');
|
||
|
|
||
|
const sock = new SockJs('/manage/check-conn');
|
||
|
sock.onopen = () => {
|
||
|
$('<blockquote class="blue"><p>Connection opened.</p></blockquote>').appendTo('#messages');
|
||
|
};
|
||
|
|
||
|
sock.onmessage = (message) => {
|
||
|
const msg = JSON.parse(message.data);
|
||
|
if (msg.type === 'log') {
|
||
|
const div = $('<blockquote class="blue">').appendTo('#messages');
|
||
|
$(`<p>${msg.payload}</p>`).appendTo(div);
|
||
|
} else if (msg.type === 'warn') {
|
||
|
const div = $('<blockquote class="yellow">').appendTo('#messages');
|
||
|
$(`<p>${msg.payload}</p>`).appendTo(div);
|
||
|
} else if (msg.type === 'error') {
|
||
|
const div = $('<blockquote class="red">').appendTo('#messages');
|
||
|
$(`<p>${msg.payload}</p>`).appendTo(div);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
sock.onclose = (message) => {
|
||
|
$(`
|
||
|
<blockquote class="yellow">
|
||
|
<p>Connection closed,reason=${JSON.stringify(message.reason)}</p>
|
||
|
</blockquote>
|
||
|
`).appendTo('#messages');
|
||
|
};
|
||
|
});
|
||
|
|
||
|
export default page;
|