coolaj86
/
telebit-relay.js
1
1
Fork 0
Code Issues 4 Pull Requests Releases Activity

More styling tweaks and word changes.

This commit is contained in:
John Shaver 2018-09-13 22:06:04 -07:00
parent 40878066d1
commit 07468b41b2
3 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
lib/extensions/admin/login/css/main.css
View File

@ -15,7 +15,7 @@ p {
h2 { h2 {
font-size: 1.777777778em; font-size: 1.777777778em;
margin: 0; margin: 0 0 1em 0;
} }
svg { svg {
@ -112,7 +112,7 @@ svg.authorized-check {
.progress .row { .progress .row {
display: flex; display: flex;
justify-content: left; justify-content: left;
margin: 0.6666em 0; margin: 0 0 0.6666em 0;
} }
.spinner-ball { .spinner-ball {
@ -134,8 +134,8 @@ span.spinner {
} }
.progress { .progress {
padding: 0.666666667em 0;
display: inline-block; display: inline-block;
margin-bottom: 1.111177778em;
} }
.debugging-info-container { .debugging-info-container {
@ -221,3 +221,8 @@ span.js-debugging-button.debugging-button {
75% {transform: scale(1.3);} 75% {transform: scale(1.3);}
100% {transform: scale(1);} 100% {transform: scale(1);}
} }
.finish-button {
margin-top: 2.222222222em;
}

13
lib/extensions/admin/login/index.html
View File

@ -78,7 +78,7 @@
<use xlink:href="#svg-computer"></use> <use xlink:href="#svg-computer"></use>
</svg> </svg>
<h2>Pair <span class="js-hostname">Device</span></h1> <h2>Pair <span class="js-hostname">Device</span></h1>
<label>Enter your device pairing code: <label><span class="important-text">Enter your device pairing code</span>
<input type="text" name="pair-code" placeholder="ex: 0000" autofocus> <input type="text" name="pair-code" placeholder="ex: 0000" autofocus>
</label> </label>
<div class="checkbox-array"> <div class="checkbox-array">
@ -90,7 +90,7 @@
<svg class="icon-unchecked-box" viewBox="0 0 24 24"> <svg class="icon-unchecked-box" viewBox="0 0 24 24">
<use xlink:href="#svg-unchecked"></use> <use xlink:href="#svg-unchecked"></use>
</svg> </svg>
Agree to &nbsp<a target="_blank" href="/legal/">Telebit&trade; Terms of Service</a>? <div>Agree to <a target="_blank" href="/legal/">Telebit&trade; Terms of Service</a></div>
</label> </label>
<label> <label>
<input name="letsencrypt-agree" type="checkbox" required> <input name="letsencrypt-agree" type="checkbox" required>
@ -100,7 +100,7 @@
<svg class="icon-unchecked-box" viewBox="0 0 24 24"> <svg class="icon-unchecked-box" viewBox="0 0 24 24">
<use xlink:href="#svg-unchecked"></use> <use xlink:href="#svg-unchecked"></use>
</svg> </svg>
Agree to Let's Encrypt&trade; Terms of Service <div>Agree to <a target="_blank" href="https://letsencrypt.org/documents/LE-SA-v1.2-November-15-2017.pdf"> Let's Encrypt&trade; Terms of Service</a></div>
</label> </label>
</div> </div>
<div> <div>
@ -156,11 +156,10 @@
<use xlink:href="#svg-computer"></use> <use xlink:href="#svg-computer"></use>
</svg> </svg>
<h2>Success!</h1> <h2>Success!</h1>
<div>You've successfully paired <div>
<span class="js-hostname">your devied</span> <span class="important-text js-new-domain">______</span> is paired and ready to use for accessing your device and sharing your stuff.
with Telebit.
</div> </div>
<button class="js-finish-button">Finish</button> <button class="js-finish-button finish-button">Take Me There</button>
<script src="js/app.js"></script> <script src="js/app.js"></script>
</div> </div>
</body> </body>

3
lib/extensions/admin/login/js/app.js
View File

@ -39,6 +39,9 @@ function successScreen() {
document.querySelector('.js-finish-button').addEventListener('click', function(e) { document.querySelector('.js-finish-button').addEventListener('click', function(e) {
window.location.href='https://' + domainname; window.location.href='https://' + domainname;
}); });
document.querySelectorAll('.js-new-domain').forEach(function(ele) {
ele.innerHTML = domainname;
});
document.querySelector('.js-finish').hidden = false; document.querySelector('.js-finish').hidden = false;
} }