Skip to content

Commit

Permalink
add vendor
Browse files Browse the repository at this point in the history
  • Loading branch information
@badgeek
badgeek committed Oct 5, 2014
1 parent 0ba6ef9 commit 271c8f2
Show file tree
Hide file tree
Showing 21 changed files with 36,638 additions and 0 deletions.
298 changes: 298 additions & 0 deletions bower_components/backbone.bootstrap-modal/src/backbone.bootstrap-modal.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,298 @@
/**
* Bootstrap Modal wrapper for use with Backbone.
*
* Takes care of instantiation, manages multiple modals,
* adds several options and removes the element from the DOM when closed
*
* @author Charles Davison <charlie@powmedia.co.uk>
*
* Events:
* shown: Fired when the modal has finished animating in
* hidden: Fired when the modal has finished animating out
* cancel: The user dismissed the modal
* ok: The user clicked OK
*/
(function($, _, Backbone) {

//Set custom template settings
var _interpolateBackup = _.templateSettings;
_.templateSettings = {
interpolate: /\{\{(.+?)\}\}/g,
evaluate: /<%([\s\S]+?)%>/g
};

var template = _.template('\
<div class="modal-dialog"><div class="modal-content">\
<% if (title) { %>\
<div class="modal-header">\
<% if (allowCancel) { %>\
<a class="close">&times;</a>\
<% } %>\
<h4>{{title}}</h4>\
</div>\
<% } %>\
<div class="modal-body">{{content}}</div>\
</div></div>\
');

//Reset to users' template settings
_.templateSettings = _interpolateBackup;


var Modal = Backbone.View.extend({

className: 'modal',

events: {
'hidden.bs.modal': function(e) {

this.remove();

if (this.options.content && this.options.content.trigger) {
this.options.content.trigger('hidden', this);
}

this.trigger('hidden');
Modal.count--;
this.close();
//console.log(Modal.count);
},
'click .close': function(event) {

event.preventDefault();

if (this.options.content && this.options.content.trigger) {
this.options.content.trigger('close', this);
}

this.trigger('close');
},
'click .cancel': function(event) {

event.preventDefault();

if (this.options.content && this.options.content.trigger) {
this.options.content.trigger('cancel', this);
}

this.trigger('cancel');
},
'click .ok': function(event) {
event.preventDefault();

if (this.options.content && this.options.content.trigger) {
this.options.content.trigger('ok', this);
}

this.trigger('ok');

if (this.options.okCloses) {
this.close();
}
},
'keypress': function(event) {
if (this.options.enterTriggersOk && event.which == 13) {
event.preventDefault();

if (this.options.content && this.options.content.trigger) {
this.options.content.trigger('ok', this);
}

this.trigger('ok');

if (this.options.okCloses) {
this.close();
}
}
}
},

/**
* Creates an instance of a Bootstrap Modal
*
* @see http://twitter.github.com/bootstrap/javascript.html#modals
*
* @param {Object} options
* @param {String|View} [options.content] Modal content. Default: none
* @param {String} [options.title] Title. Default: none
* @param {String} [options.okText] Text for the OK button. Default: 'OK'
* @param {String} [options.cancelText] Text for the cancel button. Default: 'Cancel'. If passed a falsey value, the button will be removed
* @param {Boolean} [options.allowCancel Whether the modal can be closed, other than by pressing OK. Default: true
* @param {Boolean} [options.escape] Whether the 'esc' key can dismiss the modal. Default: true, but false if options.cancellable is true
* @param {Boolean} [options.animate] Whether to animate in/out. Default: false
* @param {Function} [options.template] Compiled underscore template to override the default one
* @param {Boolean} [options.enterTriggersOk] Whether the 'enter' key will trigger OK. Default: false
*/
initialize: function(options) {
this.options = _.extend({
title: null,
okText: 'OK',
focusOk: true,
okCloses: true,
cancelText: 'Cancel',
showFooter: true,
allowCancel: true,
escape: true,
animate: false,
template: template,
enterTriggersOk: false
}, options);
},

/**
* Creates the DOM element
*
* @api private
*/
render: function() {
var $el = this.$el,
options = this.options,
content = options.content;

//Create the modal container
$el.html(options.template(options));

var $content = this.$content = $el.find('.modal-body');

//Insert the main content if it's a view
if (content && content.$el) {
content.render();
$el.find('.modal-body').html(content.$el);
}

if (options.animate) $el.addClass('fade');

this.isRendered = true;

return this;
},

/**
* Renders and shows the modal
*
* @param {Function} [cb] Optional callback that runs only when OK is pressed.
*/
open: function(cb) {
if (!this.isRendered) this.render();

var self = this,
$el = this.$el;

//Create it
$el.modal(_.extend({
keyboard: this.options.allowCancel,
backdrop: this.options.allowCancel ? true : 'static'
}, this.options.modalOptions));

//Focus OK button
$el.one('shown.bs.modal', function() {
if (self.options.focusOk) {
$el.find('.btn.ok').focus();
}

if (self.options.content && self.options.content.trigger) {
self.options.content.trigger('shown', self);
}

self.trigger('shown');
});

//Adjust the modal and backdrop z-index; for dealing with multiple modals
var numModals = Modal.count,
$backdrop = $('.modal-backdrop:eq(' + numModals + ')'),
backdropIndex = parseInt($backdrop.css('z-index'), 10),
elIndex = parseInt($backdrop.css('z-index'), 10);

$backdrop.css('z-index', backdropIndex + numModals);
this.$el.css('z-index', elIndex + numModals);

if (this.options.allowCancel) {
$backdrop.one('click', function() {
if (self.options.content && self.options.content.trigger) {
self.options.content.trigger('cancel', self);
}

self.trigger('cancel');
//console.log('cancel');
});

$(document).one('keyup.dismiss.modal', function(e) {
// e.which == 27 && self.trigger('cancel');

// if (self.options.content && self.options.content.trigger) {
// e.which == 27 && self.options.content.trigger('shown', self);
// }
});
}

this.on('cancel', function() {
self.close();
});

this.on('close', function() {
self.close();
});

Modal.count++;
//console.log(Modal.count);
//Run callback on OK if provided
if (cb) {
self.on('ok', cb);
}

return this;
},

/**
* Closes the modal
*/
close: function() {
var self = this,
$el = this.$el;

//Check if the modal should stay open
if (this._preventClose) {
this._preventClose = false;
return;
}



$el.modal('hide');

},

/**
* Stop the modal from closing.
* Can be called from within a 'close' or 'ok' event listener.
*/
preventClose: function() {
this._preventClose = true;
}
}, {
//STATICS

//The number of modals on display
count: 0
});


//EXPORTS
//CommonJS
if (typeof require == 'function' && typeof module !== 'undefined' && exports) {
module.exports = Modal;
}

//AMD / RequireJS
if (typeof define === 'function' && define.amd) {
return define(function() {
Backbone.BootstrapModal = Modal;
});
}

//Regular; add to Backbone.Bootstrap.Modal
else {
Backbone.BootstrapModal = Modal;
}

})(jQuery, _, Backbone);
Loading

0 comments on commit 271c8f2

Please sign in to comment.