wip

aspectron · Jul 27, 2024 · 7246491 · 7246491
1 parent 440fbf8
commit 7246491
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 2 deletions.
diff --git a/data/resolver.2.bin b/data/resolver.2.bin
diff --git a/templates/index.html b/templates/index.html
@@ -25,7 +25,7 @@
             font-size: 16px;
             font-family: "Menlo", "Consolas", "Andale Mono", monospace;
         }
-        .menu {
+        .menu, .status {
             break-after: always;
             margin-bottom: 16px;
         }
@@ -59,6 +59,8 @@
                 </tr>
             </table>
         </div>
+        <div class="status"><table><tr><td id="status"></td></tr></table></div>
+
     {% endif %}
 </body>
 </html>
diff --git a/templates/index.js b/templates/index.js
@@ -53,6 +53,18 @@ function render() {
     let resort = false;
     let tbody = document.getElementById("nodes");
 
+    const status = nodes
+        .filter((node) => node.status === 'online')
+        .reduce((acc, node) => {
+            const network = node.network;
+            if (!acc[network]) {
+                acc[network] = { connections: 0, capacity: 0 };
+            }
+            acc[network].connections += node.connections;
+            acc[network].capacity += node.capacity;
+            return acc;
+        }, {});
+
     window.nodes.forEach((node) => {
         let { 
             version,
@@ -83,15 +95,24 @@ function render() {
         el.className = filter(node, ctx);
 
         let load = (connections / capacity * 100.0).toFixed(2);
+        let connections_ = connections.toLocaleString();
+        let capacity_ = capacity.toLocaleString();
         el.innerHTML = `<td>${sid}:${uid}</td><td>${service}</td><td>${version}</td><td>${fqdn}</td><td>${protocol}</td><td>${encoding}</td><td>${network}</td><td>${status}</td>`;
         if (status != "offline") {
-            el.innerHTML += `<td class='wide right'>${connections}/${capacity}</td><td class='wide right'>${load}%</td>`;
+            el.innerHTML += `<td class='wide right'>${connections_}/${capacity_}</td><td class='wide right'>${load}%</td>`;
         }
     });
 
     if (resort) {
         sort();
     }
+
+    document.getElementById('status').innerText = Object.entries(status).map(([network, status]) => {
+        let load = (status.connections / status.capacity * 100.0).toFixed(2);
+        let connections = status.connections.toLocaleString();
+        let capacity = status.capacity.toLocaleString();
+        return `${network}: ${connections}/${capacity} ${load}%`;
+    }).join('   ');
 }
 
 function sort() {