Mika/max_only_alert_analysis
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add visualization_ui/index.html

Browse source
This commit is contained in:
Mika 2026-03-13 16:22:56 +00:00
commit 97396bfcd9
1 changed files with 41 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
visualization_ui/index.html Normal file
View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Max-only Alert Analysis</title>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<header class="app-header flex-row" role="banner">
<h1>Max-only Alert Analysis</h1>
<div class="controls" role="group" aria-label="Filter und Steuerung">
<label for="run-id-select">Run-ID:</label>
<select id="run-id-select" name="run-id" aria-label="Run-ID Auswahl"></select>
<label for="time-range">Zeitraum:</label>
<input type="datetime-local" id="time-start" name="time-start" aria-label="Startzeit" />
<input type="datetime-local" id="time-end" name="time-end" aria-label="Endzeit" />
<button id="refresh-button" type="button">Aktualisieren</button>
</div>
</header>
<main id="main-content">
<section id="alert-dashboard" class="app-main alert-dashboard" aria-live="polite">
<h2>Alert-Daten</h2>
<div id="alert-table-container" class="data-container"></div>
</section>
<section id="outlier-summary" class="panel summary-panel">
<h2>Outlier-Analyse</h2>
<div id="outlier-metrics" class="outlier-metrics"></div>
</section>
</main>
<footer class="app-footer" role="contentinfo">
<p>© 2026 Donau2Space.de</p>
<p>Datenquelle: interne API-Endpunkte (/alert-data, /outlier-report)</p>
</footer>
<script type="module" src="./js/app.js"></script>
</body>
</html>