Auto refresh console when required

Author: Fiahblade

assets/js/console.js

@@ -1,13 +1,40 @@
+const LINE_BREAK = "
";
+
+async function updateConsoleIfNeeded() {
+    let serverGuid = localStorage.getItem("activeServerGuid");
+
+    if (serverGuid == null) {
+        return;
+    }
+
+    let lines = $('#serverConsole').val().split('\n');
+    let length = lines.length - 1;
+
+    let secondLastLine = lines[length - 1];
+    let lastLine = lines[length];
+
+    await axios.post(`/api/server/console/outdated`, { "Guid": serverGuid, "SecondLastLine": secondLastLine, "LastLine": lastLine }, {
+        headers: { "Authorization": `Bearer ${token}` }
+
+    }).then((response) => {
+        
+        if (response.data){
+            loadConsole(serverGuid)
+        }
+    }
+    ).catch((err) => console.error(err))
+}
+
 async function loadConsole(serverGuid) {
-    $("#serverConsole").text("");
+    clearConsole();
 
     await axios.post(`/api/server/console`, { "Guid": serverGuid, "AmountOfLines": 50, "Reversed": false }, {
         headers: { "Authorization": `Bearer ${token}` }
 
     }).then((response) => {
 
         response.data.forEach(line => {
-            $("#serverConsole").append(line + "
");
+            $("#serverConsole").append(LINE_BREAK + line);
         });
         scrollToBottom();
     }
@@ -31,6 +58,10 @@ async function sendCommand(serverGuid) {
     loadConsole(serverGuid);
 }
 
+function clearConsole() {
+    $("#serverConsole").text("");
+}
+
 function scrollToBottom() {
     $("#serverConsole").scrollTop($("#serverConsole")[0].scrollHeight);
 }

assets/js/panel.js

@@ -6,6 +6,8 @@ let token = localStorage.getItem("token");
 
 function loadServers() {
     setInterval(updateServers, 3000);
+    setInterval(updateConsoleIfNeeded, 3000);
+    
     axios.get(`/api/servers`, {
         headers: {
             "Authorization": `Bearer ${token}`
@@ -52,6 +54,8 @@ function loadDashboard(control) {
 
     let data = $(control).data();
     let server = data.server;
+    
+    localStorage.setItem("activeServerGuid", server.Guid);
 
     $(".serverDashboard").html(`
 <div class="ui inverted segments">