89 lines
3.0 KiB
HTML
89 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Telebit Setup</title>
|
|
</head>
|
|
<body>
|
|
<div class="v-app">
|
|
<h1>Telebit (Remote) Setup</h1>
|
|
|
|
<section v-if="views.section.create">
|
|
<h2>Create Account</h2>
|
|
<form v-on:submit.stop.prevent="initialize">
|
|
|
|
<label for="-email">Email:</label>
|
|
<input id="-email" v-model="init.email" type="text" placeholder="john@example.com" required>
|
|
<br>
|
|
|
|
<label for="-teletos"><input id="-teletos" v-model="init.teletos" type="checkbox" required>
|
|
Accept Telebit Terms of Service</label>
|
|
<br>
|
|
|
|
<label for="-letos"><input id="-letos" v-model="init.letos" type="checkbox" required>
|
|
Accept Let's Encrypt Terms of Service</label>
|
|
<br>
|
|
|
|
<label for="-notifications">Notification Preferences</label>
|
|
<select id="-notifications" v-model="init.notifications">
|
|
<option value="newsletter">Occassional Newsletter</option>
|
|
<option value="important" default><strong>Important Messages Only</strong></option>
|
|
<option value="required">Required Only</option>
|
|
</select>
|
|
|
|
<small>
|
|
<p v-if="'newsletter' == init.notifications">
|
|
You'll receive a friendly note now and then in addition to the important updates.
|
|
</p>
|
|
<p v-if="'important' == init.notifications">
|
|
You'll only receive updates that we believe will be of the most value to you, and the required updates.
|
|
</p>
|
|
<p v-if="'required' == init.notifications">
|
|
You'll only receive security updates, transactional and account-related messages, and legal notices.
|
|
</p>
|
|
</small>
|
|
|
|
<details><summary><small>Advanced</small></summary>
|
|
<label for="-relay">Relay:</label><input id="-relay" v-model="init.relay" type="text" placeholder="telebit.cloud">
|
|
<br>
|
|
<button type="button" v-on:click="defaultRelay">Use Default</button>
|
|
<button type="button" v-on:click="betaRelay">Use Beta</button>
|
|
<br>
|
|
<br>
|
|
</details>
|
|
|
|
<button type="submit">Accept & Continue</button>
|
|
|
|
</form>
|
|
<pre><code>{{ init }}</code></pre>
|
|
</section>
|
|
|
|
<section v-if="views.section.advanced">
|
|
<h2>Advanced Setup</h2>
|
|
<form v-on:submit.stop.prevent="initialize">
|
|
|
|
<label for="-secret">Relay Secret:</label>
|
|
<input id="-secret" v-model="init.secret" type="text" placeholder="ex: xxxxxxxxxxxx">
|
|
<br>
|
|
|
|
<label for="-telemetry"><input id="-telemetry" v-model="init.telemetry" type="checkbox">
|
|
Contribute to Telebit by sharing telemetry</label>
|
|
<br>
|
|
|
|
<label for="-relay">[Advanced] Relay:</label>
|
|
<input id="-relay" v-model="init.relay" type="text" placeholder="telebit.cloud">
|
|
<br>
|
|
|
|
<button type="submit">Accept & Continue</button>
|
|
|
|
</form>
|
|
<pre><code>{{ init }}</code></pre>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<script src="/js/vue.js"></script>
|
|
<script src="/js/telebit.js"></script>
|
|
<script src="/js/app.js"></script>
|
|
</body>
|
|
</html>
|