Redesign UI and add first-party Docker runtime support

html/js/network_ts.js

@@ -11,6 +11,7 @@ var Server = /** @class */ (function () {
         if (this.cmd != "updateLog") {
             showElement("loading", true);
             UNDO = new Object();
+            setConnectionState("busy");
         }
         switch (window.location.protocol) {
             case "http:":
@@ -25,6 +26,9 @@ var Server = /** @class */ (function () {
         var ws = new WebSocket(url);
         ws.onopen = function () {
             WS_AVAILABLE = true;
+            if (data["cmd"] != "updateLog") {
+                setConnectionState("busy");
+            }
             console.log("REQUEST (JS):");
             console.log(data);
             console.log("REQUEST: (JSON)");
@@ -34,6 +38,7 @@ var Server = /** @class */ (function () {
         ws.onerror = function (e) {
             console.log("No websocket connection to xTeVe could be established. Check your network configuration.");
             SERVER_CONNECTION = false;
+            setConnectionState("offline");
             if (WS_AVAILABLE == false) {
                 alert("No websocket connection to xTeVe could be established. Check your network configuration.");
             }
@@ -41,6 +46,9 @@ var Server = /** @class */ (function () {
         ws.onmessage = function (e) {
             SERVER_CONNECTION = false;
             showElement("loading", false);
+            if (data["cmd"] != "updateLog") {
+                setConnectionState("online");
+            }
             console.log("RESPONSE:");
             var response = JSON.parse(e.data);
             console.log(response);
@@ -48,6 +56,7 @@ var Server = /** @class */ (function () {
                 document.cookie = "Token=" + response["token"];
             }
             if (response["status"] == false) {
+                setConnectionState("offline");
                 alert(response["err"]);
                 if (response.hasOwnProperty("reload")) {
                     location.reload();