2013-05-15 01:17:24 +00:00
|
|
|
"use strict";
|
2013-06-14 23:18:37 +00:00
|
|
|
define(['marionette'], function () {
|
2013-05-15 01:17:24 +00:00
|
|
|
return Backbone.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;
|
|
|
|
},
|
|
|
|
|
2013-06-07 01:29:54 +00:00
|
|
|
showModal: function () {
|
2013-05-15 01:17:24 +00:00
|
|
|
this.$el.addClass('modal hide fade');
|
|
|
|
|
|
|
|
//need tab index so close on escape works
|
|
|
|
//https://github.com/twitter/bootstrap/issues/4663
|
2013-05-27 01:19:26 +00:00
|
|
|
this.$el.attr('tabindex', '-1');
|
2013-06-07 14:34:54 +00:00
|
|
|
this.$el.modal({
|
|
|
|
'show' : true,
|
|
|
|
'keyboard': true,
|
|
|
|
'backdrop': 'static'});
|
2013-05-28 02:05:34 +00:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
closeModal: function () {
|
|
|
|
this.$el.modal('hide');
|
|
|
|
this.close();
|
2013-05-15 01:17:24 +00:00
|
|
|
}
|
2013-05-27 01:19:26 +00:00
|
|
|
|
2013-05-15 01:17:24 +00:00
|
|
|
});
|
2013-06-07 01:29:54 +00:00
|
|
|
});
|