import { $, browser, ElementFinder<% if (authenticationTypeOauth2) { _%>, element, by<% } %> } from 'protractor';

import BasePage from './base-component';

const selector: ElementFinder = $('#login-page');
export default class SignInPage extends BasePage {
  selector: ElementFinder;
<%_ if (!authenticationTypeOauth2) { _%>
  username: ElementFinder = this.selector.$('#username');
  password: ElementFinder = this.selector.$('#password');
  loginButton: ElementFinder = this.selector.$('button[type=submit]');
<%_ } else { _%>
  username: ElementFinder = element(by.name('username'));
  password: ElementFinder = element(by.name('password'));
  loginButton: ElementFinder = element(by.css('input[type=submit]'));
<%_ } _%>
  title: ElementFinder = this.selector.$('#login-title');

  constructor() {
    super(selector);
    this.selector = selector;
  }

  async get() {
    await browser.get('/login');
    await this.waitUntilDisplayed();
  }

  async getTitle() {
    return this.title.getAttribute('id');
  }

  async setUserName(username: string) {
    await this.username.sendKeys(username);
  }

  async clearUserName() {
    await this.username.clear();
  }

  async setPassword(password: string) {
    await this.password.sendKeys(password);
  }

  async clearPassword() {
    await this.password.clear();
  }

<%_ if (!authenticationTypeOauth2) { _%>
  async autoSignInUsing(username: string, password: string) {
    await this.setUserName(username);
    await this.setPassword(password);
    await this.login();
  }
<%_ } else { _%>
  async loginWithOAuth(username: string, password: string) {
    await browser.sleep(1000);
    if (await this.username.isPresent()) {
      await this.setUserName(username);
      await this.setPassword(password);
      await this.login();
    }
  }
<%_ } _%>

  async autoSignOut() {
    await browser.get('/logout');
  }

  async login() {
    await this.loginButton.click();
  }
}