{{#if jobs.isLoaded}}
  {{#if jobs.length}}
    {{#each jobs as |job| }}
      <div class="tile tile--sidebar {{job.state}}">
        {{#if job.repo.slug}}
          <span class="icon icon--job {{job.state}}"></span>
          {{#link-to "job" job.repo job}}{{job.repo.slug}}{{/link-to}}
        {{/if}}

        <p class="tile-title float-right">
          <span class="icon icon--hash"></span>
          {{#if job.repo.slug}}
            {{#link-to "job" job.repo job}}{{job.number}}{{/link-to}}
          {{/if}}
        </p>

        <p>
          <span class="icon icon--clock"></span>
          Duration:
          <abbr class="duration" title={{job.startedAt}}>
            {{format-duration job.duration}}
          </abbr>
        </p>

      </div>
    {{/each}}
  {{else}}
    <div class="loading-container">There are no jobs running</div>
  {{/if}}
{{else}}
  {{loading-indicator center="true"}}
{{/if}}
