Lidarr/UI/Shared/Modal/Region.js

45 lines
1.2 KiB
JavaScript

'use strict';
define(
[
'marionette',
'bootstrap'
], function (Marionette) {
return 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'});
},
onClose: function(){
this.closeModal();
},
closeModal: function () {
this.$el.modal('hide');
}
});
});