47 lines
1.4 KiB
JavaScript
47 lines
1.4 KiB
JavaScript
'use strict';
|
|
|
|
const config = require('../config.js');
|
|
const events = require('../events.js');
|
|
const BaseView = require('./base_view.js');
|
|
|
|
class LoginView extends BaseView {
|
|
constructor() {
|
|
super();
|
|
this.template = this.getTemplate('login-template');
|
|
}
|
|
|
|
render(ctx) {
|
|
const target = this.contentHolder;
|
|
const source = this.template();
|
|
|
|
const form = source.querySelector('form');
|
|
const userNameField = source.querySelector('#user-name');
|
|
const passwordField = source.querySelector('#user-password');
|
|
const rememberUserField = source.querySelector('#remember-user');
|
|
|
|
this.decorateValidator(form);
|
|
userNameField.setAttribute('pattern', config.userNameRegex);
|
|
passwordField.setAttribute('pattern', config.passwordRegex);
|
|
|
|
form.addEventListener('submit', e => {
|
|
e.preventDefault();
|
|
this.clearMessages();
|
|
this.disableForm(form);
|
|
ctx.login(
|
|
userNameField.value,
|
|
passwordField.value,
|
|
rememberUserField.checked)
|
|
.then(() => {
|
|
this.enableForm(form);
|
|
})
|
|
.catch(errorMessage => {
|
|
this.enableForm(form);
|
|
events.notify(events.Error, errorMessage);
|
|
});
|
|
});
|
|
|
|
this.showView(target, source);
|
|
}
|
|
}
|
|
|
|
module.exports = LoginView;
|