[O] Combine onEnter with loginClick
This commit is contained in:
@@ -59,19 +59,10 @@ export default class Login extends Vue
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* When the user clicks, send the username and password to the server.
|
* When the user clicks, post the login request and process the response
|
||||||
* This is also called when the user hits enter on the input boxes.
|
* This is also called when the user hits enter on the input boxes.
|
||||||
*/
|
*/
|
||||||
onLoginClick()
|
loginClick()
|
||||||
{
|
|
||||||
this.login()
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Actually post the login request and process the response
|
|
||||||
*/
|
|
||||||
login()
|
|
||||||
{
|
{
|
||||||
// Make login button loading
|
// Make login button loading
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
@@ -79,8 +70,18 @@ export default class Login extends Vue
|
|||||||
// Format it
|
// Format it
|
||||||
this.username = this.username.toLowerCase().replace(/ /g, '').replace(/@.*/g, '');
|
this.username = this.username.toLowerCase().replace(/ /g, '').replace(/@.*/g, '');
|
||||||
|
|
||||||
|
// Actually login
|
||||||
|
this.login('/login', {username: this.username, password: this.password})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Actually post the request and process the response
|
||||||
|
*/
|
||||||
|
login(url: string, data: any)
|
||||||
|
{
|
||||||
// Fetch request
|
// Fetch request
|
||||||
App.http.post('/login', {username: this.username, password: this.password}).then(response =>
|
App.http.post(url, data).then(response =>
|
||||||
{
|
{
|
||||||
// Check success
|
// Check success
|
||||||
if (response.success)
|
if (response.success)
|
||||||
@@ -114,14 +115,6 @@ export default class Login extends Vue
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* This is called when the user hits enter on the input boxes.
|
|
||||||
*/
|
|
||||||
onEnter()
|
|
||||||
{
|
|
||||||
this.onLoginClick();
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Clear cookies
|
* Clear cookies
|
||||||
*/
|
*/
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
placeholder="SJP Username (Eg. flast21)"
|
placeholder="SJP Username (Eg. flast21)"
|
||||||
:class="{'input-error': error !== ''}"
|
:class="{'input-error': error !== ''}"
|
||||||
v-if="!disableInput"
|
v-if="!disableInput"
|
||||||
@keyup.enter.native="onEnter">
|
@keyup.enter.native="loginClick">
|
||||||
</el-input>
|
</el-input>
|
||||||
|
|
||||||
<el-input v-model="password"
|
<el-input v-model="password"
|
||||||
@@ -18,12 +18,12 @@
|
|||||||
show-password=""
|
show-password=""
|
||||||
:class="{'input-error': error !== ''}"
|
:class="{'input-error': error !== ''}"
|
||||||
v-if="!disableInput"
|
v-if="!disableInput"
|
||||||
@keyup.enter.native="onEnter">
|
@keyup.enter.native="loginClick">
|
||||||
</el-input>
|
</el-input>
|
||||||
|
|
||||||
<div class="el-form-item__error custom">{{error}}</div>
|
<div class="el-form-item__error custom">{{error}}</div>
|
||||||
|
|
||||||
<el-button plain type="primary" @click="onLoginClick" :loading="loading">Login</el-button>
|
<el-button plain type="primary" @click="loginClick" :loading="loading">Login</el-button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user