Merge "Improve status table CSS."
This commit is contained in:
commit
418966616d
|
@ -25,7 +25,9 @@ function chartBarHorizontal() {
|
||||||
|
|
||||||
var svg = d3.select(el[0]).append('svg')
|
var svg = d3.select(el[0]).append('svg')
|
||||||
.attr('width', attrs.width)
|
.attr('width', attrs.width)
|
||||||
.attr('height', attrs.height);
|
.attr('height', attrs.height)
|
||||||
|
.style('width', attrs.width + 'px')
|
||||||
|
.style('height', attrs.height + 'px');
|
||||||
|
|
||||||
var update = function(data) {
|
var update = function(data) {
|
||||||
if (typeof data === 'undefined') {
|
if (typeof data === 'undefined') {
|
||||||
|
|
|
@ -0,0 +1,31 @@
|
||||||
|
table.status-table {
|
||||||
|
width: 100%;
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
|
thead {
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
|
th[sort-field="name"] {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
th:not(:first-child) {
|
||||||
|
min-width: 75px;
|
||||||
|
}
|
||||||
|
|
||||||
|
th:last-child {
|
||||||
|
@extend .hidden-xs;
|
||||||
|
@extend .hidden-sm;
|
||||||
|
|
||||||
|
min-width: 300px;
|
||||||
|
max-width: 300px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody {
|
||||||
|
td:last-child {
|
||||||
|
@extend .hidden-xs;
|
||||||
|
@extend .hidden-sm;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -6,4 +6,5 @@
|
||||||
@import 'nv.d3';
|
@import 'nv.d3';
|
||||||
@import 'header';
|
@import 'header';
|
||||||
@import 'footer';
|
@import 'footer';
|
||||||
@import 'breadcrumbs'
|
@import 'breadcrumbs';
|
||||||
|
@import 'openstack-health';
|
||||||
|
|
|
@ -84,40 +84,36 @@
|
||||||
<div class="panel-heading">
|
<div class="panel-heading">
|
||||||
<h3 class="panel-title">Project status</h3>
|
<h3 class="panel-title">Project status</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body">
|
<table table-sort class="table table-hover status-table" data="home.projects">
|
||||||
<table table-sort class="table table-hover" data="home.projects">
|
<thead>
|
||||||
<thead>
|
<tr>
|
||||||
<tr>
|
<th field="number" class="text-center">#</th>
|
||||||
<th field="number" class="text-center">#</th>
|
<th sort-field="name" class="text-center">Project Name</a></th>
|
||||||
<th sort-field="name" class="text-center">Project Name</a></th>
|
<th sort-field="passes" class="text-center">Passes</th>
|
||||||
<th sort-field="passes" class="text-center">Passes</th>
|
<th sort-field="failures" class="text-center">Failures</th>
|
||||||
<th sort-field="failures" class="text-center">Failures</th>
|
<th sort-field="passRate" class="text-center">% Passes</th>
|
||||||
<th sort-field="passRate" class="text-center">% Passes</th>
|
<th sort-default sort-field="failRate" class="text-center">% Failures</th>
|
||||||
<th sort-default sort-field="failRate" class="text-center">% Failures</th>
|
<th class="text-center">Bar Graph</th>
|
||||||
<th field="barGraph" class="text-center" style="min-width:320px">Bar Graph</th>
|
</tr>
|
||||||
</tr>
|
</thead>
|
||||||
</thead>
|
<tbody>
|
||||||
<tbody>
|
<tr table-ref="table" ng-repeat="p in home.projects | filter:home.searchProject"
|
||||||
<tr table-ref="table" ng-repeat="p in home.projects | filter:home.searchProject"
|
ng-class="p.failRate > 0.15 ? 'danger' : p.failRate > 0.08 ? 'warning' : p.failRate > 0 ? 'info' : 'success'">
|
||||||
ng-class="p.failRate > 0.15 ? 'danger' : p.failRate > 0.08 ? 'warning' : p.failRate > 0 ? 'info' : 'success'">
|
<td class="text-right">{{$index+1}}</td>
|
||||||
<td class="text-right">{{$index+1}}</td>
|
<td class="text-left">
|
||||||
<td class="text-left">
|
<a ui-sref="groupedRuns({ runMetadataKey: home.groupKey, name: p.name })">{{p.name}}</a>
|
||||||
<a ui-sref="groupedRuns({ runMetadataKey: home.groupKey, name: p.name })">{{p.name}}</a>
|
</td>
|
||||||
</td>
|
<td class="text-right">{{p.passes|number}}</td>
|
||||||
<td class="text-right">{{p.passes|number}}</td>
|
<td class="text-right">{{p.failures|number}}</td>
|
||||||
<td class="text-right">{{p.failures|number}}</td>
|
<td class="text-right">{{p.passRate*100|number:2}}</td>
|
||||||
<td class="text-right">{{p.passRate*100|number:2}}</td>
|
<td class="text-right">{{p.failRate*100|number:2}}</td>
|
||||||
<td class="text-right">{{p.failRate*100|number:2}}</td>
|
<td>
|
||||||
<td>
|
<chart-bar-horizontal data="p.data" width="300" height="20">
|
||||||
<div id="chart">
|
</chart-bar-horizontal>
|
||||||
<chart-bar-horizontal data="p.data" height="20">
|
</td>
|
||||||
</chart-bar-horizontal>
|
</tr>
|
||||||
</div>
|
</tbody>
|
||||||
</td>
|
</table>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue