<div class="row" ng-controller="Developer.JenkinsJobController">
  <script type="text/ng-template" id="jenkinsBuildIdTemplate.html">
    <div class="ngCellText" title="{{row.entity.fullDisplayName}} {{row.entity.result}}">
      <a href="{{row.entity.$logsLink}}" title="View the build logs">
        <i class="{{row.entity.$iconClass}}"></i>&nbsp;&nbsp;{{row.entity.displayName}}
      </a>
    </div>
  </script>
  <script type="text/ng-template" id="jenkinsBuildButtonsTemplate.html">
    <div class="ngCellText">
      <a class="btn btn-default" href="{{row.entity.$pipelineLink}}" ng-show="row.entity.$pipelineLink" target="View the pipeline for this build">
        <i class="fa fa-tasks"></i> Pipeline
      </a>
      &nbsp;&nbsp;
      <a class="btn btn-default" href="{{row.entity.$logsLink}}" ng-show="row.entity.$logsLink" title="View the build logs">
        <i class="fa fa-tasks"></i> Logs
      </a>
    </div>
  </script>
  <script type="text/ng-template" id="jenkinsBuildTimestampTemplate.html">
    <div class="ngCellText" title="Build started at: {{row.entity.$timestamp}}">
      {{row.entity.$timestamp.relative()}}
    </div>
  </script>
  <script type="text/ng-template" id="jenkinsBuildDurationTemplate.html">
    <div class="ngCellText" title="Build took {{row.entity.$duration}} milliseconds">
      {{row.entity.$duration.duration()}}
    </div>
  </script>


  <div class="row">
    <div hawtio-breadcrumbs></div>
  </div>

  <div class="row">
    <div hawtio-tabs></div>
  </div>

  <div class="row filter-header">
    <div class="col-md-12">
      <span>
        <hawtio-filter ng-show="job.builds.length"
                       ng-model="tableConfig.filterOptions.filterText"
                       css-class="input-xxlarge"
                       placeholder="Filter builds..."></hawtio-filter>
      </span>
      <button ng-show="fetched"
              title="Delete this build history"
              class="btn btn-danger pull-right"
              ng-disabled="tableConfig.selectedItems.length == 0"
              ng-click="deletePrompt(tableConfig.selectedItems)">
        <i class="fa fa-remove"></i> Delete
      </button>

      <a class="btn btn-primary pull-right" ng-click="triggerBuild()"
         title="Trigger this build">
        <i class="fa fa-play-circle-o"></i>  Trigger</a>
      </a>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div ng-hide="model.fetched">
        <div class="align-center">
          <i class="fa fa-spinner fa-spin"></i>
        </div>
      </div>
      <div ng-show="model.fetched">
        <div ng-hide="job.builds.length" class="align-center">
          <p class="alert alert-info">There are no builds in this job.</p>
        </div>
        <div ng-show="job.builds.length">
          <table class="table table-bordered table-striped" hawtio-simple-table="tableConfig"></table>
        </div>
      </div>
    </div>
  </div>
</div>