This repository has been archived on 2025-02-26. You can view files and clone it, but cannot push or open issues or pull requests.
szurubooru/client/js/views/login_view.js
2016-08-05 23:02:41 +02:00

69 lines
1.9 KiB
JavaScript

'use strict';
const config = require('../config.js');
const events = require('../events.js');
const views = require('../util/views.js');
const template = views.getTemplate('login');
class LoginView extends events.EventTarget {
constructor() {
super();
this._hostNode = document.getElementById('content-holder');
views.replaceContent(this._hostNode, template({
userNamePattern: config.userNameRegex,
passwordPattern: config.passwordRegex,
canSendMails: config.canSendMails,
}));
views.syncScrollPosition();
views.decorateValidator(this._formNode);
this._userNameInputNode.setAttribute('pattern', config.userNameRegex);
this._passwordInputNode.setAttribute('pattern', config.passwordRegex);
this._formNode.addEventListener('submit', e => {
e.preventDefault();
this.dispatchEvent(new CustomEvent('submit', {
detail: {
name: this._userNameInputNode.value,
password: this._passwordInputNode.value,
remember: this._rememberInputNode.checked,
},
}));
});
}
get _formNode() {
return this._hostNode.querySelector('form');
}
get _userNameInputNode() {
return this._formNode.querySelector('[name=name]');
}
get _passwordInputNode() {
return this._formNode.querySelector('[name=password]');
}
get _rememberInputNode() {
return this._formNode.querySelector('[name=remember-user]');
}
disableForm() {
views.disableForm(this._formNode);
}
enableForm() {
views.enableForm(this._formNode);
}
clearMessages() {
views.clearMessages(this._hostNode);
}
showError(message) {
views.showError(this._hostNode, message);
}
}
module.exports = LoginView;