feat(www): report system load average

mtda/constants.py

@@ -31,6 +31,7 @@ class EVENTS:
     POWER = "POWER"
     SESSION = "SESSION"
     STORAGE = "STORAGE"
+    SYSTEM = "SYSTEM"
 
 
 class IMAGE(Enum):

mtda/main.py

@@ -1786,8 +1786,7 @@ def start(self):
 
         if self.is_server is True:
             from mtda.utils import RepeatTimer
-            handler = self.session_check
-            self._session_timer = RepeatTimer(10, handler)
+            self._session_timer = RepeatTimer(5, self._timer)
             self._session_timer.start()
 
         # Start from a known state
@@ -1901,3 +1900,17 @@ def _check_locked(self, session):
 
         self.mtda.debug(3, f"main._check_locked: {result}")
         return result
+
+    def _system_monitor(self):
+        loadavg = 0.0
+        with open('/proc/loadavg') as f:
+            stats = f.readline().split()
+            loadavg = stats[0]
+        self.notify(CONSTS.EVENTS.SYSTEM, f'{loadavg}')
+
+    def _timer(self):
+        # Check for inative sessions
+        self.session_check()
+
+        # System health checks
+        self._system_monitor()

mtda/templates/index.html

@@ -112,6 +112,17 @@
             height: "340px",
             hidden: true
         });
+
+        sysWindow = new WinBox("System", {
+            html: "<canvas id='sysLoadCanvas' width='220' height='100'></canvas>",
+            class: ["no-full", "no-max", "modern"],
+            width: "250px",
+            height: "150px",
+            hidden: true
+        });
+        var sysLoadChart;
+        var sysLoadSeries = new TimeSeries();
+
         xferWindow = new WinBox("Transferring", {
             html: "<svg width='100' height='100' viewBox='0 0 100 100'>" +
                   "<circle cx='50' cy='50' r='40' stroke='#eee' stroke-width='8' fill='none'/>" +
@@ -127,6 +138,7 @@
         });
         var xferChart;
         var xferSeries = new TimeSeries();
+
         consoleWindow.focus()
     </script>
     <script src="./assets/jquery.min.js"></script>
@@ -270,6 +282,7 @@
               case 'POWER': power_event(message); break;
               case 'SESSION': ignore_message(message); break;
               case 'STORAGE': storage_event(message); break;
+              case 'SYSTEM': system_event(message); break;
               case 'console-output': console_output(message); break;
               case 'mtda-version': mtda_version(message); break;
               case 'session': session_set_id(message); break;
@@ -407,6 +420,24 @@
         }
       });
 
+      function system_event(data) {
+        data = data.event.split(" ");
+        let loadavg = data[0];
+
+        if (sysWindow.hidden) {
+          sysWindow.show();
+          sysLoadChart = new SmoothieChart({
+              millisPerPixel: 100,
+              maxValueScale: 1.2,
+              minValueScale: 1.2,
+              grid: { fillStyle: 'rgba(40, 40, 40, 0.2)', strokeStyle: 'rgba(90, 90, 90, 0.2)', verticalSections: 4 },
+          });
+          sysLoadChart.streamTo(document.getElementById("sysLoadCanvas"), 5000);
+          sysLoadChart.addTimeSeries(sysLoadSeries, { strokeStyle: 'rgb(0, 255, 0)', lineWidth: 2 });
+        }
+        sysLoadSeries.append(Date.now(), loadavg);
+      }
+
       function delay(ms) {
         return new Promise(resolve => setTimeout(resolve, ms));
       }