{% extends "base.html" %}
{% import "_icons.html" as icon %}
{% block title %}Jobs · kopi{% endblock %}
{% block content %}
<div class="page-head"><h1>Jobs</h1></div>
<div data-region{% if refresh %} data-live="3000"{% endif %}>
{% if jobs %}
<div class="list">
  {% for job in jobs %}
  <a class="row-item" href="{{ url_for('console.job_page', job_id=job.id) }}">
    <span class="dot dot-{{ job.status }}"></span>
    <span class="name">{{ job.app }} {{ job.command }}</span>
    <span class="supporting">{{ job.last_line }}</span>
    <span class="meta">{{ job.started_at }} · {{ job.elapsed }}</span>
    {{ icon.arrow() }}
  </a>
  {% endfor %}
</div>
{% else %}
<div class="empty">
  <h2>Nothing has run yet</h2>
  <p class="supporting">Anything you start appears here with a live log.</p>
</div>
{% endif %}
</div>
{% endblock %}