diff --git a/public/css/style.css b/public/css/style.css index 985f117..4b1144d 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -240,8 +240,7 @@ table td { } .th-peerPropagationChart { - text-align: center; - width: 125px; + width: 140px; } @media only screen and (max-width: 639px) { diff --git a/public/js/controllers.js b/public/js/controllers.js index 5cbe6a0..c7f86fa 100644 --- a/public/js/controllers.js +++ b/public/js/controllers.js @@ -106,23 +106,7 @@ function StatsCtrl($scope, $filter, socket, _, toastr) { var index = findIndex({id: data.id}); $scope.nodes[index].stats = data.stats; $scope.nodes[index].history = data.history; - $scope.nodes[index].propagation = _.map(data.history, function(block) { - return block.propagation; - }); - jQuery('.' + data.id).sparkline($scope.nodes[index].propagation, { - type: 'bar', - height: 18, - barWidth : 2, - barSpacing : 1, - tooltipSuffix: 'ms', - colorMap: jQuery.range_map({ - '0:1': '#10a0de', - '1:5000': '#7bcc3a', - '5001:12000': '#FFD162', - '12001:20000': '#ff8a00', - '20001:': '#F74B4B' - }) - }); + makePeerPropagationChart(index); break; case "info": @@ -151,6 +135,28 @@ function StatsCtrl($scope, $filter, socket, _, toastr) { return _.findIndex($scope.nodes, search); } + function makePeerPropagationChart(index) + { + $scope.nodes[index].propagation = _.map($scope.nodes[index].history, function(block) { + return block.propagation; + }); + + jQuery('.' + $scope.nodes[index].id).sparkline($scope.nodes[index].propagation, { + type: 'bar', + height: 18, + barWidth : 2, + barSpacing : 1, + tooltipSuffix: 'ms', + colorMap: jQuery.range_map({ + '0:1': '#10a0de', + '1:1000': '#7bcc3a', + '1001:3000': '#FFD162', + '3001:7000': '#ff8a00', + '7001:': '#F74B4B' + }) + }); + } + function addNewNode(data) { var index = findIndex({id: data.id}); @@ -163,9 +169,7 @@ function StatsCtrl($scope, $filter, socket, _, toastr) { $scope.nodes[index] = data; $scope.nodes[index].history = data.history; - $scope.nodes[index].propagation = _.map(data.history, function(block) { - return block.propagation; - }); + makePeerPropagationChart(index); return false; } diff --git a/public/js/filters.js b/public/js/filters.js index 92788ae..971705c 100644 --- a/public/js/filters.js +++ b/public/js/filters.js @@ -201,8 +201,11 @@ angular.module('netStatsApp.filters', []) }; }) .filter('minerNameFilter', function() { - return function(name) { - return name.replace('0x', ''); + return function(address, name) { + if(typeof name !== 'undefined' && name !== false && name.length > 0) + return name; + + return address.replace('0x', ''); }; }) .filter('minerBlocksClass', function() { diff --git a/views/index.jade b/views/index.jade index 8f3c493..9bba26d 100644 --- a/views/index.jade +++ b/views/index.jade @@ -87,7 +87,7 @@ block content span.small-title last blocks miners div.blocks-holder(ng-repeat='miner in miners', data-toggle="tooltip", data-placement="right", title="{{miner.blocks}}") div.block-count ({{miner.blocks}}) - div.small-title-miner {{miner.miner | minerNameFilter}} + div.small-title-miner {{miner.miner | minerNameFilter : miner.name}} div.block(ng-repeat="i in getNumber(miner.blocks) track by $index", class="{{miner.blocks | minerBlocksClass}}") div.clearfix