initial commit

app.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var socket = io("http://insight.masternode.io:3000/");
+
+function playSound(url){
+  var audio = document.createElement('audio');
+  audio.style.display = "none";
+  audio.src = url;
+  audio.autoplay = true;
+  audio.loop = false;
+  audio.onended = function(){
+    audio.remove() //Remove when played.
+  };
+  document.body.appendChild(audio);
+}
+
+function scrollToEnd() {
+  window.scrollTo(0,document.body.scrollHeight);
+}
+
+var onTransaction = function(data) {
+  console.log(data);
+  playSound('assets/bell.mp3');
+  var tx = document.createElement('div');
+  tx.className = 'tx';
+  var txValue = document.createElement('a');
+  txValue.className = 'txValue';
+  txValue.href = 'http://insight.masternode.io:3000/tx/' + data.txid;
+  txValue.target = '_blank';
+  txValue.setAttribute('rel', 'noopener');
+  var txOutputs = document.createElement('div');
+  txOutputs.className = 'txOutputs';
+  txValue.appendChild(document.createTextNode(data.valueOut));
+  tx.appendChild(txValue);
+  tx.appendChild(txOutputs);
+  var transactions = data.vout.sort(function(a, b) { // sort descending by tx value
+    return b[Object.keys(b)[0]] - a[Object.keys(a)[0]];
+  });
+  transactions.forEach(function(value, index, array) {
+    var txOut = document.createElement('div');
+    var outputSatoshis = value[Object.keys(value)[0]];
+    txOut.className = 'txOut';
+    txOut.style.width = (outputSatoshis * 0.00001).toFixed(4) + 'px';
+    txOut.title = (value[Object.keys(value)[0]] * 0.00000001);
+    txOutputs.appendChild(txOut);
+  });
+  document.getElementById('transactionList').appendChild(tx);
+  scrollToEnd();
+};
+
+var onBlock = function(data) {
+  console.log(data);
+  playSound('assets/whoosh.mp3');
+  var newBlock = document.createElement('a');
+  newBlock.className = 'blockDivider';
+  newBlock.href = 'http://insight.masternode.io:3000/block/' + data;
+  newBlock.target = '_blank';
+  newBlock.setAttribute('rel', 'noopener');
+  newBlock.appendChild(document.createTextNode(data));
+  document.getElementById('transactionList').appendChild(newBlock);
+  scrollToEnd();
+};
+
+socket.on('connect', function() {
+  document.getElementById('connectionStatus').className = 'is-connected';
+  // Join the room.
+  socket.emit('subscribe', 'inv');
+})
+socket.on('tx', onTransaction);
+socket.on('block', onBlock);
+socket.on('disconnect', function() {
+  document.getElementById('connectionStatus').className = 'is-disconnected';
+});
+socket.on('reconnecting', function() {
+  document.getElementById('connectionStatus').className = 'is-connecting';
+});