bvandeusenandClaude Opus 5.5
477b05b9d0
#5094 "Status and layout macros, and form classes". - formatting.STATES: one state -> (tone, label) map for up, down, stale, firing, pending, acknowledged, no_data, ok, warn, crit, resolved and inactive; status_info() reads it (an unmapped state is drawn dim under its own name). required() lets a macro refuse a missing argument. - _macros.html: status_badge and status_dot (a dot always carries its label, sr-only unless shown), stat_tile, empty_state, page_header (actions via a call block) and icon_button, which raises without a label. - steward.css: tone classes (badge-/dot-/stat- ok, warn, crit, info, dim), .sr-only, .page-header, .stat-tile, .empty-state, .btn-icon and the form classes .field, .field-label, .field-hint and .input. Info text is a 40% mix (--blue): the house --fs-info-fg falls to 4.18:1 on its tint over a hovered row, 40% holds 5.09:1. - First users: the Alerts list, history and maintenance pages (headers, state badges, empty states) and the alert forms' hints; the inline inp/lbl style sets on the monitor and host forms become .input / .field-label. - tests/core/test_macros.py renders each macro through the app environment. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
64 lines
2.6 KiB
HTML
64 lines
2.6 KiB
HTML
{% extends "base.html" %}
|
|
{% from "_macros.html" import crumbs, page_header, status_badge, empty_state %}
|
|
{% block title %}Maintenance Windows — Steward{% endblock %}
|
|
{% block breadcrumb %}{{ crumbs([("Alerts", "/alerts/"), ("Maintenance", "")]) }}{% endblock %}
|
|
{% block content %}
|
|
{% call page_header("Maintenance windows", "During an active window, alerts in its scope still change state and show on the Alerts page, but send no notifications and run no Ansible actions. Each event a window mutes says so in the alert's history. An alert that is still firing when the window ends notifies then, and runs its action.") %}
|
|
<a class="btn" href="/alerts/maintenance/new">New window</a>
|
|
{% endcall %}
|
|
|
|
{% if windows %}
|
|
<div class="card-flush">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Scope</th>
|
|
<th>Start</th>
|
|
<th>End</th>
|
|
<th style="text-align:center;">Status</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for w in windows %}
|
|
{% set is_active = w.start_at <= now and w.end_at >= now %}
|
|
{% set is_upcoming = w.start_at > now %}
|
|
<tr>
|
|
<td style="font-weight:500;">{{ w.name }}</td>
|
|
<td style="font-size:0.85rem;color:var(--text-muted);">
|
|
{% if w.scope_source is none %}
|
|
<span title="All alert rules">All alerts</span>
|
|
{% elif w.scope_resource is none %}
|
|
<span>{{ w.scope_source }}/*</span>
|
|
{% else %}
|
|
<span>{{ w.scope_source }}/{{ w.scope_resource }}</span>
|
|
{% endif %}
|
|
</td>
|
|
<td style="font-size:0.85rem;font-family:ui-monospace,monospace;">
|
|
{{ w.start_at.strftime("%Y-%m-%d %H:%M") }} UTC
|
|
</td>
|
|
<td style="font-size:0.85rem;font-family:ui-monospace,monospace;">
|
|
{{ w.end_at.strftime("%Y-%m-%d %H:%M") }} UTC
|
|
</td>
|
|
<td style="text-align:center;">
|
|
{% if is_active %}{{ status_badge('warn', 'Active') }}
|
|
{% elif is_upcoming %}{{ status_badge('pending', 'Upcoming') }}
|
|
{% else %}{{ status_badge('inactive', 'Expired') }}{% endif %}
|
|
</td>
|
|
<td class="td-actions">
|
|
<form method="post" action="/alerts/maintenance/{{ w.id }}/delete" style="display:inline;">{{ csrf_field() }}
|
|
<button type="submit" class="btn btn-sm btn-danger"
|
|
data-confirm="Delete window "{{ w.name }}"?">Delete</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% else %}
|
|
<div class="card">{{ empty_state("No maintenance windows yet.", "New window", "/alerts/maintenance/new") }}</div>
|
|
{% endif %}
|
|
{% endblock %}
|