diff options
author | seshukm <seshu.kumar.m@huawei.com> | 2017-01-20 17:43:08 +0530 |
---|---|---|
committer | seshukm <seshu.kumar.m@huawei.com> | 2017-01-20 17:43:08 +0530 |
commit | f0b211f269df2b0bb10d5552d14aeb8991a750ed (patch) | |
tree | 1bd6ccf7503f8dad0785e03ce52937a55ae9555b /openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal | |
parent | 68036a69f0dd0dad6b6a715d9850997d21f82940 (diff) |
GUI Code refactor
GUI Code refactor for the sun release code.
Issue-Id : CLIENT-11
Change-Id: I771cc25ff3c8ff7a4e939ce7baef7dd94a67974b
Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
Diffstat (limited to 'openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal')
4 files changed, 1065 insertions, 1065 deletions
diff --git a/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/css/bootstrap-modal-bs3patch.css b/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/css/bootstrap-modal-bs3patch.css index 71ca0edc..9939f3ce 100644 --- a/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/css/bootstrap-modal-bs3patch.css +++ b/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/css/bootstrap-modal-bs3patch.css @@ -1,51 +1,51 @@ -/*! - * Bootstrap Modal - * - * Copyright Jordan Schroter - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Boostrap 3 patch for for bootstrap-modal. Include BEFORE bootstrap-modal.css! - */ - -body.modal-open, -.modal-open .navbar-fixed-top, -.modal-open .navbar-fixed-bottom { - margin-right: 0; -} - -.modal { - left: 50%; - bottom: auto; - right: auto; - z-index: 1050; - padding: 0; - width: 600px; - margin-left: -300px; - background-color: #ffffff; - border: 1px solid #999999; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - background-clip: padding-box; -} - -.modal.container { - max-width: none; -} - -.modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; -} - -.modal.bootbox { - border: none; - background: none; - box-shadow: none; +/*!
+ * Bootstrap Modal
+ *
+ * Copyright Jordan Schroter
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Boostrap 3 patch for for bootstrap-modal. Include BEFORE bootstrap-modal.css!
+ */
+
+body.modal-open,
+.modal-open .navbar-fixed-top,
+.modal-open .navbar-fixed-bottom {
+ margin-right: 0;
+}
+
+.modal {
+ left: 50%;
+ bottom: auto;
+ right: auto;
+ z-index: 1050;
+ padding: 0;
+ width: 600px;
+ margin-left: -300px;
+ background-color: #ffffff;
+ border: 1px solid #999999;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 6px;
+ -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+}
+
+.modal.container {
+ max-width: none;
+}
+
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1040;
+}
+
+.modal.bootbox {
+ border: none;
+ background: none;
+ box-shadow: none;
}
\ No newline at end of file diff --git a/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/css/bootstrap-modal.css b/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/css/bootstrap-modal.css index 4e48f1cf..bc62761a 100644 --- a/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/css/bootstrap-modal.css +++ b/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/css/bootstrap-modal.css @@ -1,214 +1,214 @@ -/*! - * Bootstrap Modal - * - * Copyright Jordan Schroter - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0 - * - */ - -.modal-open { - overflow: hidden; -} - - -/* add a scroll bar to stop page from jerking around */ -.modal-open.page-overflow .page-container, -.modal-open.page-overflow .page-container .navbar-fixed-top, -.modal-open.page-overflow .page-container .navbar-fixed-bottom, -.modal-open.page-overflow .modal-scrollable { - overflow-y: scroll; -} - -@media (max-width: 979px) { - .modal-open.page-overflow .page-container .navbar-fixed-top, - .modal-open.page-overflow .page-container .navbar-fixed-bottom { - overflow-y: visible; - } -} - - -.modal-scrollable { - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - overflow: auto; -} - -.modal { - outline: none; - position: absolute; - margin-top: 0; - top: 50%; - overflow: visible; /* allow content to popup out (i.e tooltips) */ -} - -.modal.fade { - top: -100%; - -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out; -} - -.modal.fade.in { - top: 50%; -} - -.modal-body { - max-height: none; - overflow: visible; -} - -.modal.modal-absolute { - position: absolute; - z-index: 950; -} - -.modal .loading-mask { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #fff; - border-radius: 6px; -} - -.modal-backdrop.modal-absolute{ - position: absolute; - z-index: 940; -} - -.modal-backdrop, -.modal-backdrop.fade.in{ - opacity: 0.7; - filter: alpha(opacity=70); - background: #fff; -} - -.modal.container { - width: 940px; - margin-left: -470px; -} - -/* Modal Overflow */ - -.modal-overflow.modal { - top: 5%; -} - -.modal-overflow.modal.fade { - top: -100%; -} - -.modal-overflow.modal.fade.in { - top: 5%; -} - -.modal-overflow .modal-body { - overflow: auto; - -webkit-overflow-scrolling: touch; -} - -/* Responsive */ - -@media (min-width: 1200px) { - .modal.container { - width: 1170px; - margin-left: -585px; - } -} - -@media (max-width: 979px) { - .modal, - .modal.container, - .modal.modal-overflow { - top: 1%; - right: 1%; - left: 1%; - bottom: auto; - width: auto !important; - height: auto !important; - margin: 0 !important; - padding: 0 !important; - } - - .modal.fade.in, - .modal.container.fade.in, - .modal.modal-overflow.fade.in { - top: 1%; - bottom: auto; - } - - .modal-body, - .modal-overflow .modal-body { - position: static; - margin: 0; - height: auto !important; - max-height: none !important; - overflow: visible !important; - } - - .modal-footer, - .modal-overflow .modal-footer { - position: static; - } -} - -.loading-spinner { - position: absolute; - top: 50%; - left: 50%; - margin: -12px 0 0 -12px; -} - -/* -Animate.css - http://daneden.me/animate -Licensed under the ☺ license (http://licence.visualidiot.com/) - -Copyright (c) 2012 Dan Eden*/ - -.animated { - -webkit-animation-duration: 1s; - -moz-animation-duration: 1s; - -o-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - -moz-animation-fill-mode: both; - -o-animation-fill-mode: both; - animation-fill-mode: both; -} - -@-webkit-keyframes shake { - 0%, 100% {-webkit-transform: translateX(0);} - 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} - 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} -} - -@-moz-keyframes shake { - 0%, 100% {-moz-transform: translateX(0);} - 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} - 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} -} - -@-o-keyframes shake { - 0%, 100% {-o-transform: translateX(0);} - 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} - 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} -} - -@keyframes shake { - 0%, 100% {transform: translateX(0);} - 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} - 20%, 40%, 60%, 80% {transform: translateX(10px);} -} - -.shake { - -webkit-animation-name: shake; - -moz-animation-name: shake; - -o-animation-name: shake; - animation-name: shake; -} +/*!
+ * Bootstrap Modal
+ *
+ * Copyright Jordan Schroter
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */
+
+.modal-open {
+ overflow: hidden;
+}
+
+
+/* add a scroll bar to stop page from jerking around */
+.modal-open.page-overflow .page-container,
+.modal-open.page-overflow .page-container .navbar-fixed-top,
+.modal-open.page-overflow .page-container .navbar-fixed-bottom,
+.modal-open.page-overflow .modal-scrollable {
+ overflow-y: scroll;
+}
+
+@media (max-width: 979px) {
+ .modal-open.page-overflow .page-container .navbar-fixed-top,
+ .modal-open.page-overflow .page-container .navbar-fixed-bottom {
+ overflow-y: visible;
+ }
+}
+
+
+.modal-scrollable {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ overflow: auto;
+}
+
+.modal {
+ outline: none;
+ position: absolute;
+ margin-top: 0;
+ top: 50%;
+ overflow: visible; /* allow content to popup out (i.e tooltips) */
+}
+
+.modal.fade {
+ top: -100%;
+ -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+ -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+ -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+ transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+}
+
+.modal.fade.in {
+ top: 50%;
+}
+
+.modal-body {
+ max-height: none;
+ overflow: visible;
+}
+
+.modal.modal-absolute {
+ position: absolute;
+ z-index: 950;
+}
+
+.modal .loading-mask {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: #fff;
+ border-radius: 6px;
+}
+
+.modal-backdrop.modal-absolute{
+ position: absolute;
+ z-index: 940;
+}
+
+.modal-backdrop,
+.modal-backdrop.fade.in{
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+ background: #fff;
+}
+
+.modal.container {
+ width: 940px;
+ margin-left: -470px;
+}
+
+/* Modal Overflow */
+
+.modal-overflow.modal {
+ top: 5%;
+}
+
+.modal-overflow.modal.fade {
+ top: -100%;
+}
+
+.modal-overflow.modal.fade.in {
+ top: 5%;
+}
+
+.modal-overflow .modal-body {
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+/* Responsive */
+
+@media (min-width: 1200px) {
+ .modal.container {
+ width: 1170px;
+ margin-left: -585px;
+ }
+}
+
+@media (max-width: 979px) {
+ .modal,
+ .modal.container,
+ .modal.modal-overflow {
+ top: 1%;
+ right: 1%;
+ left: 1%;
+ bottom: auto;
+ width: auto !important;
+ height: auto !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ }
+
+ .modal.fade.in,
+ .modal.container.fade.in,
+ .modal.modal-overflow.fade.in {
+ top: 1%;
+ bottom: auto;
+ }
+
+ .modal-body,
+ .modal-overflow .modal-body {
+ position: static;
+ margin: 0;
+ height: auto !important;
+ max-height: none !important;
+ overflow: visible !important;
+ }
+
+ .modal-footer,
+ .modal-overflow .modal-footer {
+ position: static;
+ }
+}
+
+.loading-spinner {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin: -12px 0 0 -12px;
+}
+
+/*
+Animate.css - http://daneden.me/animate
+Licensed under the ☺ license (http://licence.visualidiot.com/)
+
+Copyright (c) 2012 Dan Eden*/
+
+.animated {
+ -webkit-animation-duration: 1s;
+ -moz-animation-duration: 1s;
+ -o-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-fill-mode: both;
+ -moz-animation-fill-mode: both;
+ -o-animation-fill-mode: both;
+ animation-fill-mode: both;
+}
+
+@-webkit-keyframes shake {
+ 0%, 100% {-webkit-transform: translateX(0);}
+ 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
+ 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
+}
+
+@-moz-keyframes shake {
+ 0%, 100% {-moz-transform: translateX(0);}
+ 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
+ 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
+}
+
+@-o-keyframes shake {
+ 0%, 100% {-o-transform: translateX(0);}
+ 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
+ 20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
+}
+
+@keyframes shake {
+ 0%, 100% {transform: translateX(0);}
+ 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
+ 20%, 40%, 60%, 80% {transform: translateX(10px);}
+}
+
+.shake {
+ -webkit-animation-name: shake;
+ -moz-animation-name: shake;
+ -o-animation-name: shake;
+ animation-name: shake;
+}
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);
diff --git a/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modalmanager.js b/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modalmanager.js index c9665156..ba6f7eb2 100644 --- a/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modalmanager.js +++ b/openo-portal/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modalmanager.js @@ -1,423 +1,423 @@ -/* =========================================================== - * bootstrap-modalmanager.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 MANAGER CLASS DEFINITION - * ====================== */ - - var ModalManager = function (element, options) { - this.init(element, options); - }; - - ModalManager.prototype = { - - constructor: ModalManager, - - init: function (element, options) { - this.$element = $(element); - this.options = $.extend({}, $.fn.modalmanager.defaults, this.$element.data(), typeof options == 'object' && options); - this.stack = []; - this.backdropCount = 0; - - if (this.options.resize) { - var resizeTimeout, - that = this; - - $(window).on('resize.modal', function(){ - resizeTimeout && clearTimeout(resizeTimeout); - resizeTimeout = setTimeout(function(){ - for (var i = 0; i < that.stack.length; i++){ - that.stack[i].isShown && that.stack[i].layout(); - } - }, 10); - }); - } - }, - - createModal: function (element, options) { - $(element).modal($.extend({ manager: this }, options)); - }, - - appendModal: function (modal) { - this.stack.push(modal); - - var that = this; - - modal.$element.on('show.modalmanager', targetIsSelf(function (e) { - - var showModal = function(){ - modal.isShown = true; - - var transition = $.support.transition && modal.$element.hasClass('fade'); - - that.$element - .toggleClass('modal-open', that.hasOpenModal()) - .toggleClass('page-overflow', $(window).height() < that.$element.height()); - - modal.$parent = modal.$element.parent(); - - modal.$container = that.createContainer(modal); - - modal.$element.appendTo(modal.$container); - - that.backdrop(modal, function () { - modal.$element.show(); - - if (transition) { - //modal.$element[0].style.display = 'run-in'; - modal.$element[0].offsetWidth; - //modal.$element.one($.support.transition.end, function () { modal.$element[0].style.display = 'block' }); - } - - modal.layout(); - - modal.$element - .addClass('in') - .attr('aria-hidden', false); - - var complete = function () { - that.setFocus(); - modal.$element.trigger('shown'); - }; - - transition ? - modal.$element.one($.support.transition.end, complete) : - complete(); - }); - }; - - modal.options.replace ? - that.replace(showModal) : - showModal(); - })); - - modal.$element.on('hidden.modalmanager', targetIsSelf(function (e) { - that.backdrop(modal); - // handle the case when a modal may have been removed from the dom before this callback executes - if (!modal.$element.parent().length) { - that.destroyModal(modal); - } else if (modal.$backdrop){ - var transition = $.support.transition && modal.$element.hasClass('fade'); - - // trigger a relayout due to firebox's buggy transition end event - if (transition) { modal.$element[0].offsetWidth; } - $.support.transition && modal.$element.hasClass('fade') ? - modal.$backdrop.one($.support.transition.end, function () { modal.destroy(); }) : - modal.destroy(); - } else { - modal.destroy(); - } - - })); - - modal.$element.on('destroyed.modalmanager', targetIsSelf(function (e) { - that.destroyModal(modal); - })); - }, - - getOpenModals: function () { - var openModals = []; - for (var i = 0; i < this.stack.length; i++){ - if (this.stack[i].isShown) openModals.push(this.stack[i]); - } - - return openModals; - }, - - hasOpenModal: function () { - return this.getOpenModals().length > 0; - }, - - setFocus: function () { - var topModal; - - for (var i = 0; i < this.stack.length; i++){ - if (this.stack[i].isShown) topModal = this.stack[i]; - } - - if (!topModal) return; - - topModal.focus(); - }, - - destroyModal: function (modal) { - modal.$element.off('.modalmanager'); - if (modal.$backdrop) this.removeBackdrop(modal); - this.stack.splice(this.getIndexOfModal(modal), 1); - - var hasOpenModal = this.hasOpenModal(); - - this.$element.toggleClass('modal-open', hasOpenModal); - - if (!hasOpenModal){ - this.$element.removeClass('page-overflow'); - } - - this.removeContainer(modal); - - this.setFocus(); - }, - - getModalAt: function (index) { - return this.stack[index]; - }, - - getIndexOfModal: function (modal) { - for (var i = 0; i < this.stack.length; i++){ - if (modal === this.stack[i]) return i; - } - }, - - replace: function (callback) { - var topModal; - - for (var i = 0; i < this.stack.length; i++){ - if (this.stack[i].isShown) topModal = this.stack[i]; - } - - if (topModal) { - this.$backdropHandle = topModal.$backdrop; - topModal.$backdrop = null; - - callback && topModal.$element.one('hidden', - targetIsSelf( $.proxy(callback, this) )); - - topModal.hide(); - } else if (callback) { - callback(); - } - }, - - removeBackdrop: function (modal) { - modal.$backdrop.remove(); - modal.$backdrop = null; - }, - - createBackdrop: function (animate, tmpl) { - var $backdrop; - - if (!this.$backdropHandle) { - $backdrop = $(tmpl) - .addClass(animate) - .appendTo(this.$element); - } else { - $backdrop = this.$backdropHandle; - $backdrop.off('.modalmanager'); - this.$backdropHandle = null; - this.isLoading && this.removeSpinner(); - } - - return $backdrop; - }, - - removeContainer: function (modal) { - modal.$container.remove(); - modal.$container = null; - }, - - createContainer: function (modal) { - var $container; - - $container = $('<div class="modal-scrollable">') - .css('z-index', getzIndex('modal', this.getOpenModals().length)) - .appendTo(this.$element); - - if (modal && modal.options.backdrop != 'static') { - $container.on('click.modal', targetIsSelf(function (e) { - modal.hide(); - })); - } else if (modal) { - $container.on('click.modal', targetIsSelf(function (e) { - modal.attention(); - })); - } - - return $container; - - }, - - backdrop: function (modal, callback) { - var animate = modal.$element.hasClass('fade') ? 'fade' : '', - showBackdrop = modal.options.backdrop && - this.backdropCount < this.options.backdropLimit; - - if (modal.isShown && showBackdrop) { - var doAnimate = $.support.transition && animate && !this.$backdropHandle; - - modal.$backdrop = this.createBackdrop(animate, modal.options.backdropTemplate); - - modal.$backdrop.css('z-index', getzIndex( 'backdrop', this.getOpenModals().length )); - - if (doAnimate) modal.$backdrop[0].offsetWidth; // force reflow - - modal.$backdrop.addClass('in'); - - this.backdropCount += 1; - - doAnimate ? - modal.$backdrop.one($.support.transition.end, callback) : - callback(); - - } else if (!modal.isShown && modal.$backdrop) { - modal.$backdrop.removeClass('in'); - - this.backdropCount -= 1; - - var that = this; - - $.support.transition && modal.$element.hasClass('fade')? - modal.$backdrop.one($.support.transition.end, function () { that.removeBackdrop(modal) }) : - that.removeBackdrop(modal); - - } else if (callback) { - callback(); - } - }, - - removeSpinner: function(){ - this.$spinner && this.$spinner.remove(); - this.$spinner = null; - this.isLoading = false; - }, - - removeLoading: function () { - this.$backdropHandle && this.$backdropHandle.remove(); - this.$backdropHandle = null; - this.removeSpinner(); - }, - - loading: function (callback) { - callback = callback || function () { }; - - this.$element - .toggleClass('modal-open', !this.isLoading || this.hasOpenModal()) - .toggleClass('page-overflow', $(window).height() < this.$element.height()); - - if (!this.isLoading) { - - this.$backdropHandle = this.createBackdrop('fade', this.options.backdropTemplate); - - this.$backdropHandle[0].offsetWidth; // force reflow - - var openModals = this.getOpenModals(); - - this.$backdropHandle - .css('z-index', getzIndex('backdrop', openModals.length + 1)) - .addClass('in'); - - var $spinner = $(this.options.spinner) - .css('z-index', getzIndex('modal', openModals.length + 1)) - .appendTo(this.$element) - .addClass('in'); - - this.$spinner = $(this.createContainer()) - .append($spinner) - .on('click.modalmanager', $.proxy(this.loading, this)); - - this.isLoading = true; - - $.support.transition ? - this.$backdropHandle.one($.support.transition.end, callback) : - callback(); - - } else if (this.isLoading && this.$backdropHandle) { - this.$backdropHandle.removeClass('in'); - - var that = this; - $.support.transition ? - this.$backdropHandle.one($.support.transition.end, function () { that.removeLoading() }) : - that.removeLoading(); - - } else if (callback) { - callback(this.isLoading); - } - } - }; - - /* PRIVATE METHODS - * ======================= */ - - // computes and caches the zindexes - var getzIndex = (function () { - var zIndexFactor, - baseIndex = {}; - - return function (type, pos) { - - if (typeof zIndexFactor === 'undefined'){ - var $baseModal = $('<div class="modal hide" />').appendTo('body'), - $baseBackdrop = $('<div class="modal-backdrop hide" />').appendTo('body'); - - baseIndex['modal'] = +$baseModal.css('z-index'); - baseIndex['backdrop'] = +$baseBackdrop.css('z-index'); - zIndexFactor = baseIndex['modal'] - baseIndex['backdrop']; - - $baseModal.remove(); - $baseBackdrop.remove(); - $baseBackdrop = $baseModal = null; - } - - return baseIndex[type] + (zIndexFactor * pos); - - } - }()); - - // make sure the event target is the modal itself in order to prevent - // other components such as tabsfrom triggering the modal manager. - // if Boostsrap namespaced events, this would not be needed. - function targetIsSelf(callback){ - return function (e) { - if (e && this === e.target){ - return callback.apply(this, arguments); - } - } - } - - - /* MODAL MANAGER PLUGIN DEFINITION - * ======================= */ - - $.fn.modalmanager = function (option, args) { - return this.each(function () { - var $this = $(this), - data = $this.data('modalmanager'); - - if (!data) $this.data('modalmanager', (data = new ModalManager(this, option))); - if (typeof option === 'string') data[option].apply(data, [].concat(args)) - }) - }; - - $.fn.modalmanager.defaults = { - backdropLimit: 999, - resize: true, - spinner: '<div class="loading-spinner fade" 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.modalmanager.Constructor = ModalManager - - // ModalManager handles the modal-open class so we need - // to remove conflicting bootstrap 3 event handlers - $(function () { - $(document).off('show.bs.modal').off('hidden.bs.modal'); - }); - -}(jQuery); +/* ===========================================================
+ * bootstrap-modalmanager.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 MANAGER CLASS DEFINITION
+ * ====================== */
+
+ var ModalManager = function (element, options) {
+ this.init(element, options);
+ };
+
+ ModalManager.prototype = {
+
+ constructor: ModalManager,
+
+ init: function (element, options) {
+ this.$element = $(element);
+ this.options = $.extend({}, $.fn.modalmanager.defaults, this.$element.data(), typeof options == 'object' && options);
+ this.stack = [];
+ this.backdropCount = 0;
+
+ if (this.options.resize) {
+ var resizeTimeout,
+ that = this;
+
+ $(window).on('resize.modal', function(){
+ resizeTimeout && clearTimeout(resizeTimeout);
+ resizeTimeout = setTimeout(function(){
+ for (var i = 0; i < that.stack.length; i++){
+ that.stack[i].isShown && that.stack[i].layout();
+ }
+ }, 10);
+ });
+ }
+ },
+
+ createModal: function (element, options) {
+ $(element).modal($.extend({ manager: this }, options));
+ },
+
+ appendModal: function (modal) {
+ this.stack.push(modal);
+
+ var that = this;
+
+ modal.$element.on('show.modalmanager', targetIsSelf(function (e) {
+
+ var showModal = function(){
+ modal.isShown = true;
+
+ var transition = $.support.transition && modal.$element.hasClass('fade');
+
+ that.$element
+ .toggleClass('modal-open', that.hasOpenModal())
+ .toggleClass('page-overflow', $(window).height() < that.$element.height());
+
+ modal.$parent = modal.$element.parent();
+
+ modal.$container = that.createContainer(modal);
+
+ modal.$element.appendTo(modal.$container);
+
+ that.backdrop(modal, function () {
+ modal.$element.show();
+
+ if (transition) {
+ //modal.$element[0].style.display = 'run-in';
+ modal.$element[0].offsetWidth;
+ //modal.$element.one($.support.transition.end, function () { modal.$element[0].style.display = 'block' });
+ }
+
+ modal.layout();
+
+ modal.$element
+ .addClass('in')
+ .attr('aria-hidden', false);
+
+ var complete = function () {
+ that.setFocus();
+ modal.$element.trigger('shown');
+ };
+
+ transition ?
+ modal.$element.one($.support.transition.end, complete) :
+ complete();
+ });
+ };
+
+ modal.options.replace ?
+ that.replace(showModal) :
+ showModal();
+ }));
+
+ modal.$element.on('hidden.modalmanager', targetIsSelf(function (e) {
+ that.backdrop(modal);
+ // handle the case when a modal may have been removed from the dom before this callback executes
+ if (!modal.$element.parent().length) {
+ that.destroyModal(modal);
+ } else if (modal.$backdrop){
+ var transition = $.support.transition && modal.$element.hasClass('fade');
+
+ // trigger a relayout due to firebox's buggy transition end event
+ if (transition) { modal.$element[0].offsetWidth; }
+ $.support.transition && modal.$element.hasClass('fade') ?
+ modal.$backdrop.one($.support.transition.end, function () { modal.destroy(); }) :
+ modal.destroy();
+ } else {
+ modal.destroy();
+ }
+
+ }));
+
+ modal.$element.on('destroyed.modalmanager', targetIsSelf(function (e) {
+ that.destroyModal(modal);
+ }));
+ },
+
+ getOpenModals: function () {
+ var openModals = [];
+ for (var i = 0; i < this.stack.length; i++){
+ if (this.stack[i].isShown) openModals.push(this.stack[i]);
+ }
+
+ return openModals;
+ },
+
+ hasOpenModal: function () {
+ return this.getOpenModals().length > 0;
+ },
+
+ setFocus: function () {
+ var topModal;
+
+ for (var i = 0; i < this.stack.length; i++){
+ if (this.stack[i].isShown) topModal = this.stack[i];
+ }
+
+ if (!topModal) return;
+
+ topModal.focus();
+ },
+
+ destroyModal: function (modal) {
+ modal.$element.off('.modalmanager');
+ if (modal.$backdrop) this.removeBackdrop(modal);
+ this.stack.splice(this.getIndexOfModal(modal), 1);
+
+ var hasOpenModal = this.hasOpenModal();
+
+ this.$element.toggleClass('modal-open', hasOpenModal);
+
+ if (!hasOpenModal){
+ this.$element.removeClass('page-overflow');
+ }
+
+ this.removeContainer(modal);
+
+ this.setFocus();
+ },
+
+ getModalAt: function (index) {
+ return this.stack[index];
+ },
+
+ getIndexOfModal: function (modal) {
+ for (var i = 0; i < this.stack.length; i++){
+ if (modal === this.stack[i]) return i;
+ }
+ },
+
+ replace: function (callback) {
+ var topModal;
+
+ for (var i = 0; i < this.stack.length; i++){
+ if (this.stack[i].isShown) topModal = this.stack[i];
+ }
+
+ if (topModal) {
+ this.$backdropHandle = topModal.$backdrop;
+ topModal.$backdrop = null;
+
+ callback && topModal.$element.one('hidden',
+ targetIsSelf( $.proxy(callback, this) ));
+
+ topModal.hide();
+ } else if (callback) {
+ callback();
+ }
+ },
+
+ removeBackdrop: function (modal) {
+ modal.$backdrop.remove();
+ modal.$backdrop = null;
+ },
+
+ createBackdrop: function (animate, tmpl) {
+ var $backdrop;
+
+ if (!this.$backdropHandle) {
+ $backdrop = $(tmpl)
+ .addClass(animate)
+ .appendTo(this.$element);
+ } else {
+ $backdrop = this.$backdropHandle;
+ $backdrop.off('.modalmanager');
+ this.$backdropHandle = null;
+ this.isLoading && this.removeSpinner();
+ }
+
+ return $backdrop;
+ },
+
+ removeContainer: function (modal) {
+ modal.$container.remove();
+ modal.$container = null;
+ },
+
+ createContainer: function (modal) {
+ var $container;
+
+ $container = $('<div class="modal-scrollable">')
+ .css('z-index', getzIndex('modal', this.getOpenModals().length))
+ .appendTo(this.$element);
+
+ if (modal && modal.options.backdrop != 'static') {
+ $container.on('click.modal', targetIsSelf(function (e) {
+ modal.hide();
+ }));
+ } else if (modal) {
+ $container.on('click.modal', targetIsSelf(function (e) {
+ modal.attention();
+ }));
+ }
+
+ return $container;
+
+ },
+
+ backdrop: function (modal, callback) {
+ var animate = modal.$element.hasClass('fade') ? 'fade' : '',
+ showBackdrop = modal.options.backdrop &&
+ this.backdropCount < this.options.backdropLimit;
+
+ if (modal.isShown && showBackdrop) {
+ var doAnimate = $.support.transition && animate && !this.$backdropHandle;
+
+ modal.$backdrop = this.createBackdrop(animate, modal.options.backdropTemplate);
+
+ modal.$backdrop.css('z-index', getzIndex( 'backdrop', this.getOpenModals().length ));
+
+ if (doAnimate) modal.$backdrop[0].offsetWidth; // force reflow
+
+ modal.$backdrop.addClass('in');
+
+ this.backdropCount += 1;
+
+ doAnimate ?
+ modal.$backdrop.one($.support.transition.end, callback) :
+ callback();
+
+ } else if (!modal.isShown && modal.$backdrop) {
+ modal.$backdrop.removeClass('in');
+
+ this.backdropCount -= 1;
+
+ var that = this;
+
+ $.support.transition && modal.$element.hasClass('fade')?
+ modal.$backdrop.one($.support.transition.end, function () { that.removeBackdrop(modal) }) :
+ that.removeBackdrop(modal);
+
+ } else if (callback) {
+ callback();
+ }
+ },
+
+ removeSpinner: function(){
+ this.$spinner && this.$spinner.remove();
+ this.$spinner = null;
+ this.isLoading = false;
+ },
+
+ removeLoading: function () {
+ this.$backdropHandle && this.$backdropHandle.remove();
+ this.$backdropHandle = null;
+ this.removeSpinner();
+ },
+
+ loading: function (callback) {
+ callback = callback || function () { };
+
+ this.$element
+ .toggleClass('modal-open', !this.isLoading || this.hasOpenModal())
+ .toggleClass('page-overflow', $(window).height() < this.$element.height());
+
+ if (!this.isLoading) {
+
+ this.$backdropHandle = this.createBackdrop('fade', this.options.backdropTemplate);
+
+ this.$backdropHandle[0].offsetWidth; // force reflow
+
+ var openModals = this.getOpenModals();
+
+ this.$backdropHandle
+ .css('z-index', getzIndex('backdrop', openModals.length + 1))
+ .addClass('in');
+
+ var $spinner = $(this.options.spinner)
+ .css('z-index', getzIndex('modal', openModals.length + 1))
+ .appendTo(this.$element)
+ .addClass('in');
+
+ this.$spinner = $(this.createContainer())
+ .append($spinner)
+ .on('click.modalmanager', $.proxy(this.loading, this));
+
+ this.isLoading = true;
+
+ $.support.transition ?
+ this.$backdropHandle.one($.support.transition.end, callback) :
+ callback();
+
+ } else if (this.isLoading && this.$backdropHandle) {
+ this.$backdropHandle.removeClass('in');
+
+ var that = this;
+ $.support.transition ?
+ this.$backdropHandle.one($.support.transition.end, function () { that.removeLoading() }) :
+ that.removeLoading();
+
+ } else if (callback) {
+ callback(this.isLoading);
+ }
+ }
+ };
+
+ /* PRIVATE METHODS
+ * ======================= */
+
+ // computes and caches the zindexes
+ var getzIndex = (function () {
+ var zIndexFactor,
+ baseIndex = {};
+
+ return function (type, pos) {
+
+ if (typeof zIndexFactor === 'undefined'){
+ var $baseModal = $('<div class="modal hide" />').appendTo('body'),
+ $baseBackdrop = $('<div class="modal-backdrop hide" />').appendTo('body');
+
+ baseIndex['modal'] = +$baseModal.css('z-index');
+ baseIndex['backdrop'] = +$baseBackdrop.css('z-index');
+ zIndexFactor = baseIndex['modal'] - baseIndex['backdrop'];
+
+ $baseModal.remove();
+ $baseBackdrop.remove();
+ $baseBackdrop = $baseModal = null;
+ }
+
+ return baseIndex[type] + (zIndexFactor * pos);
+
+ }
+ }());
+
+ // make sure the event target is the modal itself in order to prevent
+ // other components such as tabsfrom triggering the modal manager.
+ // if Boostsrap namespaced events, this would not be needed.
+ function targetIsSelf(callback){
+ return function (e) {
+ if (e && this === e.target){
+ return callback.apply(this, arguments);
+ }
+ }
+ }
+
+
+ /* MODAL MANAGER PLUGIN DEFINITION
+ * ======================= */
+
+ $.fn.modalmanager = function (option, args) {
+ return this.each(function () {
+ var $this = $(this),
+ data = $this.data('modalmanager');
+
+ if (!data) $this.data('modalmanager', (data = new ModalManager(this, option)));
+ if (typeof option === 'string') data[option].apply(data, [].concat(args))
+ })
+ };
+
+ $.fn.modalmanager.defaults = {
+ backdropLimit: 999,
+ resize: true,
+ spinner: '<div class="loading-spinner fade" 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.modalmanager.Constructor = ModalManager
+
+ // ModalManager handles the modal-open class so we need
+ // to remove conflicting bootstrap 3 event handlers
+ $(function () {
+ $(document).off('show.bs.modal').off('hidden.bs.modal');
+ });
+
+}(jQuery);
|