ui/lib/shared/addon/components/modal-root/component.js

21 lines
659 B
JavaScript

import $ from 'jquery';
import { alias } from '@ember/object/computed';
import { inject as service } from '@ember/service';
import Component from '@ember/component';
import layout from './template';
export default Component.extend({
layout,
tagName: 'div',
classNames: ['modal-overlay'],
classNameBindings: ['modalVisible:modal-open:modal-closed'],
modalService: service('modal'),
modalType: alias('modalService.modalType'),
modalVisible: alias('modalService.modalVisible'),
click(e) {
if (this.get('modalService.closeWithOutsideClick') && $(e.target).hasClass('modal-open')) {
this.get('modalService').toggleModal();
}
}
});