'use strict';

(function(exports) {

  /**
   * IMESwitcher is responsible for showing a fake notification
   * in utility tray, which indicates the activate keyboard
   * and may be interacted upon for showing IME selection menu.
   */
  var IMESwitcher = function() {
    this._utilityTrayContainer = null;
    this._notificationContainer = null;
    this._notificationTitle = null;
    this.ontap = undefined;
  };

  IMESwitcher.prototype.start = function is_start() {
    this._utilityTrayContainer =
      document.getElementById('keyboard-show-ime-list');

    this._notificationContainer =
      this._utilityTrayContainer.querySelector('.fake-notification');
    this._notificationTitle =
      this._notificationContainer.querySelector('.title-container');

    this._notificationContainer.addEventListener('mousedown', this);
  };

  IMESwitcher.prototype.stop = function is_stop() {
    this._notificationContainer.removeEventListener('mousedown', this);
    this._utilityTrayContainer = null;
    this._notificationContainer = null;
    this._notificationTitle = null;
    this.ontap = undefined;
  };

  IMESwitcher.prototype.show = function is_show(appName, imeName, nameL10nId) {
    window.dispatchEvent(new CustomEvent('keyboardimeswitchershow'));

    var p;
    if (nameL10nId) {
      p = navigator.mozL10n.formatValue(nameL10nId);
    } else {
      p = Promise.resolve(imeName);
    }

    p.then(function(imeName) {
      navigator.mozL10n.setAttributes(
        this._notificationTitle,
        'ime-switching-title',
        { appName: appName, name: imeName }
      );
    }.bind(this)).catch((e) => {
      console.error(e);
    });

    // Instead of create DOM element dynamically, we can just turn the message
    // on/off and add message as we need. This save the time to create and
    // append element.
    this._notificationContainer.classList.add('activated');
  };

  IMESwitcher.prototype.hide = function is_hide() {
    this._notificationContainer.classList.remove('activated');
    window.dispatchEvent(new CustomEvent('keyboardimeswitcherhide'));
  };

  IMESwitcher.prototype.handleEvent = function is_handleEvent(evt) {
    evt.preventDefault();
    if (typeof this.ontap === 'function') {
     this.ontap();
    }
  };

  exports.IMESwitcher = IMESwitcher;

})(window);