Add data maintenance workspace and danger zone preparation
Dieser Commit ist enthalten in:
@@ -81,7 +81,7 @@
|
||||
<strong>Analyse-Vorbereitung</strong>
|
||||
<span>Datenbestände und vorbereitete Prüffelder, keine Engine.</span>
|
||||
</a>
|
||||
<article class="workspace-link workspace-placeholder">
|
||||
<a class="workspace-link workspace-placeholder" href="../data-maintenance/data-maintenance.html">
|
||||
<strong>Datenpflege</strong>
|
||||
<span>
|
||||
Gezielte Verwaltung lokaler Datenbestände. Löschen,
|
||||
@@ -89,7 +89,7 @@
|
||||
Vorgesehene Segmente sind GVL-Referenzdaten der Browser-DB,
|
||||
Consent-Daten, Analyse-Daten und weitere künftige Datenbereiche.
|
||||
</span>
|
||||
</article>
|
||||
</a>
|
||||
</div>
|
||||
</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