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

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

  <span class="no-logs" ng-if="!logEntries.length">(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.datetime)" ng-if="useTimestamps"></span>
        <span class="message" bo-html="processANSI(entry.message, container)"></span>
        <span class="timestamp" bo-text="formatDatetime(entry.datetime)" ng-if="!useTimestamps"></span>
      </div>
    </div>
  </div>
</div>