You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.2 KiB
45 lines
1.2 KiB
'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');
|
|
}
|
|
|
|
});
|
|
});
|