import { alias } from '@ember/object/computed';
import { inject as service } from '@ember/service';
import Mixin from '@ember/object/mixin';
import C from 'ui/utils/constants';

export default Mixin.create({
  classNames: ['modal-container'/* , 'alert' */],

  modalService: service('modal'),
  modalOpts: alias('modalService.modalOpts'),
  // Focus does not want to focus on modal el here, dont know why but
  // esc wont work if a modal doesnt have a focused element
  //init() {
    //this._super(...arguments);
    //Ember.run.scheduleOnce('afterRender', ()=> {
      //console.log('Focused: ', this.$());
      //this.$().focus();
    //});
  //},
  //
  keyUp(e) {
    if (e.which === C.KEY.ESCAPE && this.escToClose()) {
      this.get('modalService').toggleModal();
    }
  },

  escToClose() {
    var modalService = this.get('modalService');
    if (modalService.get('modalVisible') && modalService.get('modalOpts.escToClose')) {
      return true;
    } else {
      return false;
    }
  },
  actions: {
    close() {
      this.get('modalService').toggleModal();
    },

    cancel() {
      this.get('modalService').toggleModal();
    },
  },
});