{% extends 'base.html' %}
{% block title %}Hardware-Monitor · imgsrx{% endblock %}
{% block content %}
<section class="page-top"><h1>Hardware-Monitor</h1><p>CPU, Arbeitsspeicher und Temperaturen des Hosts. Der unabhängige Monitor zeichnet auch dann weiter auf, wenn imgsrx ausfällt.</p></section>
<nav class="filter-tabs" aria-label="Zeitraum">{% for value, name in [(1,'Letzte Stunde'),(6,'Letzte 6 Stunden'),(24,'Letzte 24 Stunden')] %}<a href="/hardware?hours={{ value }}" {% if hours == value %}aria-current="page"{% endif %}>{{ name }}</a>{% endfor %}</nav>
<div id="hardware-status" data-live-url="/hardware?hours={{ hours }}" data-live-active="true">
<section class="panel"><h2>{{ 'Keine aktuellen Messwerte' if monitor.stale else 'Monitor zeichnet auf' }}</h2>
{% if monitor.latest %}<p>Letzte Messung: {{ timestamp(monitor.measured_at) }} · {{ monitor.count }} Messungen im gewählten Zeitraum.</p>{% if monitor.stale %}<p class="notice">Die Messwerte sind veraltet. Der Monitor liefert seit {{ '%.0f'|format(monitor.age) }} Sekunden keine neue Messung.</p>{% endif %}{% else %}<p>Noch keine lesbaren Messwerte vorhanden. Prüfe über SSH den Dienst <code>systemctl --user status imgsrx-host-monitor.service</code>.</p>{% endif %}
<p data-live-status role="status">Die Ansicht aktualisiert sich automatisch; neue Messungen entstehen alle zehn Sekunden.</p>{% for warning in monitor.warnings %}<p class="notice">{{ warning }}</p>{% endfor %}</section>
{% if monitor.latest %}
<div class="hardware-grid">{% for chart in monitor.charts %}<section class="panel hardware-chart"><h2>{{ chart.title }}</h2><strong class="hardware-value">{{ '%.1f'|format(monitor['values'][chart.key]) if monitor['values'][chart.key] is not none else 'Nicht verfügbar' }}{% if monitor['values'][chart.key] is not none %} {{ chart.unit }}{% endif %}</strong>
{% if chart.segments %}<svg viewBox="0 -8 600 118" role="img" aria-label="{{ chart.title }} im gewählten Zeitraum; Skala 0 bis {{ chart.maximum|int }} {{ chart.unit }}"><line x1="0" y1="0" x2="600" y2="0"/><line x1="0" y1="50" x2="600" y2="50"/><line x1="0" y1="100" x2="600" y2="100"/>{% for points in chart.segments %}<polyline points="{{ points }}"/>{% endfor %}</svg><p class="hardware-axis"><span>{{ timestamp(monitor.start) }}</span><span>{{ timestamp(monitor.end) }}</span></p><small>Skala: 0–{{ chart.maximum|int }} {{ chart.unit }}. Messlücken und Neustarts unterbrechen die Linie.</small>{% else %}<p>Kein Verlauf in diesem Zeitraum verfügbar.</p>{% endif %}</section>{% endfor %}</div>
<section class="panel"><h2>Host-Zustand</h2><dl class="hardware-details"><dt>Systemlaufzeit</dt><dd>{{ '%.1f'|format(monitor.latest.get('uptime_seconds',0)/3600) }} Stunden</dd><dt>Systemlast (1 / 5 / 15 Minuten)</dt><dd>{{ monitor.latest.get('loadavg','Nicht verfügbar').split()[:3]|join(' / ') }}</dd>{% set mem = monitor.latest.get('memory_kib',{}) %}<dt>Arbeitsspeicher verfügbar / gesamt</dt><dd>{{ '%.2f'|format(mem.get('MemAvailable',0)/1048576) }} / {{ '%.2f'|format(mem.get('MemTotal',0)/1048576) }} GiB</dd><dt>Vom Kernel wegen Speichermangel beendete Prozesse seit Systemstart</dt><dd>{{ monitor.latest.get('vm_counters',{}).get('oom_kill','Nicht verfügbar') }}</dd></dl><h3>Temperatursensoren</h3><ul>{% for sensor, value in monitor.latest.get('temperatures_c',{}).items() %}<li>{{ sensor }}: {{ value }} °C</li>{% else %}<li>Keine Sensorwerte verfügbar.</li>{% endfor %}</ul><h3>Netzwerkschnittstellen</h3><ul>{% for interface, state in monitor.latest.get('network',{}).items() %}<li>{{ interface }}: {{ state.get('operstate','unbekannt') }} · Trägersignal {{ 'vorhanden' if state.get('carrier') == '1' else 'nicht vorhanden' if state.get('carrier') == '0' else 'unbekannt' }}</li>{% endfor %}</ul><p class="muted">Ein vorhandenes Trägersignal bestätigt keine Erreichbarkeit über SSH.</p>{% if monitor.latest.get('errors') %}<h3>Nicht erfasste Messwerte</h3><ul>{% for error in monitor.latest.errors %}<li>{{ error }}</li>{% endfor %}</ul>{% endif %}</section>
{% endif %}</div>
{% endblock %}