65 lines
No EOL
3 KiB
HTML
65 lines
No EOL
3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="description" content="Webanwendung zur Analyse und Visualisierung von Laufzeitdaten verschiedener Runs." />
|
||
<title>Laufzeitanalyse Dashboard</title>
|
||
<link rel="stylesheet" href="css/styles.css" />
|
||
<script type="module" src="js/app.js" defer></script>
|
||
</head>
|
||
<body>
|
||
<header class="app-header flex-row" role="banner">
|
||
<h1 class="app-header__title">Laufzeit‑Analyse & Visualisierung</h1>
|
||
<nav class="app-header__nav" role="navigation" aria-label="Hauptnavigation">
|
||
<ul class="app-header__nav-list">
|
||
<li><a href="#dashboard" class="app-header__nav-link">Dashboard</a></li>
|
||
<li><a href="#filter" class="app-header__nav-link">Filter</a></li>
|
||
<li><a href="#summary" class="app-header__nav-link">Zusammenfassung</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<div class="app-container flex-row">
|
||
<aside class="app-sidebar filter-panel" id="filter" role="complementary" aria-label="Filterleiste">
|
||
<form class="filter-panel__form" aria-label="Datenfilter">
|
||
<fieldset class="filter-panel__section">
|
||
<legend>Run‑Filter</legend>
|
||
<label for="run-id-input">Run‑Nummer:</label>
|
||
<input type="number" id="run-id-input" name="run" placeholder="z.B. 42" />
|
||
</fieldset>
|
||
<fieldset class="filter-panel__section">
|
||
<legend>Policy Hash</legend>
|
||
<input type="text" id="policy-hash-input" name="policy_hash" placeholder="Hash eingeben" />
|
||
</fieldset>
|
||
<fieldset class="filter-panel__section">
|
||
<legend>Pinned‑Status</legend>
|
||
<label><input type="checkbox" id="filter-pinned" name="filter_pinned" value="true" /> nur pinned</label>
|
||
</fieldset>
|
||
<button type="submit" class="filter-panel__submit">Anwenden</button>
|
||
</form>
|
||
</aside>
|
||
|
||
<main class="app-main dashboard" id="dashboard" role="main">
|
||
<section class="chart-section delta-matrix-panel" aria-label="Δt‑Matrixdarstellung">
|
||
<h2 class="chart-section__title">Δt‑Matrix: pinned/unpinned × Δt≥0/<0</h2>
|
||
<div id="delta-matrix-container" class="delta-matrix-panel__content" aria-live="polite"></div>
|
||
</section>
|
||
|
||
<section class="chart-section timeline-chart-panel" aria-label="Δt‑Verteilung über Runs">
|
||
<h2 class="chart-section__title">Zeitliche Δt‑Verteilungen</h2>
|
||
<div id="timeline-chart-container" class="timeline-chart-panel__content" aria-live="polite"></div>
|
||
</section>
|
||
|
||
<section class="summary-panel" id="summary" aria-label="Analytische Zusammenfassung">
|
||
<h2 class="summary-panel__title">Wichtigste Erkenntnisse</h2>
|
||
<p id="summary-text">Daten werden geladen …</p>
|
||
</section>
|
||
</main>
|
||
</div>
|
||
|
||
<footer class="app-footer" role="contentinfo">
|
||
<p>© 2026 Donau2Space.de · Laufzeit‑Analyseplattform</p>
|
||
</footer>
|
||
</body>
|
||
</html> |