Simone/local-ci-cd-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): keep the four info cards, enrich them, drop the status-header tiles

Browse Source 
The dashboard used to open with six status-header tiles *and* four compact
cards restating them (runner state lived in three places at once). The tiles
are gone; each card is now the single owner of its subject, enriched with
what only the tiles had (CPU%/RAM/disk with gauges) plus what neither had
(hostname, kernel, full CPU model, the vmware-host.service row).

All four cards share the same <dl> grammar and font scale now -- VMware and
Runners were a bordered <table> at a different size/case, which read as a
visibly different style sitting next to Host and Cargo cache's plain
label/value lists.

operations/host.py also gains delete_template()/TemplateDeleteResult, used
by the template-delete route in the next commit.
This commit is contained in:
Simone
2026-07-25 19:33:19 +02:00
parent 61c4972a88
commit c598d0658e
11 changed files with 721 additions and 459 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/ci_orchestrator/web/templates/partials/runners.html
+18 -26
View File
@@ -1,33 +1,25 @@
{#
Runners card. Same <dl> grammar as Host/VMware/Cargo cache -- see the note
in vmware.html. Unit name is the <dt>, the status badge plus its sub-state
share one <dd>.
#}
<div class="contents" id="runners-partial" hx-get="/runners" hx-trigger="every 5s, ci:refresh from:body" hx-swap="outerHTML">
<section class="card" id="runner-card">
<h2><svg class="icon" aria-hidden="true"><use href="#i-gear"></use></svg>Runners</h2>
{% if runners %}
<div class="table-wrap">
<table>
<thead>
<tr>
<th>Service</th>
<th>Status</th>
<th>Sub-state</th>
</tr>
</thead>
<tbody>
{% for runner in runners %}
<tr class="{{ 'row-alert' if not runner.active else '' }}">
<td>{{ runner.name }}</td>
<td>
{% if runner.active %}
<span class="badge badge-success"><svg class="icon" aria-hidden="true"><use href="#i-check"></use></svg>active</span>
{% else %}
<span class="badge badge-danger"><svg class="icon" aria-hidden="true"><use href="#i-alert"></use></svg>down</span>
{% endif %}
</td>
<td>{{ runner.sub_state }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<dl>
{% for runner in runners %}
<dt>{{ runner.name }}</dt>
<dd>
{% if runner.active %}
<span class="badge badge-success"><svg class="icon" aria-hidden="true"><use href="#i-check"></use></svg>active</span>
{% else %}
<span class="badge badge-danger"><svg class="icon" aria-hidden="true"><use href="#i-alert"></use></svg>down</span>
{% endif %}
<span class="text-dim">{{ runner.sub_state }}</span>
</dd>
{% endfor %}
</dl>
{% else %}
<p class="notice notice-warn" role="alert">Runner status unavailable.</p>
{% endif %}