jensmohr2/VG-Environment
1
0
Fork 0
Code Issues Pull-Requests Actions Pakete Projekte Releases Wiki Aktivität

Consolidate VG-Observe information architecture and workspace navigation

Quellcode durchsuchen
Dieser Commit ist enthalten in:
Jens Christian Mohr
2026-06-10 19:48:28 +02:00
Ursprung a3ca8019a1
Commit b89addf362
10 geänderte Dateien mit 169 neuen und 115 gelöschten Zeilen
Patch-Datei herunterladen Vergleichs-Datei herunterladen Alle Dateien ausklappen Alle Dateien einklappen
src/dashboard/dashboard.css
+24 -8
Datei anzeigen
@@ -127,14 +127,14 @@ th:last-child {
text-align: right;
}
.explorer-actions {
display: flex;
flex-wrap: wrap;
.workspace-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 14px;
}
.button-link,
.workspace-link,
button {
padding: 8px 10px;
border: 1px solid #475569;
@@ -145,12 +145,27 @@ button {
background: #1f2937;
}
.button-link {
display: inline-flex;
align-items: center;
.workspace-link {
display: grid;
gap: 5px;
text-decoration: none;
}
.workspace-link strong {
font-size: 13px;
}
.workspace-link span {
font-size: 12px;
line-height: 1.35;
color: #cbd5e1;
}
.workspace-placeholder {
color: #cbd5e1;
background: #172033;
}
button:disabled {
cursor: default;
opacity: 0.65;
@@ -165,7 +180,8 @@ button:disabled {
grid-template-columns: 1fr;
}
.explorer-actions {
.workspace-actions {
display: grid;
grid-template-columns: 1fr;
}
}
src/dashboard/dashboard.html
+51 -34
Datei anzeigen
@@ -1,26 +1,30 @@
<!doctype html>
<html lang="en">
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>VendorGet-IV Evidence Dashboard</title>
<title>VG-Observe Dashboard</title>
<link rel="stylesheet" href="dashboard.css">
</head>
<body>
<main class="dashboard">
<header class="dashboard-header">
<h1>VendorGet-IV Evidence Dashboard</h1>
<h1>VG-Observe Dashboard</h1>
<div id="dashboard-status" class="dashboard-status" aria-live="polite">
Loading evidence status
Lade lokalen Beobachtungsstatus
</div>
<p class="dashboard-notice">
Übersicht und Einstieg für VG-Observe. Detailansichten liegen in
eigenen Explorern.
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">Evidence Stores</h2>
<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>
@@ -53,13 +57,47 @@
</table>
</section>
<section class="panel" aria-labelledby="official-gvl-title">
<h2 id="official-gvl-title">Offizielle Vendorliste</h2>
<section class="panel" aria-labelledby="workspaces-title">
<h2 id="workspaces-title">Arbeitsbereiche</h2>
<p class="section-help">
Die aktuell offiziell abgerufene IAB-Europe-Vendorliste ist die
Version, die VG-Observe direkt von der offiziellen IAB-Europe-Quelle
geladen hat. Sie ist getrennt von der Vendorliste, die in einem
konkreten Consent-Kontext gemeldet wurde.
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>
<article class="workspace-link workspace-placeholder">
<strong>Datenpflege</strong>
<span>
Gezielte Verwaltung lokaler Datenbestände. Löschen,
Wiederherstellen und Exportieren erfolgen künftig segmentbezogen.
Vorgesehene Segmente sind GVL-Referenzdaten der Browser-DB,
Consent-Daten, Analyse-Daten und weitere künftige Datenbereiche.
</span>
</article>
</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>
@@ -89,27 +127,6 @@
</dl>
</section>
<section class="panel" aria-labelledby="explorers-title">
<h2 id="explorers-title">Explorer</h2>
<p class="section-help">
Historische Consent-Zustände und technische Belege werden in einer
eigenen Ansicht geöffnet.
</p>
<div class="explorer-actions">
<a class="button-link" href="../consent-explorer/consent-explorer.html">
Consent-Explorer öffnen
</a>
<a class="button-link" href="../gvl-explorer/gvl-explorer.html">
GVL-Explorer öffnen
</a>
<a class="button-link" href="../request-explorer/request-explorer.html">
Request-Explorer öffnen
</a>
<a class="button-link" href="../analysis-dashboard/analysis-dashboard.html">
Request-/Empfänger-Analyse öffnen
</a>
</div>
</section>
</main>
<script src="dashboard.js"></script>
src/dashboard/dashboard.js
+2 -2
Datei anzeigen
@@ -40,9 +40,9 @@ async function renderEvidenceStatus() {
}
renderStoreCounts(status.storeCounts ?? {});
renderStatusMessage("Evidence status loaded");
renderStatusMessage("Lokaler Beobachtungsstatus geladen");
} catch (error) {
renderStatusMessage("Evidence status could not be loaded");
renderStatusMessage("Lokaler Beobachtungsstatus konnte nicht geladen werden");
console.warn("VendorGet-IV dashboard status failed", error);
}
}