main.js.diff

diff --git a/public/js/main.js b/public/js/main.js
index 1274c8a..a2e19e7 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -1,5 +1,7 @@
 (function ($, window, document) {
   $(async function () {
+    const socket = io();
+
     function getStatusBadge(status) {
       switch (status) {
         case "stopped":
@@ -17,6 +19,9 @@
           <button type="button" class="btn btn-outline-danger" data-action="stop" title="stop">
             <i class="bi bi-pause-circle"></i>
           </button>
+          <button type="button" class="btn btn-outline-warning" data-action="tail-log" title="show log">
+            <i class="bi bi-terminal"></i>
+          </button>
       `;
       }
       return `
@@ -59,6 +64,17 @@
       $('#tbl-miners tbody').html(trs.join(''));
     }
 
+    function showStdLog(process) {
+      const $console = $('#console');
+      $console.empty();
+      socket.removeAllListeners();
+
+      socket.on(`${process}:out_log`, (procLog) => {
+        $console.append(`<p id="console-text">${procLog.data}</p>`);
+        $('#console-background').animate({ scrollTop: $console[0].scrollHeight + 1000 }, 500);
+      });
+    }
+
     updateMinersStatus();
 
     setInterval(() => {
@@ -70,6 +86,10 @@
       const action = self.data('action');
       const process = self.parents('tr').attr('id');
 
+      if (!action) {
+        return;
+      }
+
       if (action && process && ['start', 'stop', 'restart'].indexOf(action) >= 0) {
         try {
           const response = await fetch(`/miners/${process}/${action}`, { method: 'PUT' });
@@ -82,6 +102,10 @@
           alert(error.message);
         }
       }
+
+      if (action === 'tail-log') {
+        showStdLog(process);
+      }
     });
   });
 }(window.jQuery, window, document));