bvandeusenandClaude Opus 5.5
7275fad767
#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>
54 lines
2.8 KiB
HTML
54 lines
2.8 KiB
HTML
{# alerts/_history_page.html — one page of alert transitions, 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 ev in events %}
|
|
<tr>
|
|
<td style="font-family:ui-monospace,monospace;font-size:0.82rem;white-space:nowrap;">
|
|
{{ ev.at.strftime("%Y-%m-%d %H:%M:%S") }}
|
|
</td>
|
|
<td>
|
|
<a href="/alerts/history?rule={{ ev.rule.id }}&range={{ current_range }}">{{ ev.rule.name }}</a>
|
|
<div style="font-size:0.78rem;color:var(--text-dim);">{{ ev.rule.source_module }}/{{ ev.rule.resource_name }}</div>
|
|
</td>
|
|
<td style="white-space:nowrap;">
|
|
{{ status_badge(ev.from_state) }}
|
|
<span style="color:var(--text-dim);">→</span>
|
|
{{ status_badge(ev.to_state) }}
|
|
{% for n in ev.notes %}
|
|
<div style="font-size:0.78rem;color:var(--text-muted);margin-top:0.25rem;white-space:normal;">{{ n }}</div>
|
|
{% endfor %}
|
|
</td>
|
|
<td style="font-family:ui-monospace,monospace;font-size:0.85rem;white-space:nowrap;">
|
|
{{ ev.rule.metric_name }} = {{ ev.value }}
|
|
<div style="font-size:0.75rem;color:var(--text-dim);">rule: {{ ev.condition }}</div>
|
|
</td>
|
|
<td style="font-size:0.82rem;">
|
|
{% if ev.muted_by %}
|
|
<span class="badge badge-yellow" title="A maintenance window muted this notification">muted · {{ ev.muted_by }}</span>
|
|
{% if ev.released %}<div style="color:var(--text-muted);margin-top:0.25rem;">notified when the window ended</div>{% endif %}
|
|
{% endif %}
|
|
{% for label, sent, error in ev.deliveries %}
|
|
<div style="margin-top:0.15rem;">
|
|
{% if sent %}
|
|
<span class="badge badge-green">{{ label }} sent</span>
|
|
{% else %}
|
|
<span class="badge badge-red">{{ label }} failed</span>
|
|
{% if error %}<div style="color:var(--text-muted);font-size:0.78rem;margin-top:0.15rem;max-width:28rem;word-break:break-word;">{{ error }}</div>{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
{% if not ev.muted_by and not ev.deliveries %}<span style="color:var(--text-dim);" title="No notification was sent for this change">—</span>{% endif %}
|
|
</td>
|
|
<td style="font-size:0.82rem;">
|
|
{% if ev.ansible_run_id %}
|
|
<a href="/ansible/runs/{{ ev.ansible_run_id }}">Ansible run</a>
|
|
{% else %}<span style="color:var(--text-dim);">—</span>{% endif %}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% if after %}
|
|
{{ scroll_more("/alerts/history?before=" ~ (after|urlencode) ~ "&range=" ~ (current_range|urlencode) ~ (("&rule=" ~ (chosen.id|urlencode)) if chosen else ""), cols=6) }}
|
|
{% else %}
|
|
{{ scroll_end(cols=6) }}
|
|
{% endif %}
|