<div class="build-logs-view-element" ng-class="useTimestamps ? 'with-timestamps' : ''">
  <span ng-show="logEntries">
    <button id="copyButton" class="btn btn-primary copy-button" data-clipboard-text="{{ buildLogsText }}">
      <i class="fa fa-clipboard"></i>Copy Logs
    </button>
  </span>

  <a id="downloadButton" class="btn btn-primary download-button"
     ng-href="/buildlogs/{{ currentBuild.id }}"
     target="_blank"
     ng-if="logEntries">
    <i class="fa fa-download"></i>Download Logs
  </a>

  <span class="cor-loader" ng-if="!logEntries && !loadError"></span>

  <div class="co-alert co-alert-warning" ng-if="loadError == 'blocked'">
    Loading of build logs failed, most likely due to an ad blocker. Please
    disable filtering and refresh this page.
  </div>

  <div class="co-alert co-alert-danger" ng-if="loadError == 'request-failed'">
    Failed to log builds logs. Please reload and try again.
  </div>

  <span class="no-logs" ng-if="!logEntries.length && currentBuild.phase == 'waiting'">
    (Waiting for build to start)
  </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="container.logs.toggle()">
      <i class="fa chevron"
         ng-class="container.logs.isVisible ? '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" entries="logEntries"></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.isVisible">
      <div class="log-entry" bindonce ng-repeat="entry in container.logs.visibleEntries">
        <span class="id" bo-text="$index + container.index + 1" ng-if="!useTimestamps"></span>
        <span class="id" bo-text="formatDatetime(entry.data.datetime)" ng-if="useTimestamps"></span>
        <span class="message" bo-html="processANSI(entry.message, container)"></span>
        <span class="timestamp" bo-text="formatDatetime(entry.data.datetime)" ng-if="!useTimestamps"></span>
      </div>
    </div>
  </div>
</div>