53 lines
1.2 KiB
JavaScript
53 lines
1.2 KiB
JavaScript
import { observes, on } from 'ember-addons/ember-computed-decorators';
|
|
|
|
export default Ember.Component.extend({
|
|
classNameBindings: [':d-editor-modal', 'hidden'],
|
|
|
|
@observes('hidden')
|
|
_hiddenChanged() {
|
|
if (!this.get('hidden')) {
|
|
Ember.run.scheduleOnce('afterRender', () => {
|
|
const $modal = this.$();
|
|
const $parent = this.$().closest('.d-editor');
|
|
const w = $parent.width();
|
|
const h = $parent.height();
|
|
$modal.css({ left: (w / 2) - ($modal.outerWidth() / 2) });
|
|
parent.$('.d-editor-overlay').removeClass('hidden').css({ width: w, height: h});
|
|
this.$('input').focus();
|
|
});
|
|
} else {
|
|
parent.$('.d-editor-overlay').addClass('hidden');
|
|
}
|
|
},
|
|
|
|
@on('didInsertElement')
|
|
_listenKeys() {
|
|
this.$().on('keydown.d-modal', key => {
|
|
if (this.get('hidden')) { return; }
|
|
|
|
if (key.keyCode === 27) {
|
|
this.send('cancel');
|
|
}
|
|
if (key.keyCode === 13) {
|
|
this.send('ok');
|
|
}
|
|
});
|
|
},
|
|
|
|
@on('willDestroyElement')
|
|
_stopListening() {
|
|
this.$().off('keydown.d-modal');
|
|
},
|
|
|
|
actions: {
|
|
ok() {
|
|
this.set('hidden', true);
|
|
this.sendAction('okAction');
|
|
},
|
|
|
|
cancel() {
|
|
this.set('hidden', true);
|
|
}
|
|
}
|
|
});
|