resources/js/newui.js

let socket = null;
let session_id = null;

window.addEventListener('DOMContentLoaded', _ => {
    // TODO tää pitäisi varmaan jotenkin konffata 
    socket = new WebSocket("ws://localhost:3011/newui");
    
    // Connection opened
    socket.addEventListener("open", (event) => {
    });
    socket.addEventListener("error", (event) => {
	console.log('Error: ', event);
    });

    socket.addEventListener("close", e => {
    });

    // Listen for messages
    socket.addEventListener("message", (event) => {
	let split = event.data.split(':');
	let key = split[0];
	switch(key) {
	case "SESSIONID":
	    session_id = split[1];
	    break;
	default:
	    let msg = JSON.parse(event.data);

	    let id = msg.id;
	    let html = msg["new-html"];

	    document.querySelector(`#${id}`).outerHTML = html;
	}
    });
});

function send(event) {
    if(!session_id) { alert('Session id is damaged'); return; }
    socket.send(`sessionid:${session_id};CALL:${event}`);
}