Add data maintenance workspace and danger zone preparation
Dieser Commit ist enthalten in:
@@ -81,7 +81,7 @@
|
|||||||
<strong>Analyse-Vorbereitung</strong>
|
<strong>Analyse-Vorbereitung</strong>
|
||||||
<span>Datenbestände und vorbereitete Prüffelder, keine Engine.</span>
|
<span>Datenbestände und vorbereitete Prüffelder, keine Engine.</span>
|
||||||
</a>
|
</a>
|
||||||
<article class="workspace-link workspace-placeholder">
|
<a class="workspace-link workspace-placeholder" href="../data-maintenance/data-maintenance.html">
|
||||||
<strong>Datenpflege</strong>
|
<strong>Datenpflege</strong>
|
||||||
<span>
|
<span>
|
||||||
Gezielte Verwaltung lokaler Datenbestände. Löschen,
|
Gezielte Verwaltung lokaler Datenbestände. Löschen,
|
||||||
@@ -89,7 +89,7 @@
|
|||||||
Vorgesehene Segmente sind GVL-Referenzdaten der Browser-DB,
|
Vorgesehene Segmente sind GVL-Referenzdaten der Browser-DB,
|
||||||
Consent-Daten, Analyse-Daten und weitere künftige Datenbereiche.
|
Consent-Daten, Analyse-Daten und weitere künftige Datenbereiche.
|
||||||
</span>
|
</span>
|
||||||
</article>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,124 @@
|
|||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
min-width: 320px;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
color: #e5edf5;
|
||||||
|
background: #111827;
|
||||||
|
}
|
||||||
|
|
||||||
|
.maintenance {
|
||||||
|
width: min(1040px, 100%);
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.maintenance-header {
|
||||||
|
display: grid;
|
||||||
|
gap: 8px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding-bottom: 16px;
|
||||||
|
border-bottom: 1px solid #334155;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 13px;
|
||||||
|
color: #e5edf5;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
max-width: 760px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: #cbd5e1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-link {
|
||||||
|
width: fit-content;
|
||||||
|
color: #bfdbfe;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel {
|
||||||
|
margin-bottom: 22px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
border-bottom: 1px solid #334155;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-help {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.segment-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.segment-card,
|
||||||
|
.danger-action {
|
||||||
|
display: grid;
|
||||||
|
gap: 8px;
|
||||||
|
min-width: 0;
|
||||||
|
padding: 12px;
|
||||||
|
border: 1px solid #334155;
|
||||||
|
border-radius: 4px;
|
||||||
|
background: #1f2937;
|
||||||
|
}
|
||||||
|
|
||||||
|
.segment-status {
|
||||||
|
width: fit-content;
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 5px 8px;
|
||||||
|
border: 1px solid #475569;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #cbd5e1;
|
||||||
|
background: #172033;
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger-panel {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger-action {
|
||||||
|
border-color: #7f1d1d;
|
||||||
|
background: #1f1518;
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger-action .segment-status {
|
||||||
|
border-color: #7f1d1d;
|
||||||
|
color: #fecaca;
|
||||||
|
background: #450a0a;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.maintenance {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.segment-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,87 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>VG-Observe Datenpflege</title>
|
||||||
|
<link rel="stylesheet" href="data-maintenance.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main class="maintenance">
|
||||||
|
<header class="maintenance-header">
|
||||||
|
<a class="back-link" href="../dashboard/dashboard.html">Zurück zum Observe-Dashboard</a>
|
||||||
|
<h1>Datenpflege</h1>
|
||||||
|
<p class="section-help">
|
||||||
|
Diese Ansicht bereitet die künftige segmentierte Verwaltung lokaler
|
||||||
|
VG-Observe-Datenbestände vor. Aktuell werden keine Datenoperationen
|
||||||
|
ausgeführt.
|
||||||
|
</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section class="panel" aria-labelledby="segments-title">
|
||||||
|
<h2 id="segments-title">Geplante Pflegebereiche</h2>
|
||||||
|
<div class="segment-grid">
|
||||||
|
<article class="segment-card">
|
||||||
|
<h3>GVL-Referenzdaten</h3>
|
||||||
|
<p>
|
||||||
|
Referenzdaten der Browser-Datenbank. Enthält Vendorlisten,
|
||||||
|
Revisionen und zugehörige Referenzbestände.
|
||||||
|
</p>
|
||||||
|
<p class="segment-status">
|
||||||
|
Noch keine segmentierte Datenpflege implementiert.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="segment-card">
|
||||||
|
<h3>Consent-Daten</h3>
|
||||||
|
<p>
|
||||||
|
Dokumentierte Consent-Zustände und zugehörige Ereignisse.
|
||||||
|
</p>
|
||||||
|
<p class="segment-status">
|
||||||
|
Noch keine segmentierte Datenpflege implementiert.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="segment-card">
|
||||||
|
<h3>Analyse-Daten</h3>
|
||||||
|
<p>
|
||||||
|
Vorbereitete Arbeits- und Auswertungsdaten zukünftiger
|
||||||
|
Analysefunktionen.
|
||||||
|
</p>
|
||||||
|
<p class="segment-status">
|
||||||
|
Noch keine segmentierte Datenpflege implementiert.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article class="segment-card">
|
||||||
|
<h3>Weitere Datenbereiche</h3>
|
||||||
|
<p>
|
||||||
|
Reserviert für zukünftige Erweiterungen.
|
||||||
|
</p>
|
||||||
|
<p class="segment-status">
|
||||||
|
Noch keine segmentierte Datenpflege implementiert.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="panel danger-panel" aria-labelledby="danger-title">
|
||||||
|
<h2 id="danger-title">Gefahrenbereich</h2>
|
||||||
|
<p class="section-help">
|
||||||
|
Hier werden später irreversible Verwaltungsaktionen gebündelt. Diese
|
||||||
|
Aktionen betreffen den lokalen VG-Observe-Datenbestand und erfordern
|
||||||
|
eine ausdrückliche Sicherheitsbestätigung.
|
||||||
|
</p>
|
||||||
|
<article class="danger-action" aria-label="Vorbereitete Gefahrenaktion">
|
||||||
|
<h3>Gesamten lokalen VG-Observe-Datenbestand löschen</h3>
|
||||||
|
<p class="segment-status">Noch nicht implementiert.</p>
|
||||||
|
<p>
|
||||||
|
Vor einer späteren Umsetzung muss klar angezeigt werden, welche
|
||||||
|
Datenbereiche betroffen sind. Die Ausführung darf nur nach
|
||||||
|
ausdrücklicher Sicherheitsabfrage erfolgen.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
In neuem Issue referenzieren
Einen Benutzer sperren