2017-08-22 09:53:26 +02:00
|
|
|
import Component from '@ember/component';
|
2016-06-30 20:14:25 +02:00
|
|
|
import RSVP from 'rsvp';
|
2017-08-22 09:53:26 +02:00
|
|
|
import {computed} from '@ember/object';
|
|
|
|
import {A as emberA} from '@ember/array';
|
|
|
|
import {isBlank} from '@ember/utils';
|
|
|
|
import {run} from '@ember/runloop';
|
2017-10-30 10:38:01 +01:00
|
|
|
import {inject as service} from '@ember/service';
|
2015-11-18 11:50:48 +01:00
|
|
|
|
2016-10-07 15:27:39 +02:00
|
|
|
const FullScreenModalComponent = Component.extend({
|
2018-01-11 18:43:23 +01:00
|
|
|
dropdown: service(),
|
2015-11-18 11:50:48 +01:00
|
|
|
|
2016-10-07 15:27:39 +02:00
|
|
|
model: null,
|
|
|
|
modifier: null,
|
2015-11-18 11:50:48 +01:00
|
|
|
|
2016-10-07 15:27:39 +02:00
|
|
|
modalPath: computed('modal', function () {
|
2019-03-06 14:53:54 +01:00
|
|
|
return `modal-${this.modal || 'unknown'}`;
|
2016-10-07 15:27:39 +02:00
|
|
|
}),
|
2015-11-18 11:50:48 +01:00
|
|
|
|
2016-10-07 15:27:39 +02:00
|
|
|
modalClasses: computed('modifiers', function () {
|
|
|
|
let modalClass = 'fullscreen-modal';
|
2019-03-06 14:53:54 +01:00
|
|
|
let modifiers = (this.modifier || '').split(' ');
|
2016-10-07 15:27:39 +02:00
|
|
|
let modalClasses = emberA([modalClass]);
|
2015-11-18 11:50:48 +01:00
|
|
|
|
|
|
|
modifiers.forEach((modifier) => {
|
|
|
|
if (!isBlank(modifier)) {
|
2016-10-07 15:27:39 +02:00
|
|
|
let className = `${modalClass}-${modifier}`;
|
|
|
|
modalClasses.push(className);
|
2015-11-18 11:50:48 +01:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2016-10-07 15:27:39 +02:00
|
|
|
return modalClasses.join(' ');
|
2015-11-18 11:50:48 +01:00
|
|
|
}),
|
|
|
|
|
2017-01-10 12:49:15 +01:00
|
|
|
didInsertElement() {
|
2015-11-18 11:50:48 +01:00
|
|
|
run.schedule('afterRender', this, function () {
|
2019-03-06 14:53:54 +01:00
|
|
|
this.dropdown.closeDropdowns();
|
2015-11-18 11:50:48 +01:00
|
|
|
});
|
2017-01-10 12:49:15 +01:00
|
|
|
},
|
2015-11-18 11:50:48 +01:00
|
|
|
|
|
|
|
actions: {
|
|
|
|
close() {
|
2018-03-20 15:57:59 +01:00
|
|
|
return this.close();
|
2015-11-18 11:50:48 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
confirm() {
|
2018-03-20 15:57:59 +01:00
|
|
|
return this.confirm();
|
2015-11-18 11:50:48 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
clickOverlay() {
|
|
|
|
this.send('close');
|
|
|
|
}
|
2018-03-20 15:57:59 +01:00
|
|
|
},
|
|
|
|
|
|
|
|
// Allowed actions
|
|
|
|
close: () => RSVP.resolve(),
|
|
|
|
confirm: () => RSVP.resolve()
|
2015-11-18 11:50:48 +01:00
|
|
|
});
|
|
|
|
|
|
|
|
FullScreenModalComponent.reopenClass({
|
|
|
|
positionalParams: ['modal']
|
|
|
|
});
|
|
|
|
|
|
|
|
export default FullScreenModalComponent;
|