41 lines
1.2 KiB
JavaScript
41 lines
1.2 KiB
JavaScript
export default Ember.Component.extend({
|
|
classNames: ['modal-body'],
|
|
|
|
didInsertElement() {
|
|
this._super();
|
|
$('#modal-alert').hide();
|
|
$('#discourse-modal').modal('show');
|
|
Ember.run.scheduleOnce('afterRender', this, this._afterFirstRender);
|
|
this.appEvents.on('modal-body:flash', msg => this._flash(msg));
|
|
},
|
|
|
|
willDestroyElement() {
|
|
this._super();
|
|
this.appEvents.off('modal-body:flash');
|
|
},
|
|
|
|
_afterFirstRender() {
|
|
if (!this.site.mobileView && this.get('autoFocus') !== 'false') {
|
|
this.$('input:first').focus();
|
|
}
|
|
|
|
const maxHeight = this.get('maxHeight');
|
|
if (maxHeight) {
|
|
const maxHeightFloat = parseFloat(maxHeight) / 100.0;
|
|
if (maxHeightFloat > 0) {
|
|
const viewPortHeight = $(window).height();
|
|
this.$().css("max-height", Math.floor(maxHeightFloat * viewPortHeight) + "px");
|
|
}
|
|
}
|
|
|
|
this.appEvents.trigger('modal:body-shown', this.getProperties('title', 'rawTitle'));
|
|
},
|
|
|
|
_flash(msg) {
|
|
$('#modal-alert').hide()
|
|
.removeClass('alert-error', 'alert-success')
|
|
.addClass(`alert alert-${msg.messageClass || 'success'}`).html(msg.text || '')
|
|
.fadeIn();
|
|
},
|
|
});
|