Subversion Repositories eFlore/Applications.cel

/* ===========================================================

 * 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 reflow

				this.$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 behaviour

			if (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 ie7

				option = $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);