openstack-health/app/views/tests-detail.html

112 lines
5.4 KiB
HTML

<header class="bs-header">
<div class="container">
<h1 class="page-header">Tests Detail: {{ testsDetail.key }}</h1>
<crumb-menu>
<li>Tests by Prefix: {{ testsDetail.key }}</li>
</crumb-menu>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-lg-12">
<loading-indicator></loading-indicator>
<fresh-check></fresh-check>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading panel-controls">
<h3 class="panel-title">Details for {{ testsDetail.key }}</h3>
<form class="form-inline">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><fa name="search"></fa></span>
<input type="text" class="form-control"
placeholder="Filter these tests..."
ng-model="testsDetail.searchTest"
ng-model-options="{debounce: 250}"
ng-change="testsDetail.onSearchChange()">
</div>
</div>
<div class="form-group">
<div class="btn-group" uib-dropdown>
<button class="btn btn-default" uib-dropdown-toggle>
Limit: {{ testsDetail.limit }}
<span class="caret"></span>
</button>
<ul uib-dropdown-menu>
<li ng-repeat="l in testsDetail.limitOptions">
<a href ng-click="testsDetail.setLimit(l)">
{{ l }}
</a>
</li>
</ul>
</div>
<div class="btn-group" uib-dropdown>
<button class="btn btn-default"
ng-class="{ disabled: !testsDetail.backAllowed }"
ng-click="testsDetail.previousPage()">
&larr; Previous
</button>
<button class="btn btn-default"
ng-class="{ disabled: !testsDetail.nextAllowed }"
ng-click="testsDetail.nextPage()">
Next &rarr;
</button>
</div>
</div>
</form>
</div>
<div class="panel-body text-center">
Showing {{ testsDetail.offset + 1 }} -
{{ testsDetail.offset + testsDetail.tests.length }}
<span ng-if="testsDetail.end">
of {{ testsDetail.max }} tests
</span>
<span ng-if="!testsDetail.end">
of at least {{ testsDetail.max }} tests
</span>
</div>
<div class="table-responsive">
<table table-sort data="testsDetail.tests" class="table table-hover default-cols"
uib-popover-template="'templates/context-legend.html'"
popover-placement="top"
popover-trigger="mouseenter">
<thead>
<tr class="text-right">
<th sort-field="test_id" class="text-left">
Test ID
</th>
<th sort-field="success">Passes</th>
<th sort-field="failure">Failures</th>
<th sort-default='reversed' sort-field="failureAverage">
% Failures
</th>
<th sort-field="run_time">Avg. Runtime (secs.)</th>
</tr>
</thead>
<tbody>
<tr table-ref="table"
class="text-right"
ng-repeat="test in table.dataSorted | regex:'test_id':testsDetail.searchTest"
ng-class="test.failureAverage | ctxcls">
<td class="text-left">
<a ui-sref="test({ testId: test.test_id })"> {{test.test_id}}</a>
</td>
<td>{{ test.success | number }}</td>
<td>{{ test.failure | number }}</td>
<td>{{ test.failureAverage * 100 | number: 2 }}%</td>
<td>{{ test.run_time | number: 2 }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>