visual improvements

This commit is contained in:
cubedro 2015-04-17 04:10:08 +03:00
parent 216c615dfc
commit 40bbb1f785
3 changed files with 30 additions and 17 deletions

View File

@ -10,12 +10,18 @@ body {
-moz-font-smoothing: antialiased; -moz-font-smoothing: antialiased;
} }
td {
font-size: 14px;
-webkit-font-smoothing: subpixel-antialiased;
-moz-font-smoothing: subpixel-antialiased;
}
.propagationBox { .propagationBox {
position: relative; position: relative;
width: 8px; width: 8px;
height: 8px; height: 8px;
float: left; float: left;
top: 8px; top: 7px;
margin-right: 5px; margin-right: 5px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -139,21 +145,26 @@ div.small-title-miner {
margin-left: -2px; margin-left: -2px;
} }
.blocks-holder div.small-title-miner { .blocks-holder {
font-size: 12px;
font-weight: normal;
letter-spacing: 0px;
text-transform: none;
white-space: nowrap;
-webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased;
-moz-font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased;
color: #777; }
.blocks-holder div.small-title-miner {
font-family: "Lucida Console", "Courier New", Courier, monospace;
font-size: 11px;
letter-spacing: -0.1px;
text-transform: none;
white-space: nowrap;
color: #666;
} }
.blocks-holder .block-count { .blocks-holder .block-count {
font-family: 'Lucida Console', monaco, "Courier New", Courier, monospace;
font-weight: bold;
font-size: 10px;
padding-top: 3px;
float: right; float: right;
line-height: 18px;
color: #aaa;
} }
.blocks-holder .block { .blocks-holder .block {

View File

@ -274,17 +274,19 @@ angular.module('netStatsApp.filters', [])
}; };
}) })
.filter('minerBlocksClass', function() { .filter('minerBlocksClass', function() {
return function(blocks) { return function(blocks, prefix) {
if(typeof prefix === 'undefined')
prefix = 'bg-';
if(blocks <= 6) if(blocks <= 6)
return 'bg-success'; return prefix + 'success';
if(blocks <= 12) if(blocks <= 12)
return 'bg-info'; return prefix + 'info';
if(blocks <= 18) if(blocks <= 18)
return 'bg-warning'; return prefix + 'warning';
return 'bg-danger'; return prefix + 'danger';
}; };
}); });

View File

@ -86,7 +86,7 @@ block content
div.big-info.chart.double-chart div.big-info.chart.double-chart
span.small-title last blocks miners span.small-title last blocks miners
div.blocks-holder(ng-repeat='miner in miners', data-toggle="tooltip", data-placement="right", title="{{miner.blocks}}") div.blocks-holder(ng-repeat='miner in miners', data-toggle="tooltip", data-placement="right", title="{{miner.blocks}}")
div.block-count ({{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 | minerNameFilter : miner.name}}
div.block(ng-repeat="i in getNumber(miner.blocks) track by $index", class="{{miner.blocks | minerBlocksClass}}") div.block(ng-repeat="i in getNumber(miner.blocks) track by $index", class="{{miner.blocks | minerBlocksClass}}")
div.clearfix div.clearfix
@ -134,7 +134,7 @@ block content
i.icon-bulb(data-toggle="tooltip", data-placement="top", title="Up-time", ng-click="orderTable(['-stats.active', '-stats.uptime'], false)") i.icon-bulb(data-toggle="tooltip", data-placement="top", title="Up-time", ng-click="orderTable(['-stats.active', '-stats.uptime'], false)")
tbody tbody
tr(ng-repeat='node in nodes | orderBy:predicate:reverse', class="{{ node.stats | mainClass : bestBlock }}") tr(ng-repeat='node in nodes | orderBy:predicate:reverse', class="{{ node.stats | mainClass : bestBlock }}")
td(rel="{{node.id}}") td.nodeInfo(rel="{{node.id}}")
span.small(data-toggle="tooltip", data-placement="top", data-html="true", data-original-title="{{node | geoTooltip}}") {{node.info.name}} span.small(data-toggle="tooltip", data-placement="top", data-html="true", data-original-title="{{node | geoTooltip}}") {{node.info.name}}
span.small #[&nbsp;]({{node.info.ip}}:{{node.info.port || 30303}}) span.small #[&nbsp;]({{node.info.ip}}:{{node.info.port || 30303}})
td td