[page.noauth.login] login page started
This commit is contained in:
parent
d9f6538aa5
commit
18cb3ac92d
|
@ -1 +1,139 @@
|
||||||
|
/* (1) Initialise
|
||||||
|
---------------------------------------------------------*/
|
||||||
|
/* (1) Default data structure */
|
||||||
|
gs.set('login', {
|
||||||
|
// fields
|
||||||
|
username: {
|
||||||
|
model: '',
|
||||||
|
timeout: '',
|
||||||
|
error: '',
|
||||||
|
validate: (_username) => /^[a-z0-9_-]{3,20}$/i.test(_username)
|
||||||
|
},
|
||||||
|
|
||||||
|
password: {
|
||||||
|
model: '',
|
||||||
|
timeout: '',
|
||||||
|
error: '',
|
||||||
|
validate: (_password) => /^[^<>\/\\]{8,50}$/.test(_password)
|
||||||
|
},
|
||||||
|
|
||||||
|
// functions
|
||||||
|
func: {
|
||||||
|
print_err(_field, _message, _duration){},
|
||||||
|
login(){},
|
||||||
|
forgot_pass(){}
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* (2) Manage error messages
|
||||||
|
*
|
||||||
|
* @_field<String> Field to print errors to
|
||||||
|
* @_message<String> Error message to print
|
||||||
|
* @_duration<int> Durations (sec) for the message to be displayed
|
||||||
|
*
|
||||||
|
---------------------------------------------------------*/
|
||||||
|
gs.get.login.func.print_err = function(_field, _message='error', _duration=null){
|
||||||
|
|
||||||
|
/* (1) Fail: invalid _field */
|
||||||
|
if( typeof _field !== 'string' || this[_field] == null )
|
||||||
|
return false;
|
||||||
|
|
||||||
|
/* (2) Fail: invalid _message */
|
||||||
|
if( typeof _message !== 'string' )
|
||||||
|
return false;
|
||||||
|
|
||||||
|
/* (3) Fail: invalid _message */
|
||||||
|
if( isNaN(_duration) )
|
||||||
|
return false;
|
||||||
|
|
||||||
|
/* (4) Clear timeout if exists */
|
||||||
|
!isNaN(this[_field].err_to) && clearTimeout(this[_field].err_to);
|
||||||
|
|
||||||
|
/* (5) Display error */
|
||||||
|
this[_field].error = _message;
|
||||||
|
|
||||||
|
/* (6) No timeout if _duration if null */
|
||||||
|
if( _duration === null )
|
||||||
|
return true;
|
||||||
|
|
||||||
|
/* (7) Setup Timeout */
|
||||||
|
this[_field].err_to = setTimeout( function(){
|
||||||
|
this.error = '';
|
||||||
|
}.bind(this[_field]), _duration*1000);
|
||||||
|
|
||||||
|
return true;
|
||||||
|
|
||||||
|
}.bind(gs.get.login);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* (3) Login attempt
|
||||||
|
*
|
||||||
|
---------------------------------------------------------*/
|
||||||
|
gs.get.login.func.login = function(){
|
||||||
|
|
||||||
|
/* (1) Cache fields' values */
|
||||||
|
let username = this.username.model;
|
||||||
|
let password = this.password.model;
|
||||||
|
|
||||||
|
/* (2) Manage errors */
|
||||||
|
let errors = false;
|
||||||
|
|
||||||
|
// username error
|
||||||
|
if( !this.username.validate(username) ){
|
||||||
|
errors = true;
|
||||||
|
this.func.print_err('username', 'This field is required');
|
||||||
|
}else
|
||||||
|
this.func.print_err('username', '', 0);
|
||||||
|
|
||||||
|
|
||||||
|
// password error
|
||||||
|
if( !this.password.validate(password) ){
|
||||||
|
errors = true;
|
||||||
|
this.func.print_err('password', 'This field is required');
|
||||||
|
}else
|
||||||
|
this.func.print_err('password', '', 0);
|
||||||
|
|
||||||
|
// if errors -> fail
|
||||||
|
if( errors )
|
||||||
|
return false;
|
||||||
|
|
||||||
|
/* (3) Create API instance */
|
||||||
|
let api = new xhrcd('douscord-srv.xdrm.io');
|
||||||
|
|
||||||
|
/* (4) API bindings */
|
||||||
|
api.onreceive = function(_response){
|
||||||
|
|
||||||
|
// manage error
|
||||||
|
if( _response.error !== 0 || _response.token == null )
|
||||||
|
return gs.get.router.push('register');
|
||||||
|
|
||||||
|
// manage login
|
||||||
|
auth.token = _response.token;
|
||||||
|
document.location = '';
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
api.onclose = function(){ return gs.get.router.push('register'); };
|
||||||
|
|
||||||
|
/* (5) API call */
|
||||||
|
api.send({
|
||||||
|
path: 'POST /user/token',
|
||||||
|
http_token: encodeURI(`${username}:${password}`)
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}.bind(gs.get.login);
|
Loading…
Reference in New Issue