ambrose
/
file-manager
mirror of https://github.com/serverwentdown/file-manager.git
1
0
Fork 0
Code Releases Activity

Redesign token entry

pull/2/head
Ambrose Chua 2018-02-15 00:43:30 +08:00
parent 3c13652401
commit 507fe191f6
3 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/login.css
View File

@ -1,5 +1,3 @@
.input-group-digits {
}
.input-group-digits .form-control {
font-size: 2rem;
padding: 0.5rem 0;
@ -8,10 +6,14 @@
text-align: center;
font-weight: 300;
}
.input-group-digits input[type=number] {
-moz-appearance: textfield;
}
.input-group-digits input[type=number]::-webkit-inner-spin-button,
.input-group-digits input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
-webkit-appearance: none;
margin: 0;
}
.login {

2
index.js
View File

@ -65,7 +65,7 @@ app.use(bodyparser.urlencoded());
// AUTH
const KEY = process.env.KEY ? base32.decode(process.env.KEY) : null;
const KEY = process.env.KEY ? base32.decode(process.env.KEY.replace(/ /g, "")) : null;
app.get("/@logout", (req, res) => {
if (KEY) {

36
views/login.handlebars
View File

@ -1,7 +1,8 @@
{{> navbar isloggingin=true}}
<main class="container" style="margin-top: 64px; margin-bottom: 64px;">
<div class="login text-nowrap mx-auto">
<div style="padding-top: 56px; padding-bottom: 56px;">
<main class="container my-4">
<div class="login mx-auto">
{{#each errors as |error|}}
<div class="alert alert-danger" role="alert">
{{error}}
@ -12,21 +13,20 @@
{{success}}
</div>
{{/each}}
<div class="card">
<form class="card-block" action="/@login" method="post">
<div class="form-group">
<label>Token:</label>
<div class="input-group input-group-lg input-group-digits">
<input type="number" class="form-control" placeholder="&bull;" />
<input type="number" class="form-control" placeholder="&bull;" />
<input type="number" class="form-control" placeholder="&bull;" />
<input type="number" class="form-control" placeholder="&bull;" />
<input type="number" class="form-control" placeholder="&bull;" />
<input type="number" class="form-control" placeholder="&bull;" />
</div>
<input name="token" id="login-token-value" type="hidden" />
</div>
</form>
</div>
<form class="py-4" action="/@login" method="post">
<h4>One-time token:</h4>
<div class="form-group">
<div class="input-group input-group-lg input-group-digits">
<input type="number" class="form-control" placeholder="&bull;" />
<input type="number" class="form-control" placeholder="&bull;" />
<input type="number" class="form-control" placeholder="&bull;" />
<input type="number" class="form-control" placeholder="&bull;" />
<input type="number" class="form-control" placeholder="&bull;" />
<input type="number" class="form-control" placeholder="&bull;" />
</div>
<input name="token" id="login-token-value" type="hidden" />
</div>
</form>
</div>
</main>
</div>