{{#if isLoaded}}
  {{#if controller.length}}
    {{#each job in controller}}
      {{running-jobs-item job=job}}
    {{/each}}
  {{else}}
    <div class="spinner-container">There are no jobs running</div>
  {{/if}}
{{else}}
  <div class="spinner-container">
    <span class="sync-spinner sync-spinner--grey"><i></i><i></i><i></i></span>
  </div>
{{/if}}

{{#if isLoaded}}
  {{#if controller.length}}
    {{#each job in controller}}
      <div {{bind-attr class=":tile :tile--sidebar job.state"}}>
        {{#if job.repo.slug}}
          <span {{bind-attr 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" {{bind-attr title="job.startedAt"}}>
            {{format-duration job.duration}}
          </abbr>
        </p>

      </div>
    {{/each}}
  {{else}}
    <div class="spinner-container">There are no jobs running</div>
  {{/if}}
{{else}}
  <div class="spinner-container">
    <span class="sync-spinner sync-spinner--grey"><i></i><i></i><i></i></span>
  </div>
{{/if}}

Bring back proper HTML for running jobs item
Bring back proper HTML for running jobs item
