body event handler mixin

import Ember from 'ember';
/*
Code modified from Addepar/ember-widgets
https://github.com/Addepar/ember-widgets/blob/master/src/mixins.coffee#L39
*/
var BodyEventListener = Ember.Mixin.create({
    bodyElementSelector: 'html',
    bodyClick: Ember.K,
    bodyDragEnter: Ember.K,
    bodyDragLeave: Ember.K,
    bodyDragOver: Ember.K,
    bodyDrop: Ember.K,
    init: function () {
        this._super();
        return Ember.run.next(this, this._setupDocumentHandlers);
    },
    willDestroy: function () {
        this._super();
        return this._removeDocumentHandlers();
    },
    _setupDocumentHandlers: function () {
        if (this._clickHandler && this._dragEnterHandler && this._dragLeaveHandler && this._dragOverHandler && this._dropHandler) {
            return;
        }
        var self = this;
        this._clickHandler = function (evt) {
            return self.bodyClick(evt);
        };
        this._dragEnterHandler = function (evt) {
            return self.bodyDragEnter(evt);
        };
        this._dragLeaveHandler = function (evt) {
            return self.bodyDragLeave(evt);
        };
        this._dragOverHandler = function (evt) {
            return self.bodyDragOver(evt);
        };
        this._dropHandler = function (evt) {
            return self.bodyDrop(evt);
        };
        Ember.$(this.get('bodyElementSelector')).on('click', this._clickHandler);
        Ember.$(this.get('bodyElementSelector')).on('dragenter', this._dragEnterHandler);
        Ember.$(this.get('bodyElementSelector')).on('dragleave', this._dragLeaveHandler);
        Ember.$(this.get('bodyElementSelector')).on('dragover', this._dragOverHandler);
        Ember.$(this.get('bodyElementSelector')).on('drop', this._dropHandler);
    },
    _removeDocumentHandlers: function () {
        Ember.$(this.get('bodyElementSelector')).off('click', this._clickHandler);
        Ember.$(this.get('bodyElementSelector')).off('dragenter', this._dragEnterHandler);
        Ember.$(this.get('bodyElementSelector')).on('dragleave', this._dragLeaveHandler);
        Ember.$(this.get('bodyElementSelector')).off('dragover', this._dragOverHandler);
        Ember.$(this.get('bodyElementSelector')).off('drop', this._dropHandler);
        this._clickHandler = null;
        this._dragEnterHandler = null;
        this._dragLeaveHandler = null;
        this._dragOverHandler = null;
        this._dropHandler = null;
    },
    /*
    http://stackoverflow.com/questions/152975/how-to-detect-a-click-outside-an-element
    */
    click: function (event) {
        return event.stopPropagation();
    }
});

export default BodyEventListener;