/**
 * @license
 * Copyright (C) 2019 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import {htmlTemplate} from './gr-serviceuser-create_html.js';

export class GrServiceUserCreate extends Polymer.GestureEventListeners(
    Polymer.Element) {
  /** @returns {?} template for this component */
  static get template() { return htmlTemplate; }

  /** @returns {string} name of the component */
  static get is() { return 'gr-serviceuser-create'; }

  /**
   * Defines properties of the component
   *
   * @returns {?}
   */
  static get properties() {
    return {
      _infoMessageEnabled: {
        type: Boolean,
        value: false,
      },
      _infoMessage: String,
      _successMessageEnabled: {
        type: Boolean,
        value: false,
      },
      _successMessage: String,
      _newUsername: String,
      _emailEnabled: {
        type: Boolean,
        value: false,
      },
      _newEmail: String,
      _newKey: String,
      _dataValid: {
        type: Boolean,
        value: false,
      },
      _isAdding: {
        type: Boolean,
        value: false,
      },
      _enableButton: {
        type: Boolean,
        value: false,
      },
      _accountId: String,
    };
  }

  connectedCallback() {
    super.connectedCallback();
    this._getConfig();
  }

  _forwardToDetails() {
    page.show(
        this.plugin.screenUrl()
        + '/user/'
        + this._accountId);
  }

  _getConfig() {
    return this.plugin.restApi('/config/server/serviceuser~config/').get('')
        .then(config => {
          if (!config) {
            return;
          }

          if (config.info && config.info != '') {
            this._infoMessageEnabled = true;
            this._infoMessage = config.info;
            this.$.infoMessage.innerHTML = this._infoMessage;
          }

          if (config.on_success && config.on_success != '') {
            this._successMessageEnabled = true;
            this._successMessage = config.on_success;
            this.$.successMessage.innerHTML = this._successMessage;
          }

          this._emailEnabled = config.allow_email;
        });
  }

  _validateData() {
    this._dataValid = this._validateName(this._newUsername)
      && this._validateEmail(this._newEmail)
      && this._validateKey(this._newKey);
    this._computeButtonEnabled();
  }

  _validateName(username) {
    if (username && username.trim().length > 0) {
      return true;
    }

    return false;
  }

  _validateEmail(email) {
    if (!email || email.trim().length == 0 || email.includes('@')) {
      return true;
    }

    return false;
  }

  _validateKey(key) {
    if (!key || !key.trim()) {
      return false;
    }

    return true;
  }

  _computeButtonEnabled() {
    this._enableButton = this._dataValid && !this._isAdding;
  }

  _handleCreateServiceUser() {
    this._isAdding = true;
    this._computeButtonEnabled();
    const body = {
      ssh_key: this._newKey.trim(),
      email: this._newEmail ? this._newEmail.trim() : null,
    };
    return this.plugin.restApi('/a/config/server/serviceuser~serviceusers/')
        .post(this._newUsername, body)
        .then(response => {
          this._accountId = response._account_id;
          if (this._successMessage) {
            this.$.successDialogOverlay.open();
          } else {
            this._forwardToDetails();
          }
        }).catch(response => {
          this.dispatchEvent(
              new CustomEvent(
                  'show-error',
                  {
                    detail: {message: response},
                    bubbles: true,
                    composed: true,
                  }
              )
          );
          this._isAdding = false;
          this._computeButtonEnabled();
        });
  }
}

customElements.define(GrServiceUserCreate.is, GrServiceUserCreate);