69 lines
No EOL
2.5 KiB
HTML
69 lines
No EOL
2.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Run #17 Gate-V1 Retry-Statistik</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<script type="module" src="js/app.js" defer></script>
|
||
</head>
|
||
<body>
|
||
<header class="app-header top-bar" role="banner">
|
||
<h1>Experiment Run #17 – Gate-V1 (Default Mode)</h1>
|
||
<p>Visualisierung der Retry-Statistiken – Aktueller Modus: <strong>WARN</strong></p>
|
||
</header>
|
||
|
||
<main>
|
||
<aside id="filter-panel" class="filter-panel sidebar" aria-label="Filteroptionen">
|
||
<h2>Filter</h2>
|
||
<form id="filter-form">
|
||
<div class="filter-group">
|
||
<label for="filter-stratum">Stratum:</label>
|
||
<select id="filter-stratum" name="stratum">
|
||
<option value="">Alle</option>
|
||
</select>
|
||
</div>
|
||
<div class="filter-group">
|
||
<label for="filter-policy">Policy:</label>
|
||
<input type="text" id="filter-policy" name="policy_hash" placeholder="Policy-Hash">
|
||
</div>
|
||
<button type="submit">Anwenden</button>
|
||
</form>
|
||
</aside>
|
||
|
||
<section id="stats-summary" class="summary-cards dashboard-section" aria-label="Zusammenfassende Kennzahlen">
|
||
<h2>Kennzahlen</h2>
|
||
<div class="card-grid">
|
||
<article class="metric-card" id="metric-p95" aria-live="polite">
|
||
<h3>p95</h3>
|
||
<p class="metric-value">–</p>
|
||
</article>
|
||
<article class="metric-card" id="metric-p99" aria-live="polite">
|
||
<h3>p99</h3>
|
||
<p class="metric-value">–</p>
|
||
</article>
|
||
<article class="metric-card" id="metric-unknown" aria-live="polite">
|
||
<h3>Unknown Rate</h3>
|
||
<p class="metric-value">–</p>
|
||
</article>
|
||
<article class="metric-card" id="metric-healing" aria-live="polite">
|
||
<h3>Heilungsrate</h3>
|
||
<p class="metric-value">–</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="retry-chart" class="chart-panel dashboard-section" aria-label="Retry-Visualisierung">
|
||
<h2>Retry-Verteilung</h2>
|
||
<div class="chart-container" role="img" aria-label="Diagramm der Retry-Verteilung">
|
||
<!-- Dynamische Diagramm-Canvas via JS -->
|
||
<canvas id="retryChartCanvas" width="600" height="300"></canvas>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="app-footer" role="contentinfo">
|
||
<p>© 2026 Donau2Space.de – Gate-V1 Spezifikation – Laufzeitparameter Mode=WARN</p>
|
||
</footer>
|
||
</body>
|
||
</html> |