Function connect

static/script.js:11–117

()

let statsHeight = 0;

function connect() {
    let socket = new WebSocket(location.protocol.replace("http", "ws") + "//" + host + (location.port ? ':' + location.port : '') + pathname + "logs")
    socket.onopen = () => {
        console.log("ws open")
    }

    socket.onclose = event => {
        console.log("ws close", event)

        setTimeout(() => {
            connect()
        }, 1000)
    }

    socket.onerror = err => {
        console.error('ws error: ', err.message, 'Closing socket');
        socket.close();
    }

    socket.onmessage = message => {
        let data = JSON.parse(message.data);
        if (data.Type == "log") {
            let log = data.Data;
            if (log.type !== "out" && log.type !== "error") return;
            let div = document.getElementById("logs");
            let lines = div.getElementsByClassName('log')
            while (lines.length > 999) lines[0].remove();
            let p = document.createElement("p");
            p.setAttribute("class", "log");
            let span = document.createElement("span");
            span.setAttribute("style", "color: " + (log.type == "out" ? "#00bb00" : "#d00000" + ";"));
            if (SHOW_TIME) span.appendChild(document.createTextNode("[" + new Date(log.time).toLocaleString() + "] "));
            if (SHOW_ID) span.appendChild(document.createTextNode(log.id + " "));
            if (SHOW_APP_NAME) span.appendChild(document.createTextNode(log.app + " "));
            p.appendChild(span);
            p.appendChild(document.createTextNode("> " + log.message));
            let isScrolledToBottom = div.scrollHeight - div.clientHeight <= div.scrollTop + div.offsetHeight * 0.25
            div.appendChild(p);
            if (isScrolledToBottom && !getSelectedText()) {
                div.scrollTop = div.scrollHeight - div.clientHeight
            }
        } else if (data.Type == "stats") {
            let stats = data.Data;
            let txt = "<table>"
            txt += "<tr class=\"table_title\">";
            txt += "<td>App name</td>"
            txt += "<td>id</td>"
            txt += "<td>pid</td>"
            txt += "<td>status</td>"
            txt += "<td>restart</td>"
            txt += "<td>uptime</td>"
            txt += "<td>cpu</td>"
            txt += "<td>mem</td>"
            txt += "<td>user</td>"
            if (SHOW_ACTIONS) txt += "<td>actions</td>"
            txt += "</tr>"
            for (var i in stats) {
                let uptime = Math.floor((data.Time - stats[i].uptime) / 1000);