Merge pull request #23 from cubedro/develop

Graphics change
This commit is contained in:
Marian OANCΞA 2015-03-06 23:44:30 +02:00
commit d9d25443e6
3 changed files with 59 additions and 46 deletions

View File

@ -5,18 +5,19 @@ body {
} }
.big-info { .big-info {
padding-bottom: 30px; padding-bottom: 15px;
padding-top: 30px; padding-top: 15px;
/*border: 1px solid rgba(255,255,255,0.05);*/ background: #090909;
border: 1px solid rgba(255,255,255,0.05);
} }
.big-info .icon-full-width i { .big-info .icon-full-width i {
display: block; display: block;
width: 110px; width: 85px;
height: 90px; height: 70px;
font-size: 90px; font-size: 70px;
line-height: 90px; line-height: 70px;
margin-right: 20px; margin-right: 15px;
} }
.big-info span { .big-info span {
@ -26,19 +27,18 @@ body {
.big-info span.small-title { .big-info span.small-title {
display: block; display: block;
font-weight: 700; font-weight: 700;
font-size: 16px; font-size: 14px;
line-height: 20px; line-height: 20px;
letter-spacing: 1px; letter-spacing: 1px;
text-transform: uppercase; text-transform: uppercase;
padding-top: 6px;
color: #aaa !important; color: #aaa !important;
} }
.big-info span.big-details { .big-info span.big-details {
display: block; display: block;
font-weight: 200; font-weight: 200;
font-size: 60px; font-size: 50px;
line-height: 64px; line-height: 55px;
letter-spacing: -4px; letter-spacing: -4px;
} }

View File

@ -118,27 +118,27 @@ angular.module('netStatsApp.filters', [])
return function(ms) { return function(ms) {
var result = 0; var result = 0;
if(ms < 1000){ if(ms < 1000) {
return ms + " ms"; return ms + " ms";
} }
if(ms < 1000*60){ if(ms < 1000*60) {
result = ms/1000; result = ms/1000;
return result.toFixed(1).toString() + " s"; return result.toFixed(1) + " s";
} }
if(ms < 1000*60*60){ if(ms < 1000*60*60) {
result = ms/1000/60; result = ms/1000/60;
return result.toFixed(1) + " min"; return Math.round(result) + " min";
} }
if(ms < 1000*60*60*24){ if(ms < 1000*60*60*24) {
result = ms/1000/60/60; result = ms/1000/60/60;
return result.toFixed(1) + " h"; return Math.round(result) + " h";
} }
result = ms/1000/60/60/24; result = ms/1000/60/60/24;
return result.toFixed(1) + " days"; return Math.round(result) + " days";
}; };
}) })
.filter('avgTimeFilter', function() { .filter('avgTimeFilter', function() {

View File

@ -2,23 +2,31 @@ extends layout
block content block content
div.container-fluid(ng-controller='StatsCtrl') div.container-fluid(ng-controller='StatsCtrl')
div.row div.row(ng-cloak)
div.col-lg-7(ng-cloak) div.col-lg-12
div.col-sm-12 //- div.col-sm-12
h1= title //- h1= title
//- p Welcome to #{title} //- p Welcome to #{title}
div.clearfix //- div.clearfix
div.col-xs-4.stat-holder div.col-xs-2.stat-holder
div.row.big-info.nodesactive(class="{{ nodesActive | nodesActiveClass : nodesTotal }}") div.row.big-info.nodesactive(class="{{ nodesActive | nodesActiveClass : nodesTotal }}")
div.pull-left.icon-full-width div.pull-left.icon-full-width
i.icon-bulb i.icon-node
div.pull-left div.pull-left
span.small-title active nodes span.small-title active nodes
span.big-details {{nodesActive}}/{{nodesTotal}} span.big-details {{nodesActive}}/{{nodesTotal}}
div.clearfix div.clearfix
div.col-xs-5.stat-holder div.col-xs-2.stat-holder
div.row.big-info.uptime(class="{{ upTimeTotal | upTimeClass }}")
div.pull-left.icon-full-width
i.icon-bulb
div.pull-left
span.small-title up-time
span.big-details {{ upTimeTotal | upTimeFilter }}
div.clearfix
div.col-xs-2.stat-holder
div.row.big-info.difficulty.text-info div.row.big-info.difficulty.text-info
div.pull-left.icon-full-width div.pull-left.icon-full-width
i.icon-difficulty i.icon-difficulty
@ -26,15 +34,7 @@ block content
span.small-title difficulty span.small-title difficulty
span.big-details {{ lastDifficulty }} span.big-details {{ lastDifficulty }}
div.clearfix div.clearfix
div.col-xs-3.stat-holder div.col-xs-2.stat-holder
div.row.big-info.uptime(class="{{ upTimeTotal | upTimeClass }}")
div.pull-left.icon-full-width
i.icon-clock
div.pull-left
span.small-title up-time
span.big-details {{ upTimeTotal | upTimeFilter }}
div.clearfix
div.col-xs-4.stat-holder
div.row.big-info.bestblock.text-info div.row.big-info.bestblock.text-info
div.pull-left.icon-full-width div.pull-left.icon-full-width
i.icon-block i.icon-block
@ -42,7 +42,7 @@ block content
span.small-title best block span.small-title best block
span.big-details {{"#" + bestBlock}} span.big-details {{"#" + bestBlock}}
div.clearfix div.clearfix
div.col-xs-5.stat-holder div.col-xs-2.stat-holder
div.row.big-info.blocktime(class="{{ lastBlock | timeClass }}") div.row.big-info.blocktime(class="{{ lastBlock | timeClass }}")
div.pull-left.icon-full-width div.pull-left.icon-full-width
i.icon-time i.icon-time
@ -50,7 +50,7 @@ block content
span.small-title last block span.small-title last block
span.big-details {{ lastBlock | blockTimeFilter }} span.big-details {{ lastBlock | blockTimeFilter }}
div.clearfix div.clearfix
div.col-xs-3.stat-holder div.col-xs-2.stat-holder
div.row.big-info.avgblocktime(class="{{ avgBlockTime | timeClass }}") div.row.big-info.avgblocktime(class="{{ avgBlockTime | timeClass }}")
div.pull-left.icon-full-width div.pull-left.icon-full-width
i.icon-gas i.icon-gas
@ -61,14 +61,27 @@ block content
div.clearfix div.clearfix
div.col-lg-5 div.col-xs.12
div.col-xs-12 div.col-lg-8(style="padding-top: 30px;")
nodemap#mapHolder(data="map") //- div.col-xs-3.stat-holder
//- div.row.big-info.nodesactive(class="{{ nodesActive | nodesActiveClass : nodesTotal }}")
//- div.pull-left.icon-full-width
//- i.icon-node
//- div.pull-left
//- span.small-title active nodes
//- span.big-details {{nodesActive}}/{{nodesTotal}}
//- div.clearfix
div.clearfix
div.col-lg-4
div.col-xs-12
nodemap#mapHolder(data="map")
div.clearfix div.clearfix
div.col-sm-12(ng-cloak) div.col-sm-12
h1 Nodes in detail //- h1 Nodes in detail
table.table.table-striped table.table.table-striped
thead thead
@ -78,7 +91,7 @@ block content
th th
i.icon-laptop(data-toggle="tooltip", data-placement="top", title="Node type") i.icon-laptop(data-toggle="tooltip", data-placement="top", title="Node type")
th th
i.icon-gas(data-toggle="tooltip", data-placement="top", title="Node latency") i.icon-clock(data-toggle="tooltip", data-placement="top", title="Node latency")
th th
i.icon-mining(data-toggle="tooltip", data-placement="top", title="Is mining") i.icon-mining(data-toggle="tooltip", data-placement="top", title="Is mining")
th th
@ -93,7 +106,7 @@ block content
th th
i.icon-time(data-toggle="tooltip", data-placement="top", title="Last block time") i.icon-time(data-toggle="tooltip", data-placement="top", title="Last block time")
th th
i.icon-clock(data-toggle="tooltip", data-placement="top", title="Propagation time") i.icon-gas(data-toggle="tooltip", data-placement="top", title="Propagation time")
th th
i.icon-bulb(data-toggle="tooltip", data-placement="top", title="Up-time") i.icon-bulb(data-toggle="tooltip", data-placement="top", title="Up-time")
tbody tbody