import Ember from 'ember';

/**
 * Mixin to detect outside click for a component.
 * taken from http://stackoverflow.com/a/32115231
 */
export default Ember.Mixin.create({
  onOutsideClick: Ember.K,
  onOutsideClickEnabled: true,

  handleOutsideClick: function(event) {
    var element = this.$();
    var target = Ember.$(event.target);
    if(element && target) {
      console.log("OUTSIDE CLICK", element.has(target).length, element.is(target));
      if (!(element.has(target).length || element.is(target))) {
        this.onOutsideClick();
      }
    }
  },

  _registerOutsideClickListener() {
    let clickHandler = this.get('handleOutsideClick').bind(this);

    return Ember.$(document).on('click', clickHandler);
  },

  _unregisterOutsideClickListener() {
    let clickHandler = this.get('handleOutsideClick').bind(this);

    return Ember.$(document).off('click', clickHandler);
  },

  _onOutsideClickEnabledChanged: Ember.observer('onOutsideClickEnabled', function() {
    if(this.get('onOutsideClickEnabled')) {
      this._registerOutsideClickListener();
    }
    else {
      this._unregisterOutsideClickListener();
    }
  }),

  setupOutsideClickListener: Ember.on('didInsertElement', function() {
    this._super(...arguments);
    if(this.get('onOutsideClickEnabled')) {
      return this._registerOutsideClickListener();
    }
    else {
      return Ember.$(document);
    }
  }),

  removeOutsideClickListener: Ember.on('willDestroyElement', function() {
    return this._unregisterOutsideClickListener();
  })
});