diff options
author | 2017-01-20 17:46:34 +0530 | |
---|---|---|
committer | 2017-01-20 17:46:34 +0530 | |
commit | 928ff2eb017b4cfe2a9d775688493fdcbed5c008 (patch) | |
tree | f0bea7b5baf04db7206ca0c8a3247598500e0dbc /portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modalmanager.js | |
parent | f0b211f269df2b0bb10d5552d14aeb8991a750ed (diff) |
Client code change form GSO-GUI to OPEN-O GUI
code restructured for the OPEN-O CLient.
Issue-Id : CLIENT-11
Change-Id: Ib2846320c5522ca373ba7b1c12e3caa9443e5ea1
Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
Diffstat (limited to 'portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modalmanager.js')
-rw-r--r-- | portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modalmanager.js | 423 |
1 files changed, 423 insertions, 0 deletions
diff --git a/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modalmanager.js b/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modalmanager.js new file mode 100644 index 00000000..ba6f7eb2 --- /dev/null +++ b/portal-common/src/main/webapp/common/thirdparty/bootstrap-modal/js/bootstrap-modalmanager.js @@ -0,0 +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);
|