{% extends "layout.html" %}
{% block content %}
<h1>Overview</h1>
<div class="cards">
{% for card in cards %}<Card label={{ card.label }} number={{ card.number }} state={{ card.state }} href={{ card.href }} failed={{ card.failed }} />{% endfor %}
</div>
<Section title="Queues" />
{% if queue_rows %}
<div class="tw"><table><tr><th>Queue</th><th>Ready</th><th>Latency</th><th></th></tr>
{% for q in queue_rows %}
<tr><td><a href="{{ jobs_href("ready", q.name) }}">{{ q.name }}</a>{% if q.paused %} <span class="pill warn">{{ icons.pause }}paused</span>{% endif %}</td>
<td><div class="barcell"><Bar pct={{ q.bar_pct }} /><span class="secondary tnum val">{{ q.size | num }}</span></div></td>
<td><Latency cls={{ q.latency_tag.cls }} text={{ q.latency_tag.text }} /></td>
<td class="right"><form class="inline" method="post" action="/queue/{{ q.name | urlquote }}/{{ "resume" if q.paused else "pause" }}"><button>{{ icons.play if q.paused else icons.pause }}{{ "Resume" if q.paused else "Pause" }}</button></form></td></tr>
{% endfor %}
</table></div>
{% else %}
<Empty text="No queues with ready jobs." />
{% endif %}
<Section title="Processes" />
{% if processes %}
<div class="tw"><table><tr><th>Process</th><th>Host</th><th>Heartbeat</th></tr>
{% for p in processes %}
<tr><td>{{ p.kind | string | capitalize }} <span class="secondary">{{ p.name }}</span></td>
<td class="mono secondary">{{ p.hostname }} · {{ p.pid }}</td>
<td><span class="hb"><span class="pulse{{ "" if p.alive else " off" }}"></span>{{ p.last_heartbeat_at | reltime }}{% if not p.alive %}<span class="pill">stale</span>{% endif %}</span></td></tr>
{% endfor %}
</table></div>
{% else %}
<Empty text="No running processes registered." />
{% endif %}
{% if recurring %}
<Section title="Recurring" />
<div class="tw"><table><tr><th>Key</th><th>Schedule</th><th>Target</th><th>Queue</th></tr>
{% for r in recurring %}
<tr><td>{{ r.key }}</td><td><ScheduleBadge expr={{ r.schedule }} desc={{ r.schedule_desc }} /></td><td class="mono">{{ r.class_name or r.command }}</td><td><span class="pill">{{ r.queue_name }}</span></td></tr>
{% endfor %}
</table></div>
{% endif %}
{% endblock %}