Implemented status bar with some status information: sync process, connected nodes and blockchain height.

2021-02-27 18:57:15 +01:00
parent 0d3b8c3db0
commit e53245315f
12 changed files with 192 additions and 95 deletions
@@ -9,10 +9,6 @@
    {scripts}
 </head>
 <body onload="onLoad();">
-<div class="mining_indicator" id="mining_indicator" onclick="miningIndicatorClick(this)">
-    <span></span>
-    <span></span>
-</div>

 <div id="modal_dialog" class="modal">
    <div class="modal-background"></div>
@@ -328,6 +324,25 @@
    </div> <!-- columns -->
 </div>

-<div class="footer is-hidden">Some footer text is here</div>
+<div class="footer is-family-code">
+    <div class="level">
+        <div class="level-left">
+            <div class="level-item" id="indicator_parent">
+                <div class="busy_indicator busy_blue" id="busy_indicator" onclick="miningIndicatorClick(this)">
+                    <span></span>
+                    <span></span>
+                </div>
+            </div>
+            <div class="level-item">
+                <div id="status_bar_left">Connecting and syncing...</div>
+            </div>
+        </div>
+
+        <div class="level-right">
+            <div class="level-item" id="status_bar_right">No data</div>
+        </div>
+    </div>
+</div>
+
 </body>
 </html>