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="accessDenied">
  You do not have permission to view this page
</div>
<div class="container repo repo-build" ng-show="repo">
  <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" subsection-icon="'fa-tasks'" subsection="'Build History'"></span>
    </h3>
  </div>

  <div class="row" ng-show="!builds.length">
    There are no builds for this repository
  </div>
  
  <div class="row" ng-show="builds.length">
    <!-- 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>{{ build.display_name }}</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" phase="build.phase"></span>
            <div class="build-progress" build="build"></div>
          </div>

          <div class="build-logs">
            <div ng-show="!logEntries">
              <span class="quay-spinner"></span>
            </div>

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