50 lines
No EOL
1.8 KiB
HTML
50 lines
No EOL
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Gate v0 Result Visualization</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<script type="module" src="js/app.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<header class="app-header result-visualization-header">
|
|
<h1>Gate v0 Result Visualization</h1>
|
|
<section aria-label="Run Filter" class="filter-controls">
|
|
<label for="run-type-select">Run-Typ:</label>
|
|
<select id="run-type-select" name="run-type">
|
|
<option value="all">Alle</option>
|
|
<option value="pinned">Pinned</option>
|
|
<option value="unpinned">Unpinned</option>
|
|
</select>
|
|
|
|
<label for="metric-select">Metrik:</label>
|
|
<select id="metric-select" name="metric">
|
|
<option value="all">Alle</option>
|
|
</select>
|
|
<button id="apply-filter-btn">Filter anwenden</button>
|
|
</section>
|
|
</header>
|
|
|
|
<section class="filter-panel app-sidebar" aria-label="Filterpanel für Runs und Parameter">
|
|
<h2>Run-Auswahl</h2>
|
|
<ul id="run-list" class="run-list" aria-live="polite"></ul>
|
|
</section>
|
|
|
|
<main class="app-main overview-section" aria-label="Übersicht der Ergebnisse">
|
|
<section class="summary-cards" id="summary-cards" aria-live="polite">
|
|
<!-- Dynamische Statistikkarten werden hier eingefügt -->
|
|
</section>
|
|
</main>
|
|
|
|
<section class="chart-panel results-chart" aria-label="Diagramme zur Analyse">
|
|
<canvas id="results-chart-canvas" aria-label="Ergebnisdiagramm"></canvas>
|
|
</section>
|
|
|
|
<footer class="app-footer" role="contentinfo">
|
|
<p>Datenquelle: <a href="/results" target="_blank" rel="noopener noreferrer">/results API</a></p>
|
|
<p><a href="/docs" target="_blank" rel="noopener noreferrer">Dokumentation</a></p>
|
|
<p>© 2026 Donau2Space.de</p>
|
|
</footer>
|
|
</body>
|
|
</html> |