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 { .input-group-digits .form-control {
font-size: 2rem; font-size: 2rem;
padding: 0.5rem 0; padding: 0.5rem 0;
@ -8,10 +6,14 @@
text-align: center; text-align: center;
font-weight: 300; 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-inner-spin-button,
.input-group-digits input[type=number]::-webkit-outer-spin-button { .input-group-digits input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none; -webkit-appearance: none;
margin: 0; margin: 0;
} }
.login { .login {

2
index.js
View File

@ -65,7 +65,7 @@ app.use(bodyparser.urlencoded());
// AUTH // 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) => { app.get("/@logout", (req, res) => {
if (KEY) { if (KEY) {

36
views/login.handlebars
View File

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