120 lines
3.6 KiB
HTML
120 lines
3.6 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<title>Steam Auth Admin</title>
|
||
|
|
<link rel="stylesheet" href="/styles.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header class="topbar">
|
||
|
|
<div class="title">
|
||
|
|
<h1>Steam auth admin</h1>
|
||
|
|
<div class="subline">
|
||
|
|
<span id="adminStatus" class="badge badge-muted">locked</span>
|
||
|
|
<a class="admin-link" href="/">Lobby list</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="metrics" aria-label="Auth status">
|
||
|
|
<div class="metric wide">
|
||
|
|
<span class="metric-label">credentials</span>
|
||
|
|
<strong id="credentialsSource">-</strong>
|
||
|
|
</div>
|
||
|
|
<div class="metric wide">
|
||
|
|
<span class="metric-label">refresh token</span>
|
||
|
|
<strong id="tokenStatus">-</strong>
|
||
|
|
</div>
|
||
|
|
<div class="metric wide">
|
||
|
|
<span class="metric-label">steam</span>
|
||
|
|
<strong id="steamStatus">-</strong>
|
||
|
|
</div>
|
||
|
|
<div class="metric wide">
|
||
|
|
<span class="metric-label">game coordinator</span>
|
||
|
|
<strong id="gcStatus">-</strong>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<main class="admin-main">
|
||
|
|
<section id="loginPanel" class="auth-panel">
|
||
|
|
<h2>Admin password</h2>
|
||
|
|
<div class="admin-grid">
|
||
|
|
<label>
|
||
|
|
<span>password</span>
|
||
|
|
<input id="adminPassword" type="password" autocomplete="current-password">
|
||
|
|
</label>
|
||
|
|
<div class="actions">
|
||
|
|
<button id="unlockBtn" class="primary" type="button">Unlock</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<p id="adminError" class="error" hidden></p>
|
||
|
|
<p id="adminMessage" class="notice" hidden></p>
|
||
|
|
|
||
|
|
<section id="credentialsPanel" class="auth-panel" hidden>
|
||
|
|
<h2>Steam credentials</h2>
|
||
|
|
<div class="admin-grid">
|
||
|
|
<label>
|
||
|
|
<span>account</span>
|
||
|
|
<input id="steamAccount" type="text" autocomplete="username">
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<span>password</span>
|
||
|
|
<input id="steamPassword" type="text" autocomplete="current-password">
|
||
|
|
</label>
|
||
|
|
<label class="check">
|
||
|
|
<input id="clearToken" type="checkbox" checked>
|
||
|
|
<span>reset saved refresh token</span>
|
||
|
|
</label>
|
||
|
|
<div class="actions">
|
||
|
|
<button id="reloadBtn" type="button">Reload</button>
|
||
|
|
<button id="saveBtn" class="primary" type="button">Save and reconnect</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section id="guardPanel" class="auth-panel" hidden>
|
||
|
|
<h2>Steam Guard</h2>
|
||
|
|
<div class="admin-grid">
|
||
|
|
<label>
|
||
|
|
<span>code</span>
|
||
|
|
<input id="steamGuardCode" type="text" autocomplete="one-time-code" inputmode="numeric">
|
||
|
|
</label>
|
||
|
|
<div class="actions">
|
||
|
|
<button id="submitGuardBtn" class="primary" type="button">Submit code</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p id="guardHint" class="hint"></p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section id="tokenPanel" class="auth-panel" hidden>
|
||
|
|
<h2>Saved token</h2>
|
||
|
|
<dl class="details">
|
||
|
|
<div>
|
||
|
|
<dt>SteamID</dt>
|
||
|
|
<dd id="tokenSteamId">-</dd>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<dt>Account</dt>
|
||
|
|
<dd id="tokenAccount">-</dd>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<dt>Updated</dt>
|
||
|
|
<dd id="tokenUpdated">-</dd>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<dt>Expires</dt>
|
||
|
|
<dd id="tokenExpires">-</dd>
|
||
|
|
</div>
|
||
|
|
</dl>
|
||
|
|
<div class="actions left">
|
||
|
|
<button id="clearTokenBtn" type="button">Clear refresh token</button>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<script src="/admin.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|