bvandeusenandClaude Opus 5.5
8eedae365b
View mode splits each saved row into seven, so a widget no longer carries up to 69px of empty space below its content (Overview, SNMP). Edit mode and the saved layout keep 70px rows. The Busiest Containers host column aligns left like its header, its note fits one line, and the Hosts column reads Disk. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
44 lines
2.8 KiB
HTML
44 lines
2.8 KiB
HTML
{# hosts/overview_widget.html — the dashboard Hosts widget (#5251): a verdict,
|
|
then one row per host, worst first, with its resources under one header.
|
|
Load is shown against the host's cores and graded per core. Reachability
|
|
and uptime belong to the Monitors widget, so they aren't repeated here. #}
|
|
{% from "_macros.html" import status_dot %}
|
|
{% if not rows %}
|
|
<div class="w-verdict" style="color:var(--text-muted);">
|
|
No hosts yet.{% if session.user_id %} <a href="/hosts/new">Add one →</a>{% endif %}
|
|
</div>
|
|
{% else %}
|
|
{% set problems = rows | selectattr("state", "in", ["down", "crit", "stale", "warn"]) | list %}
|
|
<div class="w-verdict {{ 'tone-crit' if problems and problems[0].state in ['down', 'crit'] else ('tone-warn' if problems else 'tone-ok') }}">
|
|
{%- if not problems %}All {{ rows|length }} host{{ 's' if rows|length != 1 }} healthy.
|
|
{%- elif problems|length == 1 %}{% set p = problems[0] %}{{ p.host.name }}:
|
|
{% if p.state == 'down' %}a monitor is down.{% elif p.state == 'stale' %}its agent stopped reporting.{% else %}{{ p.worst[0] }} high.{% endif %}
|
|
{%- else %}{{ problems|length }} of {{ rows|length }} hosts need a look.{% endif -%}
|
|
</div>
|
|
<table class="w-table">
|
|
<colgroup><col><col style="width:3.6rem"><col style="width:3.6rem"><col style="width:3.6rem"><col style="width:6.5rem"></colgroup>
|
|
<thead><tr><th>Host</th><th>CPU</th><th>Mem</th><th title="Root filesystem">Disk</th><th>Load</th></tr></thead>
|
|
<tbody>
|
|
{% for r in rows %}
|
|
{% set a = r.agent %}{% set fresh = a.get('fresh') %}
|
|
<tr>
|
|
<td class="w-name" title="{{ r.host.name }}">
|
|
{{- status_dot(r.state) -}}
|
|
{% if session.user_id %}<a href="/hosts/{{ r.host.id }}">{{ r.host.name }}</a>{% else %}{{ r.host.name }}{% endif %}
|
|
{%- if r.state == 'down' %}<span class="w-sub tone-crit">a monitor is down</span>
|
|
{%- elif r.state == 'stale' %}<span class="w-sub tone-warn">agent last reported {{ a.last_at|ago }}; figures are from then</span>
|
|
{%- elif not a %}<span class="w-sub">no agent</span>{% endif %}
|
|
</td>
|
|
{% for v, kind in ((a.get('cpu_pct'), 'cpu'), (a.get('mem_used_pct'), 'mem'), (a.get('disk_root'), 'disk')) %}
|
|
<td style="{{ threshold_style(v, kind) if fresh and v is not none }}">{% if v is none %}—{% else %}{{ "%.0f"|format(v) }}%{% endif %}</td>
|
|
{% endfor %}
|
|
<td style="{{ threshold_style(a.get('load_per_core'), 'load') if fresh and a.get('load_per_core') is not none }}"
|
|
title="{% if a.get('cores') %}Load over 1 minute on {{ a.cores }} cores: {{ a.load_per_core }}% of them busy or waiting{% endif %}">
|
|
{%- if a.get('load_1m') is none %}—{% elif a.get('cores') %}{{ "%.1f"|format(a.load_1m) }} / {{ a.cores }} cores{% else %}{{ "%.1f"|format(a.load_1m) }}{% endif -%}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
{% endif %}
|