26 lines
1.7 KiB
HTML
26 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Caption Admin</title><link rel="icon" href="data:,"><link rel="stylesheet" href="/static/theme.css"><link rel="stylesheet" href="/static/capture.css"></head><body>
|
|
<a class="skip-link" href="#adminKeyPanel">Skip to the admin form</a>
|
|
<header><h1>Caption Admin</h1>
|
|
<p>Review active rooms, issue a fresh admin link, or close a room. Sign in with the admin key configured on the service.</p>
|
|
<p class="cc-status-row"><span id="adminDot" class="cc-dot" data-state="idle" aria-label="Not signed in"></span><span id="adminStatus" role="status">Not signed in</span></p>
|
|
<p class="cc-status-row"><span id="serviceDot" class="cc-dot" data-state="warn" aria-label="Checking service"></span><span id="serviceStatus" role="status">Checking speech service…</span></p></header>
|
|
<main>
|
|
<section class="panel" id="adminKeyPanel">
|
|
<form id="adminForm">
|
|
<label>Admin key<input id="adminKey" type="password" autocomplete="off" spellcheck="false"></label>
|
|
<button type="submit">Sign in</button>
|
|
</form>
|
|
<p id="adminError" role="alert"></p>
|
|
</section>
|
|
<section class="panel" id="adminActions" hidden>
|
|
<div class="actions"><button id="refresh" type="button">Refresh</button></div>
|
|
<p id="roomResult" role="status"></p>
|
|
<table id="roomTable"><thead><tr><th>Room ID</th><th>Label</th><th>Created</th><th>Last seen</th><th>Status</th><th>Actions</th></tr></thead><tbody></tbody></table>
|
|
<div class="actions"><button id="signOut" type="button">Sign out</button></div>
|
|
</section>
|
|
</main>
|
|
<script src="/static/caption-status.js"></script><script src="/static/admin.js"></script>
|
|
</body></html>
|