02_bad_constructor.js

constructor() {
    this.userIdInput = new api.ui.text.TextInput('input-view');
    this.userIdInput.setPlaceholder(_i18n('userid or e-mail'));
    this.passwordInput = new api.ui.text.PasswordInput('input-view');
    this.passwordInput.setPlaceholder(_i18n('password'));

    this.loginButton = new api.ui.button.Button();
    this.loginButton.addClass("login-button");
    this.loginButton.hide();

    var loginDiv = new api.dom.DivEl("password-container");
    loginDiv.appendChild(this.userIdInput);
    loginDiv.appendChild(this.passwordInput);
    loginDiv.appendChild(this.loginButton);

    this.appendChild(loginDiv);

    this.onShown((event) => {
        this.userIdInput.giveFocus();
    });

    this.onSubmit((event) => {
        if (this.userIdInput.getValue() && this.passwordInput.getValue()) {
            this.submitForm();
        }
    });
}