Ajout section NAS (disques, docker, port VPN) via nas_monitor /api/status

This commit is contained in:
jerem
2026-06-15 14:58:56 +02:00
parent 8dad6454f5
commit ca8f725b3a
5 changed files with 124 additions and 2 deletions

View File

@@ -68,6 +68,10 @@
.gauge .sub { font-size: 30px; color: var(--muted); margin-top: 10px; }
.err { font-size: 40px; font-weight: 700; padding: 24px; border: 4px dashed var(--ink); }
/* Liste NAS (valeurs larges -> une colonne pleine largeur) */
.nas-list { display: flex; flex-direction: column; gap: 16px; }
.nas-list .bad { font-weight: 800; }
/* Grille Home Assistant */
.ha-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 44px; }
.ha-item { display: flex; justify-content: space-between; align-items: baseline;
@@ -138,6 +142,19 @@
{% endif %}
</div>
{% if nas.ok %}
<div class="section">
<div class="title">NAS</div>
<div class="nas-list">
{% for d in nas.disks %}
<div class="ha-item"><span class="k">{{ d.label }}</span><span class="v">{{ d.percent | round | int }}% · {{ d.free_human }} libre</span></div>
{% endfor %}
<div class="ha-item"><span class="k">Docker</span><span class="v">{{ nas.docker_running }}/{{ nas.docker_total }}{% if nas.docker_unhealthy %} · <span class="bad">{{ nas.docker_unhealthy }} KO</span>{% else %} ✓{% endif %}</span></div>
<div class="ha-item"><span class="k">Port VPN</span><span class="v">{% if nas.vpn_ok %}OK{% if nas.vpn_port %} · {{ nas.vpn_port }}{% endif %}{% else %}<span class="bad">✗ désync</span>{% endif %}</span></div>
</div>
</div>
{% endif %}
{% if ha_states %}
<div class="section">
<div class="title">Maison</div>