bvandeusenandClaude Opus 5.5
fb20415a38
#5290 "Host page: the health tiles span the card's width; even spacing above Ansible": the four tiles take equal quarters (halves on a phone) and their sparklines stretch across them; the Monitors + Agent row drops the Agent card's own margin, so the gap above Ansible is 1rem like every other. #5291 "Add host opens as a dialog over the Hosts list": a native <dialog> on /hosts/, opened by Add host or /hosts/?add=1. A name clash re-renders the list with it open, the error and what was typed. GET /hosts/new is gone; hosts/form.html is Edit only. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
34 lines
2.1 KiB
HTML
34 lines
2.1 KiB
HTML
{# Host health header — live polled into the host hub: live or stale, the worst
|
|
reading against Settings → Thresholds, last seen, then CPU / memory / disk /
|
|
load tiles graded by the same cutoffs. Renders nothing until the agent
|
|
reports (the Agent panel below then shows provisioning). #}
|
|
{% from "_macros.html" import status_badge, stat_tile %}
|
|
{% macro pct(v) %}{{ '%.0f%%'|format(v) if v is not none else '—' }}{% endmacro %}
|
|
{% if reporting %}
|
|
<section class="card host-health" aria-label="Host health">
|
|
<div class="host-health-head">
|
|
{{ status_badge('stale' if stale else 'up', 'Stale' if stale else 'Live') }}
|
|
<span class="host-health-summary">
|
|
{%- if stale %}No report since {{ reg.last_seen_at|ago }}; the readings below are from then.
|
|
{%- elif worst %}<span class="tone-{{ worst[2] }}">{{ worst[0] }} {{ pct(worst[1]) }}</span> is past its {{ "critical" if worst[2] == "crit" else "warning" }} threshold.
|
|
{%- else %}Every reading is within its thresholds.{% endif -%}
|
|
</span>
|
|
<span class="problem-detail">
|
|
{%- if not stale %}seen {{ reg.last_seen_at|ago }}{% endif %}
|
|
{%- if reg.agent_version %}{{ " · " if not stale }}agent v{{ reg.agent_version }}{% endif -%}
|
|
</span>
|
|
</div>
|
|
<div class="stat-strip host-health-tiles" style="margin-bottom:0;">
|
|
{{ stat_tile("CPU", pct(cpu), state=status_class(cpu, 'cpu'), hint=sparks.cpu|safe) }}
|
|
{{ stat_tile("Memory", pct(mem), state=status_class(mem, 'mem'), hint=sparks.mem|safe) }}
|
|
{{ stat_tile("Disk /", pct(disk_root), state=status_class(disk_root, 'disk'), hint=sparks.disk|safe) }}
|
|
{{ stat_tile("Load per core", pct(load_per_core), state=status_class(load_per_core, 'load'), hint=sparks.load|safe) }}
|
|
</div>
|
|
{% if psi.cpu is not none or psi.mem is not none or psi.io is not none %}
|
|
<p class="field-hint" style="margin-top:0.6rem;" title="Pressure stall: the share of the last 10 s that tasks waited for the resource">
|
|
Pressure (10 s): cpu {{ pct(psi.cpu) }} · mem {{ pct(psi.mem) }} · io {{ pct(psi.io) }}
|
|
</p>
|
|
{% endif %}
|
|
</section>
|
|
{% endif %}
|