Lidarr/UI/Shared/Modal/Region.js

50 lines
1.3 KiB
JavaScript

'use strict';
define(
[
'app',
'$',
'marionette',
'bootstrap'
], function (app, $, Marionette) {
var region = Marionette.Region.extend({
el: '#modal-region',
constructor: function () {
Backbone.Marionette.Region.prototype.constructor.apply(this, arguments);
this.on('show', this.showModal, this);
},
getEl: function (selector) {
var $el = $(selector);
$el.on('hidden', this.close);
return $el;
},
showModal: function () {
this.$el.addClass('modal hide fade');
//need tab index so close on escape works
//https://github.com/twitter/bootstrap/issues/4663
this.$el.attr('tabindex', '-1');
this.$el.modal({
'show' : true,
'keyboard': true,
'backdrop': 'static'});
},
closeModal: function () {
$(this.el).modal('hide');
this.reset();
}
});
app.addInitializer(function () {
app.addRegions({
modalRegion : region
});
});
return region;
});