30 lines
1.3 KiB
HTML
30 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
|
|
<title>Pair Alta Proxy Tool</title>
|
|
<link rel="stylesheet" href="options.css">
|
|
</head>
|
|
<body>
|
|
<main class="options-card">
|
|
<h1>Pair with Alta Proxy Tool</h1>
|
|
<p>In the desktop app, create a one-time pairing secret. Paste it below on this computer. Treat it like a password.</p>
|
|
<form id="pairingForm">
|
|
<label for="pairingSecret">One-time pairing secret</label>
|
|
<input id="pairingSecret" name="pairingSecret" type="password" inputmode="text" autocomplete="off" spellcheck="false" required>
|
|
<button type="submit" class="primary-btn">Pair extension</button>
|
|
</form>
|
|
<div id="pairingStatus" class="status" role="status" aria-live="polite"></div>
|
|
<section class="paired-controls">
|
|
<h2>Current pairing</h2>
|
|
<p id="currentState">Checking...</p>
|
|
<button id="forgetBtn" type="button" class="danger-btn" disabled>Forget pairing</button>
|
|
</section>
|
|
<p class="privacy-note">The secret is stored only in Chrome extension local storage. It is never displayed again or copied automatically.</p>
|
|
</main>
|
|
<script src="options.js"></script>
|
|
</body>
|
|
</html>
|