-<!--
- The documentation says <table class="table table-striped table-hover table-responsive">
- but we have to use a div class instead to get the table width enough
--->
-<div class="table-responsive">
- <table class="table table-striped table-hover">
- <thead>
- <tr>
- <th></th>
- <th scope="col" >{{ _("Build job") }}</th>
- <th scope="col" >{{ _("Builder") }}</th>
- <th scope="col" >{{ _("Runtime") }}</th>
- </tr>
- </thead>
+{% for job in jobs %}
+ <div class="callout {% if job.has_failed() %}alert{% end %}">
+ <div class="grid-x grid-padding-x align-middle">
+ <div class="cell medium-5">
+ <h5>
+ <a href="/job/{{ job.uuid }}">
+ {{ job }}
+ </a>
+ </h5>
+ </div>
- <tbody>
- {% for job in jobs %}
- {% if job.state in ("running",) %}
- <tr class="table-primary">
- {% elif job.state in ("dispatching", "uploading") %}
- <tr class="table-info">
- {% elif job.state in ("aborted", "failed") %}
- <tr class="table-danger">
- {% else %}
- <tr>
- {% end %}
+ <div class="cell medium-7">
+ <div class="menu vertical align-right">
+ {% if job.is_active() %}
+ <li class="menu-text">
+ {{ format_time(job.duration, shorter=True) }}
+ </li>
+ {% elif job.has_finished() %}
+ <li class="menu-text">
+ {{ _("Finished %s") % \
+ locale.format_date(job.time_finished, shorter=True) }}
+ </li>
+ {% end %}
- <td>
- {% module JobState(job, show_icon=True) %}
- </td>
+ {% if job.build.owner %}
+ <li>
+ {{ _("by %s") % job.build.owner }}
+ </li>
+ {% end %}
- <td>
- <a href="/build/{{ job.build.uuid }}">
- {{ job.build.name }}</a>.<a href="/job/{{ job.uuid }}">{{ job.arch }}</a>
-
- {% if job.build.type == "scratch" %}
- <span class="label label-inverse pull-right" rel="tooltip" data-placement="top" title="{{ _("Scratch build") }}">S</span>
- {% elif job.test %}
- <span class="label label-inverse pull-right" rel="tooltip" data-placement="top" title="{{ _("Test build") }}">T</span>
- {% end %}
- </td>
-
- <td>
- {% if job.builder %}
- <a href="/builders/{{ job.builder.name }}">
- {{ job.builder.name }}
+ {% if job.builder %}
+ <li>
+ <a href="/builders/{{ job.builder.hostname }}">
+ {{ _("on %s") % job.builder }}
</a>
- {% else %}
- {{ _("N/A") }}
- {% end %}
- </td>
-
- <td>
- {{ format_time(job.duration, shorter=True) }}
- </td>
- </tr>
- {% end %}
- </tbody>
- </table>
-</div>
+ </li>
+ {% end %}
+ </div>
+ </div>
+ </div>
+ </div>
+{% end %}