diff options
Diffstat (limited to 'openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modal.js')
-rw-r--r-- | openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modal.js | 756 |
1 files changed, 378 insertions, 378 deletions
diff --git a/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modal.js b/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modal.js index 58da13a8..20bb29c8 100644 --- a/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modal.js +++ b/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modal.js @@ -1,378 +1,378 @@ -/* =========================================================== - * 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); +/* ===========================================================
+ * 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);
|