feat: production-ready domain control dashboard

internal/web/templates/errors.html

@@ -0,0 +1,53 @@
+{{define "errors"}}{{template "layout" .}}{{end}}
+{{define "content"}}
+<header class="page-heading">
+  <div><a class="back-link" href="/">← Übersicht</a><span class="page-kicker">Diagnose</span><h1>Fehlerzentrale</h1><p>Aktuelle Ziel- und Zonenfehler sowie alle gespeicherten fehlgeschlagenen oder partiellen Update-Läufe.</p></div>
+  <form action="/errors/clear" method="post">
+    <input type="hidden" name="csrf" value="{{.CSRF}}">
+    <button class="button button-danger-soft" type="submit" {{if eq .ErrorCount 0}}disabled{{end}}>Fehlerliste leeren</button>
+  </form>
+</header>
+
+{{if eq .ErrorCount 0}}
+<section class="panel error-empty"><span class="error-empty-icon" aria-hidden="true">✓</span><div><h2>Keine Fehler gespeichert</h2><p>Aktuell sind weder Ziel- oder Zonenfehler noch problematische Update-Läufe vorhanden.</p></div></section>
+{{else}}
+<section class="error-summary-grid" aria-label="Fehlerübersicht">
+  <article><span>Ziele</span><strong>{{len .ErrorTargets}}</strong></article>
+  <article><span>Zonen</span><strong>{{len .ErrorZones}}</strong></article>
+  <article><span>Update-Läufe</span><strong>{{len .ErrorRuns}}</strong></article>
+</section>
+
+{{if .ErrorTargets}}
+<section class="panel error-section">
+  <div class="panel-heading"><div><span class="section-label">Aktuell</span><h2>Zielprobleme</h2></div><span class="status-pill status-bad">{{len .ErrorTargets}}</span></div>
+  <div class="error-list">
+    {{range .ErrorTargets}}
+    <article class="error-item"><span class="error-mark" aria-hidden="true">!</span><div><strong>{{.FQDN}}</strong><p>{{.LastError}}</p><small>{{if .LastStatus}}{{.LastStatus}}{{else}}Fehler{{end}} · letzter erfolgreicher Abgleich {{formatTime .LastUpdatedAt}}</small></div><a href="/domains/{{.ZoneID}}">Öffnen →</a></article>
+    {{end}}
+  </div>
+</section>
+{{end}}
+
+{{if .ErrorZones}}
+<section class="panel error-section">
+  <div class="panel-heading"><div><span class="section-label">Provider</span><h2>Zonenprobleme</h2></div><span class="status-pill status-bad">{{len .ErrorZones}}</span></div>
+  <div class="error-list">
+    {{range .ErrorZones}}
+    <article class="error-item"><span class="error-mark" aria-hidden="true">!</span><div><strong>{{.Name}}</strong><p>{{.LastError}}</p><small>Letzter Synchronisationsversuch {{formatTime .LastSyncAt}}</small></div><a href="/domains/{{.ID}}">Öffnen →</a></article>
+    {{end}}
+  </div>
+</section>
+{{end}}
+
+{{if .ErrorRuns}}
+<section class="panel error-section">
+  <div class="panel-heading"><div><span class="section-label">Historie</span><h2>Problematische Update-Läufe</h2></div><span class="status-pill status-bad">{{len .ErrorRuns}}</span></div>
+  <div class="error-list run-error-list">
+    {{range .ErrorRuns}}
+    <article class="error-item"><span class="state-dot {{statusClass .Status}}"></span><div><strong>{{.Summary}}</strong><small>{{formatTime .StartedAt}} · {{.Status}}{{if .IPv4}} · IPv4 {{.IPv4}}{{end}}{{if .IPv6}} · IPv6 {{.IPv6}}{{end}}</small></div></article>
+    {{end}}
+  </div>
+</section>
+{{end}}
+{{end}}
+{{end}}