{% extends "layout.html" %}
{% block content %}
<h1>Channels</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>
{% set trim %}<form class="inline" method="post" action="/channels/trim"{{ confirm("Delete buffered messages older than 1 day?") }}><button>{{ icons.scissors }}Trim &gt; 1 day</button></form>{% endset %}
{% if top %}
<Section title="Busiest channels"><div class="actions"><PageSize current={{ top_per_page }} options={{ top_pagesize }} />{{ trim }}</div></Section>
<div class="barlist">
{% for t in top %}
<div class="row"><span class="name mono" title="{{ t.channel }}">{{ t.channel }}</span><span class="track"><i style="--fill:{{ t.bar_pct }}%"></i></span><span class="count">{{ t.count | num }}</span><span class="last">{{ t.last | reltime }}</span></div>
{% endfor %}
</div>
<Pagination nav={{ top_pagination }} />
{% else %}
<Section title="Busiest channels">{{ trim }}</Section>
<Empty text="No channels." />
{% endif %}
<Section title="Recent messages"><PageSize current={{ per_page }} options={{ msg_pagesize }} /></Section>
{% if messages %}
<div class="feed">
{% for m in messages %}
<div class="row"><span class="pill mono">{{ m.channel }}</span><span class="pl mono" title="{{ m.payload }}">{{ m.payload }}</span><span class="age">{{ m.created_at | reltime }}</span></div>
{% endfor %}
</div>
<Pagination nav={{ msg_pagination }} />
{% else %}
<Empty text="No buffered messages." />
{% endif %}
{% endblock %}