Dateien
VG-Environment/src/dashboard/dashboard.html
T

136 Zeilen
4.9 KiB
HTML

<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>VG-Observe Dashboard</title>
<link rel="stylesheet" href="dashboard.css">
</head>
<body>
<main class="dashboard">
<header class="dashboard-header">
<h1>VG-Observe Dashboard</h1>
<div id="dashboard-status" class="dashboard-status" aria-live="polite">
Lade lokalen Beobachtungsstatus
</div>
<p class="dashboard-notice">
Was wurde lokal beobachtet? Diese Übersicht zeigt den Workspace-
Bestand und führt zu den fachlichen Arbeitsansichten.
</p>
</header>
<section class="panel" aria-labelledby="stores-title">
<h2 id="stores-title">Lokaler Evidence-Bestand</h2>
<p class="section-help">
Bestandsübersicht der lokal gespeicherten Beobachtungen und
Referenzdaten. Die Zahlen sind Inventar, keine Bewertung.
</p>
<table>
<thead>
<tr>
<th scope="col">Store</th>
<th scope="col">Records</th>
</tr>
</thead>
<tbody>
<tr>
<td>Consent States</td>
<td id="store-consent-states">-</td>
</tr>
<tr>
<td>Consent Events</td>
<td id="store-consent-events">-</td>
</tr>
<tr>
<td>Observed Requests</td>
<td id="store-observed-requests">-</td>
</tr>
<tr>
<td>GVL Snapshots</td>
<td id="store-gvl-snapshots">-</td>
</tr>
<tr>
<td>GVL Snapshot Events</td>
<td id="store-gvl-snapshot-events">-</td>
</tr>
</tbody>
</table>
</section>
<section class="panel" aria-labelledby="workspaces-title">
<h2 id="workspaces-title">Arbeitsbereiche</h2>
<p class="section-help">
Oben verstehen, in der Mitte arbeiten, unten beweisen: Die
Detailansichten trennen Untersuchung, technische Beobachtung,
Referenz/Vault und Analyse-Vorbereitung.
</p>
<div class="workspace-actions">
<a class="workspace-link" href="../consent-explorer/consent-explorer.html">
<strong>Consent untersuchen</strong>
<span>Zentrale Ansicht für dokumentierte Consent-Zustände.</span>
</a>
<a class="workspace-link" href="../request-explorer/request-explorer.html">
<strong>Requests prüfen</strong>
<span>Technisch beobachtete Browser-Requests ohne Bewertung.</span>
</a>
<a class="workspace-link" href="../gvl-explorer/gvl-explorer.html">
<strong>GVL-Referenz/Vault</strong>
<span>Vendorlisten, Revision-Evidence und Vault-Transport.</span>
</a>
<a class="workspace-link" href="../analysis-dashboard/analysis-dashboard.html">
<strong>Analyse-Vorbereitung</strong>
<span>Datenbestände und vorbereitete Prüffelder, keine Engine.</span>
</a>
</div>
</section>
<section class="panel" aria-labelledby="official-gvl-title">
<h2 id="official-gvl-title">GVL-Referenzstatus</h2>
<p class="section-help">
Die GVL ist Referenzbasis für spätere Rekonstruktion. Dieser Status
zeigt nur den lokalen Referenzbestand und letzte Update-Hinweise.
</p>
<dl class="gvl-status-grid">
<div>
<dt>Lokal neueste gespeicherte Vendorlisten-Version</dt>
<dd id="official-gvl-local-version">-</dd>
</div>
<div>
<dt>Letzter automatischer Update-Check</dt>
<dd id="official-gvl-last-check">-</dd>
</div>
<div>
<dt>Letzter echter automatischer GVL-Check</dt>
<dd id="official-gvl-last-real-check">-</dd>
</div>
<div>
<dt>Nächster erlaubter automatischer GVL-Check</dt>
<dd id="official-gvl-next-allowed-check">-</dd>
</div>
<div>
<dt>Ergebnis des letzten Checks</dt>
<dd id="official-gvl-result">-</dd>
</div>
<div>
<dt>Vorherige Version -> aktuelle Version</dt>
<dd id="official-gvl-version-change">-</dd>
</div>
</dl>
</section>
<section class="panel" aria-labelledby="data-maintenance-title">
<h2 id="data-maintenance-title">Datenpflege</h2>
<div class="workspace-actions">
<a class="workspace-link workspace-placeholder" href="../data-maintenance/data-maintenance.html">
<strong>Datenpflege</strong>
<span>Verwaltung lokaler Datenbestände.</span>
</a>
</div>
</section>
</main>
<script src="dashboard.js"></script>
</body>
</html>