treeherder/ui/failureviewer.html

75 строки
2.9 KiB
HTML

<!DOCTYPE html>
<html ng-controller="FailureViewerCtrl" ng-init="init()" ng-app="failureviewer" ng-strict-di>
<head>
<meta charset="utf-8">
<title>Failure Viewer</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link id="favicon" type="image/png" rel="shortcut icon" href="img/tree_open.png">
</head>
<body>
<!-- Failureviewer navbar -->
<nav class="navbar navbar-light bg-light" role="navigation">
<div class="container-fluid">
<ul class="nav navbar-row">
<!-- Logo menu button -->
<li>
<span class="dropdown">
<button id="fv-logo" title="Treeherder services" role="button"
data-toggle="dropdown"
class="dropdown-toggle">Failure Viewer
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="fv-logo">
<li><a class="dropdown-item" href="/">Treeherder</a></li>
<li><a class="dropdown-item" href="perf.html">Perfherder</a></li>
</ul>
</span>
</li>
<li class="navbar-text">Classified Failure Error Lines</li>
<li class="navbar-text"
ng-if="classification.bug_number">
<a href="{{ getBugUrl(classification.bug_number) }}">Bug {{ ::classification.bug_number }}</a>
</li>
<li class="navbar-text"
ng-if="!classification.bug_number">[No Associated Bug]</li>
</ul>
</div>
</nav>
<!-- Failure lines table -->
<div class="failure-line-list"
ng-if="!isLoading">
<table class="table table-sm" >
<tr ng-repeat="line in cfList">
<td>
<div ng-if="line.test"><label>Test:</label> {{line.test}}</div>
<div ng-if="line.subtest"><label>Subtest:</label> {{line.subtest}}</div>
<div ><label>Status:</label> Expected: <strong>{{line.expected}}</strong> Actual: <strong>{{line.status}}</strong></div>
<div ng-if="line.message"
ng-init="messageExpanded=false"
class="failure-line-message">
<span class="failure-line-message-toggle fa fa-fw fa-lg"
ng-class="{'fa-caret-down': messageExpanded, 'fa-caret-right': !messageExpanded}"
ng-click="messageExpanded = !messageExpanded"></span>
<span ng-if="!messageExpanded"
class="failure-line-message-collapsed">{{ line.message }}</span>
<span ng-if="messageExpanded"
class="failure-line-message-expanded">{{ line.message }}</span>
</div>
</td>
</tr>
</table>
</div>
<div ng-if="isLoading">
<div class="failure-line-loading">Loading...
<span class="fa fa-spinner fa-pulse"></span>
</div>
</div>
<th-notification-box></th-notification-box>
</body>
</html>