added page latency

public/css/style.css

@@ -58,6 +58,10 @@ body {
 .big-info span.small-title,
 .big-info div.small-title-miner {
 	display: block;
+}
+
+span.small-title,
+div.small-title-miner {
 	font-weight: 700;
 	font-size: 14px;
 	line-height: 20px;
@@ -116,6 +120,18 @@ body {
 	float: left;
 	-webkit-border-radius: 1px;
 	border-radius: 1px;
+	opacity: .8;
+}
+
+.page-latency {
+	position: absolute;
+	top: 400px;
+	left: 15px;
+}
+
+.page-latency .small-title {
+	letter-spacing: 0px;
+	opacity: .8;
 }
 
 .jqstooltip {

public/js/controllers.js

@@ -25,6 +25,8 @@ function StatsCtrl($scope, $filter, socket, _, toastr) {
 	$scope.nodes = [];
 	$scope.map = [];
 
+	$scope.latency = 0;
+
 	$scope.predicate = 'info.name';
 	$scope.reverse = false;
 
@@ -76,6 +78,11 @@ function StatsCtrl($scope, $filter, socket, _, toastr) {
 		socketAction("init", data.nodes);
 	});
 
+	socket.on('client-latency', function(data)
+	{
+		$scope.latency = data.latency;
+	})
+
 	function socketAction(action, data)
 	{
 		console.log('Action: ', action);
@@ -111,6 +118,10 @@ function StatsCtrl($scope, $filter, socket, _, toastr) {
 			case "latency":
 				$scope.nodes[findIndex({id: data.id})].stats.latency = data.latency;
 				break;
+
+			case "client-ping":
+				socket.emit('client-pong');
+				break;
 		}
 
 		updateStats();