#5211 "Lists load as you scroll: audit, alert history, Ansible runs" (milestone 477), per preference 172. - core/paging.py: keyset paging over (time, id), newest first, with an opaque "<iso>|<id>" cursor; a page reads one row past itself to know whether another follows. No OFFSET, so rows added while someone scrolls never shift the pages after them. - _macros.html scroll_more / scroll_end and static/scroll-more.js, written once: an IntersectionObserver with a 600px margin fetches the next page before the reader reaches the end; "Loading more…" while in flight, "End of the list." at the end, and a failed page says so with a Retry button instead of re-firing on every scroll. - Audit log: no "Load more" link and no 500-row cap. - Alert history: no 200-row stop with "pick a shorter range"; alert_svc.history takes the cursor, so the MCP tool and the page share one query. - Ansible runs: no silent cap of 50. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
22 lines
1.0 KiB
HTML
22 lines
1.0 KiB
HTML
{# ansible/_runs_page.html — one page of runs, then the sentinel that loads the
|
|
next page as the reader nears it (core.paging, pref 172). #}
|
|
{% from "_macros.html" import status_badge, scroll_more, scroll_end %}
|
|
{% for row in runs %}
|
|
{% set run = row.run %}
|
|
<tr>
|
|
<td>
|
|
<a href="/ansible/runs/{{ run.id }}" title="{{ run.inventory_scope }}">{{ row.title }}</a>
|
|
{% if row.check %}<span class="badge badge-dim" title="Ansible check mode: nothing was changed">dry run</span>{% endif %}
|
|
<div class="field-hint">{{ run.source_name }}</div>
|
|
</td>
|
|
<td>{{ status_badge(run.status) }}</td>
|
|
<td title="{{ run.started_at.strftime('%Y-%m-%d %H:%M:%S UTC') }}">{{ run.started_at|ago }}</td>
|
|
<td>{{ row.duration_s|duration }}{% if not run.finished_at and run.status.value in ('running', 'queued') %} so far{% endif %}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% if after %}
|
|
{{ scroll_more("/ansible/?before=" ~ (after|urlencode), cols=4) }}
|
|
{% else %}
|
|
{{ scroll_end(cols=4) }}
|
|
{% endif %}
|