d84e984fb7
This re-adds the Tempest timeline view as a set of Angular directives. This includes related functionality, such as the Dstat parser and some array utilities. The timeline view consists of a timeline component, which includes the d3 chart, and a separate details component, which shows additional information for tests when selected in the timeline. Change-Id: Ifaaeda91b0617e8cf7a60d30728005f5c8d00546
32 lines
862 B
HTML
32 lines
862 B
HTML
<div class="panel-body" ng-if="!item">
|
|
<i>Hover over a timeline item for details.</i>
|
|
</div>
|
|
|
|
<div class="panel-body" ng-if="!!item">
|
|
<table class="table table-bordered table-hover table-striped">
|
|
<tr>
|
|
<td>Name</td>
|
|
<td>{{item.name | split:'.' | pickRight:1}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Class</td>
|
|
<td>{{item.name | split:'.' | pickRight:2}}</td>
|
|
<tr>
|
|
<td>Module</td>
|
|
<td>{{item.name | split:'.' | slice:0:-2 | join:'.'}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Status</td>
|
|
<td>{{item.status}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Tags</td>
|
|
<td>{{item.tags | join:', '}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Duration</td>
|
|
<td>{{item.duration}} seconds</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|