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

71 lines
3.5 KiB
HTML

<header class="bs-header">
<div class="container">
<h1 class="page-header">Tests Detail</h1>
<crumb-menu></crumb-menu>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-lg-12">
<loading-indicator></loading-indicator>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<accordion close-others="false">
<div class="panel panel-body panel-default">
<accordion-group heading="Details for {{ testsDetail.key }}" is-open="true">
<div>
<form>
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-search"></i></div>
<input type="text" class="form-control"
placeholder="Search for test"
ng-model="testsDetail.searchTest"
ng-model-options="{debounce: 250}"
ng-change="testsDetail.onSearchChange()">
</div>
</div>
</form>
<table table-sort data="testsDetail.chartData[testsDetail.key][0]['tests']" class="table">
<thead>
<tr>
<th sort-field="test_id" class="text-left">
Test ID
</th>
<th sort-field="success" class="text-right" style="min-width:80px">
Passed
</th>
<th sort-field="failure" class="text-right" style="min-width:80px">
Failed
</th>
<th sort-default='reversed' sort-field="failureAverage" class="text-right" style="min-width:95px">
Failure %
</th>
<th sort-field="run_time" class="text-right" style="min-width:80px">
Avg. Runtime (secs.)
</th>
</tr>
</thead>
<tbody>
<tr table-ref="table" ng-repeat="test in table.dataSorted | filter:testsDetail.searchTest">
<td class="text-left">
<a ui-sref="test({ testId: test.test_id })"> {{test.test_id | limitTo: 110}}</a>
</td>
<td class="text-right">{{ test.success | number }}</td>
<td class="text-right">{{ test.failure | number }}</td>
<td class="text-right">{{ test.failureAverage * 100 | number: 2 }}%</td>
<td class="text-right">{{ test.run_time | number: 2 }}</td>
</tr>
</tbody>
</table>
</div>
</accordion-group>
</div>
</accordion>
</div>
</div>
</div>