Added Remember me
checkbox on login page.
This commit is contained in:
parent
1e1da54087
commit
06566f504b
1 changed files with 21 additions and 0 deletions
|
@ -22,6 +22,13 @@
|
||||||
v-model="password" />
|
v-model="password" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row remember">
|
||||||
|
<input type="checkbox"
|
||||||
|
v-model="remember"
|
||||||
|
:disabled="loading" />
|
||||||
|
<label for="remember">Remember me</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<button type="submit" :disabled="loading">
|
<button type="submit" :disabled="loading">
|
||||||
<font-awesome-icon icon="sign-in-alt" />
|
<font-awesome-icon icon="sign-in-alt" />
|
||||||
|
@ -47,6 +54,7 @@ export default {
|
||||||
loading: false,
|
loading: false,
|
||||||
username: '',
|
username: '',
|
||||||
password: '',
|
password: '',
|
||||||
|
remember: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -63,6 +71,7 @@ export default {
|
||||||
const sessionToken = await this.login({
|
const sessionToken = await this.login({
|
||||||
username: this.username,
|
username: this.username,
|
||||||
password: this.password,
|
password: this.password,
|
||||||
|
expiresAt: this.remember ? new Date(Date.now() + 1000 * 60 * 60 * 24 * 30) : undefined,
|
||||||
});
|
});
|
||||||
|
|
||||||
if (sessionToken?.length) {
|
if (sessionToken?.length) {
|
||||||
|
@ -118,6 +127,18 @@ form {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
|
|
||||||
|
&.remember {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0.5em;
|
||||||
|
|
||||||
|
input {
|
||||||
|
margin-right: 0.75em;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Add table
Reference in a new issue