b73b5251ae
Full-stack burn-in orchestration dashboard (Stages 1–6d complete): FastAPI backend, SQLite/WAL, SSE live dashboard, mock TrueNAS server, SMTP/webhook notifications, batch burn-in, settings UI, audit log, stats page, cancel SMART/burn-in, drag-to-reorder stages. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
64 lines
2.5 KiB
HTML
64 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{% block title %}TrueNAS Burn-In{% endblock %}</title>
|
|
<link rel="stylesheet" href="/static/app.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<a class="header-brand" href="/" aria-label="Dashboard">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
<rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect>
|
|
<rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect>
|
|
<line x1="6" y1="6" x2="6.01" y2="6"></line>
|
|
<line x1="6" y1="18" x2="6.01" y2="18"></line>
|
|
</svg>
|
|
<span class="header-title">TrueNAS Burn-In</span>
|
|
</a>
|
|
<div class="header-meta">
|
|
<span class="live-indicator">
|
|
<span class="live-dot{% if poller and not poller.healthy %} degraded{% endif %}"></span>
|
|
{% if poller and poller.healthy %}Live{% else %}Polling error{% endif %}
|
|
</span>
|
|
{% if poller and poller.last_poll_at %}
|
|
<span class="poll-time">Last poll {{ poller.last_poll_at | format_dt }}</span>
|
|
{% endif %}
|
|
<button class="notif-btn" id="notif-btn" title="Enable browser notifications" aria-label="Toggle notifications">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
|
|
<path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
|
|
</svg>
|
|
</button>
|
|
<a class="header-link" href="/history">History</a>
|
|
<a class="header-link" href="/stats">Stats</a>
|
|
<a class="header-link" href="/audit">Audit</a>
|
|
<a class="header-link" href="/settings">Settings</a>
|
|
<a class="header-link" href="/docs" target="_blank" rel="noopener">API</a>
|
|
</div>
|
|
</header>
|
|
|
|
{% if stale %}
|
|
<div class="banner banner-warn">
|
|
⚠ Data may be stale — no successful poll in over {{ stale_seconds }}s
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if poller and poller.last_error %}
|
|
<div class="banner banner-error">
|
|
✕ Poll error: {{ poller.last_error }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<main>
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<div id="toast-container" aria-live="polite"></div>
|
|
<script src="https://unpkg.com/htmx.org@2.0.3/dist/htmx.min.js"></script>
|
|
<script src="https://unpkg.com/htmx-ext-sse@2.2.2/sse.js"></script>
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|