Update monitor site with seconds since last block

Author: Wyatt Mufson

index.html

@@ -20,6 +20,9 @@
           <td id="txPerSecond">Transactions Per Second: 0</td>
           <td id="blockTime">Average Block Time: 0</td>
         </tr>
+        <tr>
+          <td id="sinceLastBlock">Seconds since last block: 0</td>
+        </tr>
       </tbody>
     </table>
   </body>

js/index.js

@@ -22,6 +22,7 @@ function parseStats(statObj) {
     totalTransactions,
     txPerSecond,
     blockTime,
+    sinceLastBlock,
   } = statObj;
 
   const elapsedText = secondsToHms(elapsedTime);
@@ -31,6 +32,7 @@ function parseStats(statObj) {
   document.getElementById('totalTx').innerHTML = `Total Transactions: ${totalTransactions}`;
   document.getElementById('txPerSecond').innerHTML = `Transactions Per Second: ${txPerSecond}`;
   document.getElementById('blockTime').innerHTML = `Block Time: ${blockTime}`;
+  document.getElementById('sinceLastBlock').innerHTML = `Seconds since last block: ${sinceLastBlock}`;
 }
 
 socket.on('StatUpdate', (data) => {