Redo the build log view as per discussions

This commit is contained in:
Joseph Schorr 2014-02-12 21:16:11 -05:00
parent 5511c9c4cf
commit 46991e47a6
10 changed files with 252 additions and 185 deletions

View file

@ -8,11 +8,11 @@
</h3>
</div>
<div class="row" ng-show="!repo.is_building">
There are no active builds for this repository
<div class="row" ng-show="!builds.length">
There are no builds for this repository
</div>
<div class="row" ng-show="repo.is_building">
<div class="row" ng-show="builds.length">
<!-- Side tabs -->
<div class="col-sm-2">
<ul class="nav nav-pills nav-stacked">
@ -35,31 +35,36 @@
Started: <span am-time-ago="build.started || 0"></span>
</div>
<span class="phase-icon" ng-class="build.phase"></span>
<span class="build-message" build="build"></span>
<span class="build-message" phase="build.phase"></span>
<div class="build-progress" build="build"></div>
</div>
<div class="build-logs">
<div ng-show="!commands">
<div ng-show="!logEntries">
<span class="quay-spinner"></span>
</div>
<div class="command" ng-repeat="command in commands">
<div class="command-entry" ng-click="toggleCommand(command)">
<i class="fa chevron" ng-class="command.expanded ? 'fa-chevron-down' : 'fa-chevron-right'"></i>
<span bindonce>
<span class="label" bo-class="getCommandKind(command.message)" bo-show="getCommandKind(command.message)"
bo-text="getCommandKind(command.message)">
</span>
<span class="command-title" bo-html="getCommandTitleHtml(command.message)"></span>
</span>
</div>
<div class="command-logs panel-collapse collapse" ng-class="command.expanded ? 'in' : 'out'">
<div class="log-entry" bindonce ng-repeat="log in command.logs">
<span class="id" bo-text="$index + command.index + 1"></span>
<span class="message" bo-text="log.message"></span>
<div class="log-container" ng-class="container.type" ng-repeat="container in logEntries">
<div class="container-header" ng-class="container.type == 'phase' ? container.message : ''"
ng-switch on="container.type" ng-click="toggleLogs(container)">
<i class="fa chevron"
ng-class="container.logs ? 'fa-chevron-down' : 'fa-chevron-right'" ng-show="hasLogs(container)"></i>
<div ng-switch-when="phase">
<span class="container-content build-log-phase" phase="container"></span>
</div>
<div ng-show="!command.logs">
<span class="quay-spinner"></span>
<div ng-switch-when="error">
<span class="container-content build-log-error" error="container"></span>
</div>
<div ng-switch-when="command">
<span class="container-content build-log-command" command="container"></span>
</div>
</div>
<!-- Display the entries for the container -->
<div class="container-logs" ng-show="container.logs">
<div class="log-entry" bindonce ng-repeat="entry in container.logs">
<span class="id" bo-text="$index + container.index + 1"></span>
<span class="message" bo-text="entry.message"></span>
</div>
</div>
</div>