telebit-relay.js/lib/extensions/admin/login/index.html

63 lines
1.8 KiB
HTML
Raw Normal View History

2018-06-15 08:45:47 +00:00
<!DOCTYPE html>
<html>
<head>
2018-09-11 02:35:31 +00:00
<title>Telebit - Pair Device</title>
2018-06-15 08:45:47 +00:00
</head>
<body>
<script>document.body.hidden = true;</script>
<div class="js-error" hidden>
2018-09-11 02:35:31 +00:00
<h1>Invalid Pairing Link</h1>
<div class="js-magic-link">'{{magic_link}}' isn't a valid pairing link code.
2018-07-08 02:57:33 +00:00
<br>Links are only valid for a limited time, so you gotta act fast.
2018-06-15 09:00:16 +00:00
</div>
2018-06-15 08:45:47 +00:00
</div>
2018-06-21 06:13:05 +00:00
<div class="js-magic" hidden><form class="js-submit">
<h1>Telebit</h1>
<h2>Pair <span class="js-hostname">Device</span></h1>
<p>Enter your device pairing code:
2018-09-11 02:35:31 +00:00
<input type="text" name="pair-code" placeholder="ex: 0000">
2018-06-21 06:13:05 +00:00
</p>
<ul>
<li><label><input name="telebit-agree" type="checkbox" required> Agree to Telebit Terms of Service</label>
</li>
<li><label><input name="letsencrypt-agree" type="checkbox" required> Agree to Let's Encrypt Terms of Service</label>
</li>
</ul>
<p>
<button type="submit">Claim Device</button>
</p>
</form></div>
<div class="js-authz" hidden>
2018-09-11 02:35:31 +00:00
<h1>Telebit</h1>
2018-06-21 06:13:05 +00:00
2018-09-11 02:35:31 +00:00
<ul>
<li><label><input type="checkbox" checked disabled> Authorized</label></li>
<li><label><input type="checkbox" checked disabled>
Generated <span class="js-domainname">xxx-xxx-xxx.example.com</span> just for you</label></li>
<li><label><input type="checkbox" disabled> Waiting for your device to pair</label></li>
<li><label><input type="checkbox" disabled>
Securing your new domain</label></li>
</ul>
2018-06-21 06:13:05 +00:00
2018-09-11 02:35:31 +00:00
<p><strong>Check the command line on your device to finish pairing.</strong></p>
2018-06-21 06:13:05 +00:00
2018-09-11 02:35:31 +00:00
<h2>Debug Info</h2>
<p><a class="js-new-href">{{js-new-href}}</a></p>
<p class="js-serviceport">xxxxx</p>
2018-06-21 06:13:05 +00:00
2018-09-11 02:35:31 +00:00
<p><small>Authorization Token:
<pre><code class="js-token">{{js-token}}</code></pre></small></p>
2018-06-21 06:13:05 +00:00
2018-06-15 08:45:47 +00:00
</div>
<script src="js/app.js"></script>
</body>
</html>