Few fixes:

- handle IX messages (IX bubbles have different collor and 2x speed) - add IX to debug mode - small changes to the way donations are handled - small changes to title and keywords
UdjinM6 · Feb 10, 2016 · d0f225f · d0f225f
1 parent 84818c3
commit d0f225f
Show file tree

Hide file tree

Showing 6 changed files with 35 additions and 18 deletions.
diff --git a/bitlisten.min.js b/bitlisten.min.js
diff --git a/bitlisten.min.js.map b/bitlisten.min.js.map
diff --git a/index.html b/index.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>BitListen - Dash Transaction Visualizer</title>
+		<title>Dash Transaction Visualizer</title>
 		<meta name="description" content="Realtime Dash transaction visualizer. See and hear new transactions, trades and blocks as they occur.">
-		<meta name="keywords" content="BitListen,Listen To Dash,Dash,transactions,visualizer,trades,mtgox,blockchain">
+		<meta name="keywords" content="Listen To Dash,Dash,transactions,visualizer,poloniex,bitstamp,blockchain">
 		<link rel="stylesheet" type="text/css" href="jquery.nouislider.custom.css">
 		<link rel="stylesheet" type="text/css" href="engine.css">
 		<!--[if IE]>

diff --git a/src/main.js b/src/main.js
@@ -68,8 +68,11 @@ $(document).ready(function() {
 				volume = Math.random() * 1000;
 			}
 
-			if (Math.random() < 0.5)
-				new Transaction(volume, false);
+			var randType = Math.random();
+			if (randType < 0.5)
+				new Transaction(volume, Math.random() < 0.1);
+			else if (randType < 0.8)
+				new Transaction(volume, false, null, null, true);
 			else
 				new Transaction(volume, false, volume * 75, 'USD');
 		}

diff --git a/src/socket.js b/src/socket.js
@@ -38,11 +38,11 @@ TransactionSocket.init = function() {
 	});
 
 
-	function newTx(bitcoins) {
-		new Transaction(bitcoins);
+	function newTx(bitcoins, isDonation, currency, currencyName, isIX) {
+		new Transaction(bitcoins, isDonation, currency, currencyName, isIX);
 	}
 
-	connection.on("tx", function(data){
+	function spawnTransaction(data, isIX){
 		// console.log('insight.masternode.io:3000: tx data: ' + JSON.stringify(data) + ' vout length: ' + data.vout.length);
 
 		// Dash volume is quite low - show bubble for every output
@@ -52,10 +52,10 @@ TransactionSocket.init = function() {
 			// transacted += vout[i][Object.keys(vout[i])];
 			// console.log('insight.masternode.io:3000: tx data: ' + Object.keys(vout[i]) + ' ' + vout[i][Object.keys(vout[i])]);
 			var bitcoins = vout[i][Object.keys(vout[i])] / satoshi;
-			if (Object.keys(vout[i]) == DONATION_ADDRESS)
-				new Transaction(bitcoins, true);
-			else
-				setTimeout(newTx(bitcoins), Math.random() * DELAY_CAP);
+			setTimeout(newTx(bitcoins,
+							Object.keys(vout[i]) == DONATION_ADDRESS,
+							'', '', isIX),
+				isIX ? 0 : Math.random() * DELAY_CAP);
 			// console.log('insight.masternode.io:3000: tx data: ' + transacted);
 		}
 
@@ -77,7 +77,16 @@ TransactionSocket.init = function() {
 		// setTimeout(function() {
 		// 	new Transaction(bitcoins);
 		// }, Math.random() * DELAY_CAP);
+	}
+
+	connection.on("tx", function(data){
+		spawnTransaction(data, false);
 	});
+
+	connection.on("ix", function(data){
+		spawnTransaction(data, true);
+	});
+
 	connection.on("block", function(blockHash){
 		// console.log('insight.masternode.io:3000: blockHash: ' + blockHash);
 		$.getJSON('http://insight.masternode.io:3000/api/block/' + blockHash, function(blockData) {

diff --git a/src/transaction.js b/src/transaction.js
@@ -2,7 +2,7 @@
  *  @constructor
  *  @extends Floatable
  */
-function Transaction(bitcoins, highlight, currency, currencyName) {
+function Transaction(bitcoins, isDonation, currency, currencyName, isIX) {
 	if (document.visibilityState === "visible") {
 		Floatable.call(this);
 
@@ -20,11 +20,16 @@ function Transaction(bitcoins, highlight, currency, currencyName) {
 	        bitcoinString = "<span class='bitcoinsymbol'>&nbsp;&nbsp;&nbsp;</span>" + bitcoinVal;
 	    }
 
-		if (!highlight) {
+		if(isIX) {
+			this.velocity.y = -2;
+			this.addText('<span style="color: cyan;">' + bitcoinString + '</span><br />');
+		} else
 			this.addText(bitcoinString);
-		} else {
-			this.addText('<span style="color: yellow;">' + bitcoinString + '</span><br /><span style="color: cyan;">Donation</span><br /><span style="color: lime;">Thanks!</span>');
+
+		if (isDonation) {
+			this.addText('<br /><span style="color: yellow;">Donation</span><br /><span style="color: lime;">Thanks!</span>');
 		}
+
 		if (currency && currencyName) {
 			this.addText('<br />' + currency.toFixed(2) + ' ' + currencyName);
 		}