diff --git a/lib/history.js b/lib/history.js index e50cd92..430312f 100644 --- a/lib/history.js +++ b/lib/history.js @@ -440,10 +440,10 @@ History.prototype.getGasLimit = function() { var gasLimitHistory = _( this._items ) .sortByOrder( 'height', false ) - .filter(function (item) - { - return item.block.trusted; - }) + // .filter(function (item) + // { + // return item.block.trusted; + // }) .slice(0, MAX_BINS) .reverse() .map(function (item) @@ -559,7 +559,7 @@ History.prototype.getMinersCount = function() return _(minerCount) .sortByOrder( 'blocks', false ) - .slice(0, 5) + .slice(0, 2) .value(); } diff --git a/src/css/style.css b/src/css/style.css index 36315b6..d887cc9 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -343,7 +343,7 @@ nodepropagchart { position: relative; display: block; width: 100%; - height: 282px; + height: 242px; overflow: hidden; } diff --git a/src/js/directives.js b/src/js/directives.js index 6ef7632..b71c62b 100644 --- a/src/js/directives.js +++ b/src/js/directives.js @@ -211,13 +211,13 @@ angular.module('netStatsApp.directives', []) element.empty(); var width = 628, - height = 244; + height = 202; scope.map = new Datamap({ element: element[0], scope: 'world', width: width, - height: 300, + height: 242, fills: { success: '#7BCC3A', info: '#10A0DE', diff --git a/src/views/index.jade b/src/views/index.jade index 563ccfc..c9cbb04 100644 --- a/src/views/index.jade +++ b/src/views/index.jade @@ -60,111 +60,103 @@ block content div.row(ng-cloak) - div.col-xs-8.stats-boxes(style="padding-top: 0px;") + div.col-xs-12.stats-boxes(style="padding-top: 0px;") div.row.second-row - div.col-xs-3.stat-holder.box + div.col-xs-2.stat-holder.box div.active-nodes(class="{{ nodesActive | nodesActiveClass : nodesTotal }}") i.icon-node span.small-title active nodes span.small-value {{nodesActive}}/{{nodesTotal}} - //- div.col-xs-3.stat-holder.box - //- div.difficulty.text-info - //- i.icon-difficulty - //- span.small-title difficulty - //- span.small-value {{ lastDifficulty | number }} - div.col-xs-3.stat-holder.box + div.col-xs-2.stat-holder.box div.gasprice.text-info i.icon-gasprice span.small-title gas price span.small-value {{ bestStats.gasPrice.toString() | gasPriceFilter }} - div.col-xs-3.stat-holder.box - div.page-latency(class="{{ {active: true, latency: latency} | latencyClass }}") - i.icon-clock - span.small-title page latency - span.small-value {{latency}} ms - div.col-xs-3.stat-holder.box - div.uptime(class="{{ upTimeTotal | upTimeClass : true }}") - i.icon-bulb - span.small-title uptime - span.small-value {{ upTimeTotal | upTimeFilter }} - - div.row.second-row - div.col-xs-3.stat-holder.box - div.col-xs-3.stat-holder.box + div.col-xs-2.stat-holder.box div.gasprice.text-info i.icon-gasprice span.small-title gas limit span.small-value {{ bestStats.block.gasLimit }} gas - div.col-xs-3.stat-holder.box - div.col-xs-3.stat-holder.box + div.col-xs-2.stat-holder.box + div.page-latency(class="{{ {active: true, latency: latency} | latencyClass }}") + i.icon-clock + span.small-title page latency + span.small-value {{latency}} ms + div.col-xs-2.stat-holder.box + div.uptime(class="{{ upTimeTotal | upTimeClass : true }}") + i.icon-bulb + span.small-title uptime + span.small-value {{ upTimeTotal | upTimeFilter }} + div.col-xs-2.stat-holder.box div.row - div.col-xs-3.stat-holder - div.big-info.chart(class="{{ avgBlockTime | avgTimeClass }}") - //- i.icon-time - span.small-title block time - //- span.small-value {{ avgBlockTime | avgTimeFilter }} - sparkchart.big-details.spark-blocktimes(data="{{lastBlocksTime.join(',')}}", tooltipsuffix="s") + div.col-xs-8 + div.row + div.col-xs-3.stat-holder + div.big-info.chart(class="{{ avgBlockTime | avgTimeClass }}") + //- i.icon-time + span.small-title block time + //- span.small-value {{ avgBlockTime | avgTimeFilter }} + sparkchart.big-details.spark-blocktimes(data="{{lastBlocksTime.join(',')}}", tooltipsuffix="s") - div.col-xs-3.stat-holder - div.big-info.chart.text-info - //- i.icon-difficulty - span.small-title difficulty - //- span.small-value {{ lastDifficulty | number }} - sparkchart.big-details.spark-difficulty(data="{{difficultyChart.join(',')}}") + div.col-xs-3.stat-holder + div.big-info.chart.text-info + //- i.icon-difficulty + span.small-title difficulty + //- span.small-value {{ lastDifficulty | number }} + sparkchart.big-details.spark-difficulty(data="{{difficultyChart.join(',')}}") - div.col-xs-3.stat-holder.xpull-right - div.big-info.chart.xdouble-chart(class="{{ blockPropagationAvg | propagationAvgTimeClass : true }}") - //- i.icon-gas - span.small-title block propagation - //- span.small-value {{ blockPropagationAvg | blockPropagationFilter : '' }} - histogram.big-details.d3-blockpropagation(data="blockPropagationChart") + div.col-xs-3.stat-holder.xpull-right + div.big-info.chart.xdouble-chart(class="{{ blockPropagationAvg | propagationAvgTimeClass : true }}") + //- i.icon-gas + span.small-title block propagation + //- span.small-value {{ blockPropagationAvg | blockPropagationFilter : '' }} + histogram.big-details.d3-blockpropagation(data="blockPropagationChart") - div.col-xs-3.stat-holder.pull-right - div.big-info.chart.double-chart - span.small-title last blocks miners - div.blocks-holder(ng-repeat='miner in miners track by miner.miner', data-toggle="tooltip", data-placement="right", data-original-title="{{miner.blocks}}") - div.block-count(class="{{miner.blocks | minerBlocksClass : 'text-'}}") {{miner.blocks}} - //- div.small-title-miner {{miner.miner | minerNameFilter : miner.name}} - div.small-title-miner {{miner.miner}} - minerblock(blocks="{{miner.blocks}}") - div.clearfix + div.col-xs-3.stat-holder.xpull-right + div.big-info.chart.xdouble-chart + span.small-title last blocks miners + div.blocks-holder(ng-repeat='miner in miners track by miner.miner', data-toggle="tooltip", data-placement="right", data-original-title="{{miner.blocks}}") + div.block-count(class="{{miner.blocks | minerBlocksClass : 'text-'}}") {{miner.blocks}} + //- div.small-title-miner {{miner.miner | minerNameFilter : miner.name}} + div.small-title-miner {{miner.miner}} + minerblock(blocks="{{miner.blocks}}") + div.clearfix - div.col-xs-3.stat-holder - div.big-info.chart.text-info - //- i.icon-uncle - span.small-title uncle count  - span.small (25 blocks per bar) - //- span.small-value {{ bestStats.block.uncles.length }}/{{ uncleCount }} - sparkchart.big-details.spark-uncles(data="{{uncleCountChart.join(',')}}") + div.col-xs-3.stat-holder + div.big-info.chart.text-info + //- i.icon-uncle + span.small-title uncle count  + span.small (25 blocks per bar) + //- span.small-value {{ bestStats.block.uncles.length }}/{{ uncleCount }} + sparkchart.big-details.spark-uncles(data="{{uncleCountChart.join(',')}}") - div.col-xs-3.stat-holder - div.big-info.chart.text-info - //- i.icon-uncle - span.small-title transactions - sparkchart.big-details.spark-transactions(data="{{transactionDensity.join(',')}}") + div.col-xs-3.stat-holder + div.big-info.chart.text-info + //- i.icon-uncle + span.small-title transactions + sparkchart.big-details.spark-transactions(data="{{transactionDensity.join(',')}}") - div.col-xs-3.stat-holder - div.big-info.chart.text-info - //- i.icon-gasprice - span.small-title gas spending - sparkchart.big-details.spark-gasspending(data="{{gasSpending.join(',')}}") + div.col-xs-3.stat-holder + div.big-info.chart.text-info + //- i.icon-gasprice + span.small-title gas spending + sparkchart.big-details.spark-gasspending(data="{{gasSpending.join(',')}}") + + div.col-xs-3.stat-holder + div.big-info.chart.text-info + //- i.icon-difficulty + span.small-title gas limit + //- span.small-value {{ lastDifficulty | number }} + sparkchart.big-details.spark-difficulty(data="{{lastGasLimit.join(',')}}") - div.col-xs-4.stat-holder.map-holder - //- div.col-xs-12 - nodemap#mapHolder(data="map") + div.col-xs-4.stat-holder.map-holder + //- div.col-xs-12 + nodemap#mapHolder(data="map") - div.row - div.col-xs-3.stat-holder - div.big-info.chart.text-info - //- i.icon-difficulty - span.small-title gas limit - //- span.small-value {{ lastDifficulty | number }} - sparkchart.big-details.spark-difficulty(data="{{lastGasLimit.join(',')}}") - - div.row + //- div.row div.col-xs-12.stats-boxes div.row.second-row div.col-xs-12.stat-holder.box