quay/static/partials/repo-build.html

<div class="resource-view" resource="repository" error-message="'No repository found'"></div>
<div class="container repo repo-build" ng-show="repo && !deleting">
  <div class="header row">
    <a href="{{ '/repository/' + repo.namespace + '/' + repo.name }}" class="back"><i class="fa fa-chevron-left"></i></a>
    <h3>
      <span class="repo-circle no-background" repo="repo"></span>
      <span class="repo-breadcrumb" repo="repo"></span>
    </h3>
  </div>

  <div class="row" ng-show="!repo.is_building">
    There are no active builds for this repository
  </div>
  
  <div class="row" ng-show="repo.is_building">
    <!-- Side tabs -->
    <div class="col-sm-2">
      <ul class="nav nav-pills nav-stacked">
        <li ng-class="currentBuild == build ? 'active' : ''" ng-repeat="build in builds">
          <a class="build-tab-link" href="javascript:void(0)" ng-click="setCurrentBuild(build.id, true)">
            <span class="phase-icon" ng-class="build.phase"></span>
            <span>{{ getShortId(build.id) }}</span>
          </a>
        </li>
      </ul>
    </div>

    <!-- Content -->
    <div class="col-sm-10">      
      <div class="tab-content" onresize="adjustLogHeight()">
        <div ng-repeat="build in builds" class="tab-pane build-pane" ng-class="currentBuild == build ? 'active' : ''">
          <div class="build-header">
            <div class="timing">
              <i class="fa fa-clock-o"></i>
              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>
            <div class="build-progress" build="build"></div>
          </div>

          <div class="build-logs">
            <div ng-show="!commands">
              <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>
                <div ng-show="!command.logs">
                  <span class="quay-spinner"></span>
                </div>
              </div>
            </div>
          </div>
          <div>
            <span class="quay-spinner" ng-show="polling"></span>
            <span class="build-id">{{ build.id }}</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>