feat: add current mode to large network page

shardeum · Jul 24, 2024 · 78a2fe3 · 78a2fe3
1 parent 1887784
commit 78a2fe3
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/public/large-network.js b/public/large-network.js
@@ -337,6 +337,7 @@
                 this.networkStatus.processed = report.totalProcessed
                 this.networkStatus.rejected = report.totalRejected
                 this.networkStatus.rejectedTps = report.rejectedTps
+                this.networkStatus.mode = report.mode
                 this.networkStatus.active = Object.keys(G.nodes.active).length - crashedCount
                 this.networkStatus.syncing = Object.keys(G.nodes.syncing).length
                 this.networkStatus.joining = Object.keys(report.nodes.joining).length
@@ -554,6 +555,18 @@
                     console.log(nodeId, node)
                 }
             },
+            getModeEmoji(networkMode){
+                switch (networkMode) {
+                    case 'forming': return ' 🟡'
+                    case 'processing': return ' 🟢'
+                    case 'safety': return ' ⚠️'
+                    case 'recovery': return ' ♻️'
+                    case 'restart': return ' 🔄'
+                    case 'restore': return ' 🔵'
+                    case 'shutdown': return ' 🔴'
+                    default: return ''
+                }
+            },
 
             changeNodesSize() {
                 const nodeSize = this.getNodeSize(Object.keys(G.nodes.active).length)

diff --git a/views/large-network.html b/views/large-network.html
@@ -202,6 +202,10 @@
                 <tr id="itemrow">
                     <td id="monheader">NETWORK</td>
                 </tr>
+                <tr id="itemrow">
+                    <td id="monlabel">Mode:</td>
+                    <td id="monval" style="text-transform: capitalize;">{{(networkStatus.mode ?? '') + getModeEmoji(networkStatus.mode)}}</td>
+                </tr>
                 <tr id="itemrow">
                     <td id="monlabel">Counter:</td>
                     <td id="monval">{{networkStatus.counter}}</td>
@@ -357,4 +361,4 @@
     <script src="version.js"></script>
 </body>
 
-</html>
+</html>