- render() {
- return h(
- 'div',
- {
- id: 'box',
- class: 'box box-login'
- },
- h(
- 'center',
- {
- class: 'center'
- },
- h(
- 'img',
- {
- src: 'https://i.imgur.com/2cod08r.png',
- id: 'logo',
- class: 'logo-select',
- alt: 'Honest Roleplay'
- },
- ),
- h(
- 'div',
- {
- id: 'characterLogin',
- style: 'display: block'
- },
- h(
- 'h1',
- {
- }, "Nazwa użytkownika"
- ),
- h(
- 'input',
- {
- id: 'username',
- class: 'input',
- oninput: this.validData.bind(this),
- type: 'text'
- }
- ),
- h(
- 'h1',
- {
- }, "Hasło"
- ),
- h(
- 'input',
- {
- id: 'password',
- class: 'input',
- oninput: this.validData.bind(this),
- type: 'password'
- }
- ),
- h(
- 'button',
- {
- id: 'button_login',
- class: 'button',
- onclick: this.checkData.bind(this),
- title: "Zaloguj się"
- }, "Zaloguj się"
- ),
- h(
- 'div',
- {
- id: 'error',
- class: 'error'
- },
- h(
- 'span',
- {
- style: 'display: none'
- }, "Wprowadzone dane są niepoprawne."
- )
- )
- )
- )
- );
- }