localhots
/
shezmu
1
0
Fork 0
Code Releases Activity

Restore minimal metrics

This commit is contained in:
Gregory Eremin 2015-10-29 02:33:50 +03:00
parent 5462985a40
commit fde8762b77
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
dashboard/css/app.css
View File

@ -1,6 +1,6 @@
body { body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px; font-size: 16px;
} }
#app { #app {
@ -15,7 +15,7 @@ body {
} }
.daemon .left-block { .daemon .left-block {
float: left; float: left;
width: 300px; width: 350px;
height: 150px; height: 150px;
/*background-color: #cfc;*/ /*background-color: #cfc;*/
} }
@ -24,10 +24,22 @@ body {
margin: 0; margin: 0;
font-weight: 400; font-weight: 400;
} }
.daemon .left-block dl {
width: 170px;
}
.daemon .left-block dt, .daemon .left-block dd {
float: left;
margin: 0 5px 0 0;
width: 80px;
line-height: 30px;
}
.daemon .left-block dd {
font-family: monospace;
}
.daemon .boxplot { .daemon .boxplot {
float: left; float: left;
height: 150px; height: 150px;
/*background-color: #fcc;*/ /*background-color: #fcc;*/
border: #ccc 1px solid; /*border: #ccc 1px solid;*/
} }

5
dashboard/js/app.jsx
View File

@ -54,6 +54,11 @@ var Daemon = React.createClass({
<div className="daemon"> <div className="daemon">
<div className="left-block"> <div className="left-block">
<h1>{this.props.name}</h1> <h1>{this.props.name}</h1>
<dl>
<dt>Processed:</dt><dd>{last.processed}</dd>
<dt>Errors:</dt><dd>{last.errors}</dd>
<dt>Median:</dt><dd>{formatDuration(last.median)}</dd>
</dl>
</div> </div>
<BoxPlot points={this.props.points} /> <BoxPlot points={this.props.points} />
</div> </div>