Dateien
VG-Environment/src/request-explorer/request-explorer.html
T

80 Zeilen
2.9 KiB
HTML

<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>VG-Observe Request-Explorer</title>
<link rel="stylesheet" href="request-explorer.css">
</head>
<body>
<main class="explorer">
<header class="explorer-header">
<a class="back-link" href="../dashboard/dashboard.html">Zur&uuml;ck zum Dashboard</a>
<h1>Request-Explorer</h1>
<p class="section-help">
Diese Ansicht zeigt zuletzt technisch beobachtete Requests.
</p>
<dl class="request-overview" aria-label="Geladene Request-Uebersicht">
<div>
<dt>Geladene Eintr&auml;ge</dt>
<dd id="request-loaded-count">-</dd>
</div>
<div>
<dt>Zuletzt beobachtet</dt>
<dd id="request-latest-seen">-</dd>
</div>
</dl>
</header>
<section class="panel" aria-labelledby="request-list-title">
<h2 id="request-list-title">Zuletzt beobachtete Requests</h2>
<p id="request-empty" class="empty-state" hidden>
Keine beobachteten Requests vorhanden.
</p>
<div id="request-content" hidden>
<div class="request-list-wrap">
<table class="request-list">
<thead>
<tr>
<th scope="col">Letzte Beobachtung</th>
<th scope="col">Empf&auml;nger-Origin</th>
<th scope="col">Pfad</th>
<th scope="col">Third-Party</th>
<th scope="col">Consent-Parameter</th>
<th scope="col">Consent-Korrelation</th>
<th scope="col">SeenCount</th>
</tr>
</thead>
<tbody id="request-list"></tbody>
</table>
</div>
<section class="request-detail" aria-labelledby="request-detail-title">
<h2 id="request-detail-title">Ausgew&auml;hlter Request</h2>
<div id="request-detail-summary"></div>
</section>
<details class="inspector-details" open>
<summary>Vollst&auml;ndiger JSON-Rohdatenauszug</summary>
<pre id="request-detail-json"></pre>
</details>
<details class="inspector-details">
<summary>correlation</summary>
<pre id="request-detail-correlation"></pre>
</details>
<details class="inspector-details">
<summary>requestFingerprintSource</summary>
<pre id="request-detail-fingerprint-source"></pre>
</details>
<details class="inspector-details">
<summary>Technische Rohfelder</summary>
<pre id="request-detail-technical-fields"></pre>
</details>
</div>
</section>
</main>
<script src="request-explorer.js"></script>
</body>
</html>