lychiyu/frequi_origin
1
0
Fork 0
mirror of https://github.com/freqtrade/frequi.git synced 2024-11-13 11:43:52 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Improved login experience (part of #575)

Browse Source
This commit is contained in:
Matthias 2021-11-09 06:45:40 +01:00
parent 2f2edb331c
commit 8fe0cb3694
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/Login.vue
View File

@ -24,7 +24,7 @@
></b-form-input> ></b-form-input>
</b-form-group> </b-form-group>
<b-form-group <b-form-group
:state="nameState && auth.username" :state="nameState"
label="Username" label="Username"
label-for="username-input" label-for="username-input"
invalid-feedback="Name and Password are required." invalid-feedback="Name and Password are required."
@ -37,11 +37,15 @@
@keydown.enter.native="handleOk" @keydown.enter.native="handleOk"
></b-form-input> ></b-form-input>
</b-form-group> </b-form-group>
<b-form-group label="Password" label-for="password-input" invalid-feedback="Invalid Password"> <b-form-group
label="Password"
label-for="password-input"
invalid-feedback="Invalid Password"
:state="pwdState"
>
<b-form-input <b-form-input
id="password-input" id="password-input"
v-model="auth.password" v-model="auth.password"
:state="nameState && auth.password"
required required
type="password" type="password"
@keydown.enter.native="handleOk" @keydown.enter.native="handleOk"
@ -112,6 +116,8 @@ export default class Login extends Vue {
nameState: boolean | null = null; nameState: boolean | null = null;
pwdState: boolean | null = null;
urlState: boolean | null = null; urlState: boolean | null = null;
errorMessage = ''; errorMessage = '';
@ -120,7 +126,8 @@ export default class Login extends Vue {
checkFormValidity() { checkFormValidity() {
const valid = this.$refs.form.checkValidity(); const valid = this.$refs.form.checkValidity();
this.nameState = valid; this.nameState = valid || this.auth.username !== '';
this.pwdState = valid || this.auth.password !== '';
return valid; return valid;
} }
@ -129,6 +136,7 @@ export default class Login extends Vue {
this.auth.username = ''; this.auth.username = '';
this.auth.password = ''; this.auth.password = '';
this.nameState = null; this.nameState = null;
this.pwdState = null;
this.errorMessage = ''; this.errorMessage = '';
} }
@ -184,6 +192,7 @@ export default class Login extends Vue {
console.error(error.response); console.error(error.response);
if (error.response && error.response.status === 401) { if (error.response && error.response.status === 401) {
this.nameState = false; this.nameState = false;
this.pwdState = false;
this.errorMessage = 'Connected to bot, however Login failed, Username or Password wrong.'; this.errorMessage = 'Connected to bot, however Login failed, Username or Password wrong.';
} else { } else {
this.urlState = false; this.urlState = false;