Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed
/* ===========================================================* bootstrap-modal.js v2.2.5* ===========================================================* Copyright 2012 Jordan Schroter** Licensed under the Apache License, Version 2.0 (the "License");* you may not use this file except in compliance with the License.* You may obtain a copy of the License at** http://www.apache.org/licenses/LICENSE-2.0** Unless required by applicable law or agreed to in writing, software* distributed under the License is distributed on an "AS IS" BASIS,* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.* See the License for the specific language governing permissions and* limitations under the License.* ========================================================== */!function ($) {"use strict"; // jshint ;_;/* MODAL CLASS DEFINITION* ====================== */var Modal = function (element, options) {this.init(element, options);};Modal.prototype = {constructor: Modal,init: function (element, options) {var that = this;this.options = options;this.$element = $(element).delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this));this.options.remote && this.$element.find('.modal-body').load(this.options.remote, function () {var e = $.Event('loaded');that.$element.trigger(e);});var manager = typeof this.options.manager === 'function' ?this.options.manager.call(this) : this.options.manager;manager = manager.appendModal ?manager : $(manager).modalmanager().data('modalmanager');manager.appendModal(this);},toggle: function () {return this[!this.isShown ? 'show' : 'hide']();},show: function () {var e = $.Event('show');if (this.isShown) return;this.$element.trigger(e);if (e.isDefaultPrevented()) return;this.escape();this.tab();this.options.loading && this.loading();},hide: function (e) {e && e.preventDefault();e = $.Event('hide');this.$element.trigger(e);if (!this.isShown || e.isDefaultPrevented()) return;this.isShown = false;this.escape();this.tab();this.isLoading && this.loading();$(document).off('focusin.modal');this.$element.removeClass('in').removeClass('animated').removeClass(this.options.attentionAnimation).removeClass('modal-overflow').attr('aria-hidden', true);$.support.transition && this.$element.hasClass('fade') ?this.hideWithTransition() :this.hideModal();},layout: function () {var prop = this.options.height ? 'height' : 'max-height',value = this.options.height || this.options.maxHeight;if (this.options.width){this.$element.css('width', this.options.width);var that = this;this.$element.css('margin-left', function () {if (/%/ig.test(that.options.width)){return -(parseInt(that.options.width) / 2) + '%';} else {return -($(this).width() / 2) + 'px';}});} else {this.$element.css('width', '');this.$element.css('margin-left', '');}this.$element.find('.modal-body').css('overflow', '').css(prop, '');if (value){this.$element.find('.modal-body').css('overflow', 'auto').css(prop, value);}var modalOverflow = $(window).height() - 10 < this.$element.height();if (modalOverflow || this.options.modalOverflow) {this.$element.css('margin-top', 0).addClass('modal-overflow');} else {this.$element.css('margin-top', 0 - this.$element.height() / 2).removeClass('modal-overflow');}},tab: function () {var that = this;if (this.isShown && this.options.consumeTab) {this.$element.on('keydown.tabindex.modal', '[data-tabindex]', function (e) {if (e.keyCode && e.keyCode == 9){var elements = [],tabindex = Number($(this).data('tabindex'));that.$element.find('[data-tabindex]:enabled:visible:not([readonly])').each(function (ev) {elements.push(Number($(this).data('tabindex')));});elements.sort(function(a,b){return a-b});var arrayPos = $.inArray(tabindex, elements);if (!e.shiftKey){arrayPos < elements.length-1 ?that.$element.find('[data-tabindex='+elements[arrayPos+1]+']').focus() :that.$element.find('[data-tabindex='+elements[0]+']').focus();} else {arrayPos == 0 ?that.$element.find('[data-tabindex='+elements[elements.length-1]+']').focus() :that.$element.find('[data-tabindex='+elements[arrayPos-1]+']').focus();}e.preventDefault();}});} else if (!this.isShown) {this.$element.off('keydown.tabindex.modal');}},escape: function () {var that = this;if (this.isShown && this.options.keyboard) {if (!this.$element.attr('tabindex')) this.$element.attr('tabindex', -1);this.$element.on('keyup.dismiss.modal', function (e) {e.which == 27 && that.hide();});} else if (!this.isShown) {this.$element.off('keyup.dismiss.modal')}},hideWithTransition: function () {var that = this, timeout = setTimeout(function () {that.$element.off($.support.transition.end);that.hideModal();}, 500);this.$element.one($.support.transition.end, function () {clearTimeout(timeout);that.hideModal();});},hideModal: function () {var prop = this.options.height ? 'height' : 'max-height';var value = this.options.height || this.options.maxHeight;if (value){this.$element.find('.modal-body').css('overflow', '').css(prop, '');}this.$element.hide().trigger('hidden');},removeLoading: function () {this.$loading.remove();this.$loading = null;this.isLoading = false;},loading: function (callback) {callback = callback || function () {};var animate = this.$element.hasClass('fade') ? 'fade' : '';if (!this.isLoading) {var doAnimate = $.support.transition && animate;this.$loading = $('<div class="loading-mask ' + animate + '">').append(this.options.spinner).appendTo(this.$element);if (doAnimate) this.$loading[0].offsetWidth; // force reflowthis.$loading.addClass('in');this.isLoading = true;doAnimate ?this.$loading.one($.support.transition.end, callback) :callback();} else if (this.isLoading && this.$loading) {this.$loading.removeClass('in');var that = this;$.support.transition && this.$element.hasClass('fade')?this.$loading.one($.support.transition.end, function () { that.removeLoading() }) :that.removeLoading();} else if (callback) {callback(this.isLoading);}},focus: function () {var $focusElem = this.$element.find(this.options.focusOn);$focusElem = $focusElem.length ? $focusElem : this.$element;$focusElem.focus();},attention: function (){// NOTE: transitionEnd with keyframes causes odd behaviourif (this.options.attentionAnimation){this.$element.removeClass('animated').removeClass(this.options.attentionAnimation);var that = this;setTimeout(function () {that.$element.addClass('animated').addClass(that.options.attentionAnimation);}, 0);}this.focus();},destroy: function () {var e = $.Event('destroy');this.$element.trigger(e);if (e.isDefaultPrevented()) return;this.$element.off('.modal').removeData('modal').removeClass('in').attr('aria-hidden', true);if (this.$parent !== this.$element.parent()) {this.$element.appendTo(this.$parent);} else if (!this.$parent.length) {// modal is not part of the DOM so remove it.this.$element.remove();this.$element = null;}this.$element.trigger('destroyed');}};/* MODAL PLUGIN DEFINITION* ======================= */$.fn.modal = function (option, args) {return this.each(function () {var $this = $(this),data = $this.data('modal'),options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option);if (!data) $this.data('modal', (data = new Modal(this, options)));if (typeof option == 'string') data[option].apply(data, [].concat(args));else if (options.show) data.show()})};$.fn.modal.defaults = {keyboard: true,backdrop: true,loading: false,show: true,width: null,height: null,maxHeight: null,modalOverflow: false,consumeTab: true,focusOn: null,replace: false,resize: false,attentionAnimation: 'shake',manager: 'body',spinner: '<div class="loading-spinner" style="width: 200px; margin-left: -100px;"><div class="progress progress-striped active"><div class="bar" style="width: 100%;"></div></div></div>',backdropTemplate: '<div class="modal-backdrop" />'};$.fn.modal.Constructor = Modal;/* MODAL DATA-API* ============== */$(function () {$(document).off('click.modal').on('click.modal.data-api', '[data-toggle="modal"]', function ( e ) {var $this = $(this),href = $this.attr('href'),$target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))), //strip for ie7option = $target.data('modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data());e.preventDefault();$target.modal(option).one('hide', function () {$this.focus();})});});}(window.jQuery);