mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-12-23 20:13:47 +01:00
1861 lines
54 KiB
JavaScript
1861 lines
54 KiB
JavaScript
|
/*!
|
||
|
* Bootstrap v3.1.1 (http://getbootstrap.com)
|
||
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
*/
|
||
|
|
||
|
if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript requires jQuery'); }
|
||
|
|
||
|
/* ========================================================================
|
||
|
* Bootstrap: transition.js v3.1.1
|
||
|
* http://getbootstrap.com/javascript/#transitions
|
||
|
* ========================================================================
|
||
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
* ======================================================================== */
|
||
|
|
||
|
+(function ($) {
|
||
|
// CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
|
||
|
// ============================================================
|
||
|
|
||
|
function transitionEnd() {
|
||
|
const el = document.createElement('bootstrap');
|
||
|
|
||
|
const transEndEventNames = {
|
||
|
WebkitTransition: 'webkitTransitionEnd',
|
||
|
MozTransition: 'transitionend',
|
||
|
OTransition: 'oTransitionEnd otransitionend',
|
||
|
transition: 'transitionend',
|
||
|
};
|
||
|
|
||
|
for (const name in transEndEventNames) {
|
||
|
if (el.style[name] !== undefined) {
|
||
|
return { end: transEndEventNames[name] };
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return false; // explicit for ie8 ( ._.)
|
||
|
}
|
||
|
|
||
|
// http://blog.alexmaccaw.com/css-transitions
|
||
|
$.fn.emulateTransitionEnd = function (duration) {
|
||
|
let called = false; const
|
||
|
$el = this;
|
||
|
$(this).one($.support.transition.end, () => { called = true; });
|
||
|
const callback = function () { if (!called) $($el).trigger($.support.transition.end); };
|
||
|
setTimeout(callback, duration);
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
$(() => {
|
||
|
$.support.transition = transitionEnd();
|
||
|
});
|
||
|
}(jQuery));
|
||
|
|
||
|
/* ========================================================================
|
||
|
* Bootstrap: alert.js v3.1.1
|
||
|
* http://getbootstrap.com/javascript/#alerts
|
||
|
* ========================================================================
|
||
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
* ======================================================================== */
|
||
|
|
||
|
+(function ($) {
|
||
|
// ALERT CLASS DEFINITION
|
||
|
// ======================
|
||
|
|
||
|
const dismiss = '[data-dismiss="alert"]';
|
||
|
const Alert = function (el) {
|
||
|
$(el).on('click', dismiss, this.close);
|
||
|
};
|
||
|
|
||
|
Alert.prototype.close = function (e) {
|
||
|
const $this = $(this);
|
||
|
let selector = $this.attr('data-target');
|
||
|
|
||
|
if (!selector) {
|
||
|
selector = $this.attr('href');
|
||
|
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, ''); // strip for ie7
|
||
|
}
|
||
|
|
||
|
let $parent = $(selector);
|
||
|
|
||
|
if (e) e.preventDefault();
|
||
|
|
||
|
if (!$parent.length) {
|
||
|
$parent = $this.hasClass('alert') ? $this : $this.parent();
|
||
|
}
|
||
|
|
||
|
$parent.trigger(e = $.Event('close.bs.alert'));
|
||
|
|
||
|
if (e.isDefaultPrevented()) return;
|
||
|
|
||
|
$parent.removeClass('in');
|
||
|
|
||
|
function removeElement() {
|
||
|
$parent.trigger('closed.bs.alert').remove();
|
||
|
}
|
||
|
|
||
|
$.support.transition && $parent.hasClass('fade')
|
||
|
? $parent
|
||
|
.one($.support.transition.end, removeElement)
|
||
|
.emulateTransitionEnd(150)
|
||
|
: removeElement();
|
||
|
};
|
||
|
|
||
|
// ALERT PLUGIN DEFINITION
|
||
|
// =======================
|
||
|
|
||
|
const old = $.fn.alert;
|
||
|
|
||
|
$.fn.alert = function (option) {
|
||
|
return this.each(function () {
|
||
|
const $this = $(this);
|
||
|
let data = $this.data('bs.alert');
|
||
|
|
||
|
if (!data) $this.data('bs.alert', (data = new Alert(this)));
|
||
|
if (typeof option === 'string') data[option].call($this);
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.fn.alert.Constructor = Alert;
|
||
|
|
||
|
// ALERT NO CONFLICT
|
||
|
// =================
|
||
|
|
||
|
$.fn.alert.noConflict = function () {
|
||
|
$.fn.alert = old;
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
// ALERT DATA-API
|
||
|
// ==============
|
||
|
|
||
|
$(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close);
|
||
|
}(jQuery));
|
||
|
|
||
|
/* ========================================================================
|
||
|
* Bootstrap: button.js v3.1.1
|
||
|
* http://getbootstrap.com/javascript/#buttons
|
||
|
* ========================================================================
|
||
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
* ======================================================================== */
|
||
|
|
||
|
+(function ($) {
|
||
|
// BUTTON PUBLIC CLASS DEFINITION
|
||
|
// ==============================
|
||
|
|
||
|
var Button = function (element, options) {
|
||
|
this.$element = $(element);
|
||
|
this.options = $.extend({}, Button.DEFAULTS, options);
|
||
|
this.isLoading = false;
|
||
|
};
|
||
|
|
||
|
Button.DEFAULTS = {
|
||
|
loadingText: 'loading...',
|
||
|
};
|
||
|
|
||
|
Button.prototype.setState = function (state) {
|
||
|
const d = 'disabled';
|
||
|
const $el = this.$element;
|
||
|
const val = $el.is('input') ? 'val' : 'html';
|
||
|
const data = $el.data();
|
||
|
|
||
|
state += 'Text';
|
||
|
|
||
|
if (!data.resetText) $el.data('resetText', $el[val]());
|
||
|
|
||
|
$el[val](data[state] || this.options[state]);
|
||
|
|
||
|
// push to event loop to allow forms to submit
|
||
|
setTimeout($.proxy(function () {
|
||
|
if (state == 'loadingText') {
|
||
|
this.isLoading = true;
|
||
|
$el.addClass(d).attr(d, d);
|
||
|
} else if (this.isLoading) {
|
||
|
this.isLoading = false;
|
||
|
$el.removeClass(d).removeAttr(d);
|
||
|
}
|
||
|
}, this), 0);
|
||
|
};
|
||
|
|
||
|
Button.prototype.toggle = function () {
|
||
|
let changed = true;
|
||
|
const $parent = this.$element.closest('[data-toggle="buttons"]');
|
||
|
|
||
|
if ($parent.length) {
|
||
|
const $input = this.$element.find('input');
|
||
|
if ($input.prop('type') == 'radio') {
|
||
|
if ($input.prop('checked') && this.$element.hasClass('active')) changed = false;
|
||
|
else $parent.find('.active').removeClass('active');
|
||
|
}
|
||
|
if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change');
|
||
|
}
|
||
|
|
||
|
if (changed) this.$element.toggleClass('active');
|
||
|
};
|
||
|
|
||
|
// BUTTON PLUGIN DEFINITION
|
||
|
// ========================
|
||
|
|
||
|
const old = $.fn.button;
|
||
|
|
||
|
$.fn.button = function (option) {
|
||
|
return this.each(function () {
|
||
|
const $this = $(this);
|
||
|
let data = $this.data('bs.button');
|
||
|
const options = typeof option === 'object' && option;
|
||
|
|
||
|
if (!data) $this.data('bs.button', (data = new Button(this, options)));
|
||
|
|
||
|
if (option == 'toggle') data.toggle();
|
||
|
else if (option) data.setState(option);
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.fn.button.Constructor = Button;
|
||
|
|
||
|
// BUTTON NO CONFLICT
|
||
|
// ==================
|
||
|
|
||
|
$.fn.button.noConflict = function () {
|
||
|
$.fn.button = old;
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
// BUTTON DATA-API
|
||
|
// ===============
|
||
|
|
||
|
$(document).on('click.bs.button.data-api', '[data-toggle^=button]', (e) => {
|
||
|
let $btn = $(e.target);
|
||
|
if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn');
|
||
|
$btn.button('toggle');
|
||
|
e.preventDefault();
|
||
|
});
|
||
|
}(jQuery));
|
||
|
|
||
|
/* ========================================================================
|
||
|
* Bootstrap: carousel.js v3.1.1
|
||
|
* http://getbootstrap.com/javascript/#carousel
|
||
|
* ========================================================================
|
||
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
* ======================================================================== */
|
||
|
|
||
|
+(function ($) {
|
||
|
// CAROUSEL CLASS DEFINITION
|
||
|
// =========================
|
||
|
|
||
|
const Carousel = function (element, options) {
|
||
|
this.$element = $(element);
|
||
|
this.$indicators = this.$element.find('.carousel-indicators');
|
||
|
this.options = options;
|
||
|
this.paused = this.sliding = this.interval = this.$active = this.$items = null;
|
||
|
|
||
|
this.options.pause == 'hover' && this.$element
|
||
|
.on('mouseenter', $.proxy(this.pause, this))
|
||
|
.on('mouseleave', $.proxy(this.cycle, this));
|
||
|
};
|
||
|
|
||
|
Carousel.DEFAULTS = {
|
||
|
interval: 5000,
|
||
|
pause: 'hover',
|
||
|
wrap: true,
|
||
|
};
|
||
|
|
||
|
Carousel.prototype.cycle = function (e) {
|
||
|
e || (this.paused = false);
|
||
|
|
||
|
this.interval && clearInterval(this.interval);
|
||
|
|
||
|
this.options.interval
|
||
|
&& !this.paused
|
||
|
&& (this.interval = setInterval($.proxy(this.next, this), this.options.interval));
|
||
|
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
Carousel.prototype.getActiveIndex = function () {
|
||
|
this.$active = this.$element.find('.item.active');
|
||
|
this.$items = this.$active.parent().children();
|
||
|
|
||
|
return this.$items.index(this.$active);
|
||
|
};
|
||
|
|
||
|
Carousel.prototype.to = function (pos) {
|
||
|
const that = this;
|
||
|
const activeIndex = this.getActiveIndex();
|
||
|
|
||
|
if (pos > (this.$items.length - 1) || pos < 0) return;
|
||
|
|
||
|
if (this.sliding) return this.$element.one('slid.bs.carousel', () => { that.to(pos); });
|
||
|
if (activeIndex == pos) return this.pause().cycle();
|
||
|
|
||
|
return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos]));
|
||
|
};
|
||
|
|
||
|
Carousel.prototype.pause = function (e) {
|
||
|
e || (this.paused = true);
|
||
|
|
||
|
if (this.$element.find('.next, .prev').length && $.support.transition) {
|
||
|
this.$element.trigger($.support.transition.end);
|
||
|
this.cycle(true);
|
||
|
}
|
||
|
|
||
|
this.interval = clearInterval(this.interval);
|
||
|
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
Carousel.prototype.next = function () {
|
||
|
if (this.sliding) return;
|
||
|
return this.slide('next');
|
||
|
};
|
||
|
|
||
|
Carousel.prototype.prev = function () {
|
||
|
if (this.sliding) return;
|
||
|
return this.slide('prev');
|
||
|
};
|
||
|
|
||
|
Carousel.prototype.slide = function (type, next) {
|
||
|
const $active = this.$element.find('.item.active');
|
||
|
let $next = next || $active[type]();
|
||
|
const isCycling = this.interval;
|
||
|
const direction = type == 'next' ? 'left' : 'right';
|
||
|
const fallback = type == 'next' ? 'first' : 'last';
|
||
|
const that = this;
|
||
|
|
||
|
if (!$next.length) {
|
||
|
if (!this.options.wrap) return;
|
||
|
$next = this.$element.find('.item')[fallback]();
|
||
|
}
|
||
|
|
||
|
if ($next.hasClass('active')) return this.sliding = false;
|
||
|
|
||
|
const e = $.Event('slide.bs.carousel', { relatedTarget: $next[0], direction });
|
||
|
this.$element.trigger(e);
|
||
|
if (e.isDefaultPrevented()) return;
|
||
|
|
||
|
this.sliding = true;
|
||
|
|
||
|
isCycling && this.pause();
|
||
|
|
||
|
if (this.$indicators.length) {
|
||
|
this.$indicators.find('.active').removeClass('active');
|
||
|
this.$element.one('slid.bs.carousel', () => {
|
||
|
const $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]);
|
||
|
$nextIndicator && $nextIndicator.addClass('active');
|
||
|
});
|
||
|
}
|
||
|
|
||
|
if ($.support.transition && this.$element.hasClass('slide')) {
|
||
|
$next.addClass(type);
|
||
|
$next[0].offsetWidth; // force reflow
|
||
|
$active.addClass(direction);
|
||
|
$next.addClass(direction);
|
||
|
$active
|
||
|
.one($.support.transition.end, () => {
|
||
|
$next.removeClass([type, direction].join(' ')).addClass('active');
|
||
|
$active.removeClass(['active', direction].join(' '));
|
||
|
that.sliding = false;
|
||
|
setTimeout(() => { that.$element.trigger('slid.bs.carousel'); }, 0);
|
||
|
})
|
||
|
.emulateTransitionEnd($active.css('transition-duration').slice(0, -1) * 1000);
|
||
|
} else {
|
||
|
$active.removeClass('active');
|
||
|
$next.addClass('active');
|
||
|
this.sliding = false;
|
||
|
this.$element.trigger('slid.bs.carousel');
|
||
|
}
|
||
|
|
||
|
isCycling && this.cycle();
|
||
|
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
// CAROUSEL PLUGIN DEFINITION
|
||
|
// ==========================
|
||
|
|
||
|
const old = $.fn.carousel;
|
||
|
|
||
|
$.fn.carousel = function (option) {
|
||
|
return this.each(function () {
|
||
|
const $this = $(this);
|
||
|
let data = $this.data('bs.carousel');
|
||
|
const options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option === 'object' && option);
|
||
|
const action = typeof option === 'string' ? option : options.slide;
|
||
|
|
||
|
if (!data) $this.data('bs.carousel', (data = new Carousel(this, options)));
|
||
|
if (typeof option === 'number') data.to(option);
|
||
|
else if (action) data[action]();
|
||
|
else if (options.interval) data.pause().cycle();
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.fn.carousel.Constructor = Carousel;
|
||
|
|
||
|
// CAROUSEL NO CONFLICT
|
||
|
// ====================
|
||
|
|
||
|
$.fn.carousel.noConflict = function () {
|
||
|
$.fn.carousel = old;
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
// CAROUSEL DATA-API
|
||
|
// =================
|
||
|
|
||
|
$(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (e) {
|
||
|
const $this = $(this); let
|
||
|
href;
|
||
|
const $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')); // strip for ie7
|
||
|
const options = $.extend({}, $target.data(), $this.data());
|
||
|
let slideIndex = $this.attr('data-slide-to');
|
||
|
if (slideIndex) options.interval = false;
|
||
|
|
||
|
$target.carousel(options);
|
||
|
|
||
|
if (slideIndex = $this.attr('data-slide-to')) {
|
||
|
$target.data('bs.carousel').to(slideIndex);
|
||
|
}
|
||
|
|
||
|
e.preventDefault();
|
||
|
});
|
||
|
|
||
|
$(window).on('load', () => {
|
||
|
$('[data-ride="carousel"]').each(function () {
|
||
|
const $carousel = $(this);
|
||
|
$carousel.carousel($carousel.data());
|
||
|
});
|
||
|
});
|
||
|
}(jQuery));
|
||
|
|
||
|
/* ========================================================================
|
||
|
* Bootstrap: collapse.js v3.1.1
|
||
|
* http://getbootstrap.com/javascript/#collapse
|
||
|
* ========================================================================
|
||
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
* ======================================================================== */
|
||
|
|
||
|
+(function ($) {
|
||
|
// COLLAPSE PUBLIC CLASS DEFINITION
|
||
|
// ================================
|
||
|
|
||
|
var Collapse = function (element, options) {
|
||
|
this.$element = $(element);
|
||
|
this.options = $.extend({}, Collapse.DEFAULTS, options);
|
||
|
this.transitioning = null;
|
||
|
|
||
|
if (this.options.parent) this.$parent = $(this.options.parent);
|
||
|
if (this.options.toggle) this.toggle();
|
||
|
};
|
||
|
|
||
|
Collapse.DEFAULTS = {
|
||
|
toggle: true,
|
||
|
};
|
||
|
|
||
|
Collapse.prototype.dimension = function () {
|
||
|
const hasWidth = this.$element.hasClass('width');
|
||
|
return hasWidth ? 'width' : 'height';
|
||
|
};
|
||
|
|
||
|
Collapse.prototype.show = function () {
|
||
|
if (this.transitioning || this.$element.hasClass('in')) return;
|
||
|
|
||
|
const startEvent = $.Event('show.bs.collapse');
|
||
|
this.$element.trigger(startEvent);
|
||
|
if (startEvent.isDefaultPrevented()) return;
|
||
|
|
||
|
const actives = this.$parent && this.$parent.find('> .panel > .in');
|
||
|
|
||
|
if (actives && actives.length) {
|
||
|
const hasData = actives.data('bs.collapse');
|
||
|
if (hasData && hasData.transitioning) return;
|
||
|
actives.collapse('hide');
|
||
|
hasData || actives.data('bs.collapse', null);
|
||
|
}
|
||
|
|
||
|
const dimension = this.dimension();
|
||
|
|
||
|
this.$element
|
||
|
.removeClass('collapse')
|
||
|
.addClass('collapsing')
|
||
|
[dimension](0);
|
||
|
|
||
|
this.transitioning = 1;
|
||
|
|
||
|
const complete = function () {
|
||
|
this.$element
|
||
|
.removeClass('collapsing')
|
||
|
.addClass('collapse in')
|
||
|
[dimension]('auto');
|
||
|
this.transitioning = 0;
|
||
|
this.$element.trigger('shown.bs.collapse');
|
||
|
};
|
||
|
|
||
|
if (!$.support.transition) return complete.call(this);
|
||
|
|
||
|
const scrollSize = $.camelCase(['scroll', dimension].join('-'));
|
||
|
|
||
|
this.$element
|
||
|
.one($.support.transition.end, $.proxy(complete, this))
|
||
|
.emulateTransitionEnd(350)
|
||
|
[dimension](this.$element[0][scrollSize]);
|
||
|
};
|
||
|
|
||
|
Collapse.prototype.hide = function () {
|
||
|
if (this.transitioning || !this.$element.hasClass('in')) return;
|
||
|
|
||
|
const startEvent = $.Event('hide.bs.collapse');
|
||
|
this.$element.trigger(startEvent);
|
||
|
if (startEvent.isDefaultPrevented()) return;
|
||
|
|
||
|
const dimension = this.dimension();
|
||
|
|
||
|
this.$element
|
||
|
[dimension](this.$element[dimension]())
|
||
|
[0].offsetHeight;
|
||
|
|
||
|
this.$element
|
||
|
.addClass('collapsing')
|
||
|
.removeClass('collapse')
|
||
|
.removeClass('in');
|
||
|
|
||
|
this.transitioning = 1;
|
||
|
|
||
|
const complete = function () {
|
||
|
this.transitioning = 0;
|
||
|
this.$element
|
||
|
.trigger('hidden.bs.collapse')
|
||
|
.removeClass('collapsing')
|
||
|
.addClass('collapse');
|
||
|
};
|
||
|
|
||
|
if (!$.support.transition) return complete.call(this);
|
||
|
|
||
|
this.$element
|
||
|
[dimension](0)
|
||
|
.one($.support.transition.end, $.proxy(complete, this))
|
||
|
.emulateTransitionEnd(350);
|
||
|
};
|
||
|
|
||
|
Collapse.prototype.toggle = function () {
|
||
|
this[this.$element.hasClass('in') ? 'hide' : 'show']();
|
||
|
};
|
||
|
|
||
|
// COLLAPSE PLUGIN DEFINITION
|
||
|
// ==========================
|
||
|
|
||
|
const old = $.fn.collapse;
|
||
|
|
||
|
$.fn.collapse = function (option) {
|
||
|
return this.each(function () {
|
||
|
const $this = $(this);
|
||
|
let data = $this.data('bs.collapse');
|
||
|
const options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option === 'object' && option);
|
||
|
|
||
|
if (!data && options.toggle && option == 'show') option = !option;
|
||
|
if (!data) $this.data('bs.collapse', (data = new Collapse(this, options)));
|
||
|
if (typeof option === 'string') data[option]();
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.fn.collapse.Constructor = Collapse;
|
||
|
|
||
|
// COLLAPSE NO CONFLICT
|
||
|
// ====================
|
||
|
|
||
|
$.fn.collapse.noConflict = function () {
|
||
|
$.fn.collapse = old;
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
// COLLAPSE DATA-API
|
||
|
// =================
|
||
|
|
||
|
$(document).on('click.bs.collapse.data-api', '[data-toggle=collapse]', function (e) {
|
||
|
const $this = $(this); let
|
||
|
href;
|
||
|
const target = $this.attr('data-target')
|
||
|
|| e.preventDefault()
|
||
|
|| (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, ''); // strip for ie7
|
||
|
const $target = $(target);
|
||
|
const data = $target.data('bs.collapse');
|
||
|
const option = data ? 'toggle' : $this.data();
|
||
|
const parent = $this.attr('data-parent');
|
||
|
const $parent = parent && $(parent);
|
||
|
|
||
|
if (!data || !data.transitioning) {
|
||
|
if ($parent) $parent.find(`[data-toggle=collapse][data-parent="${parent}"]`).not($this).addClass('collapsed');
|
||
|
$this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed');
|
||
|
}
|
||
|
|
||
|
$target.collapse(option);
|
||
|
});
|
||
|
}(jQuery));
|
||
|
|
||
|
/* ========================================================================
|
||
|
* Bootstrap: dropdown.js v3.1.1
|
||
|
* http://getbootstrap.com/javascript/#dropdowns
|
||
|
* ========================================================================
|
||
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
* ======================================================================== */
|
||
|
|
||
|
+(function ($) {
|
||
|
// DROPDOWN CLASS DEFINITION
|
||
|
// =========================
|
||
|
|
||
|
const backdrop = '.dropdown-backdrop';
|
||
|
const toggle = '[data-toggle=dropdown]';
|
||
|
const Dropdown = function (element) {
|
||
|
$(element).on('click.bs.dropdown', this.toggle);
|
||
|
};
|
||
|
|
||
|
Dropdown.prototype.toggle = function (e) {
|
||
|
const $this = $(this);
|
||
|
|
||
|
if ($this.is('.disabled, :disabled')) return;
|
||
|
|
||
|
const $parent = getParent($this);
|
||
|
const isActive = $parent.hasClass('open');
|
||
|
|
||
|
clearMenus();
|
||
|
|
||
|
if (!isActive) {
|
||
|
if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
|
||
|
// if mobile we use a backdrop because click events don't delegate
|
||
|
$('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus);
|
||
|
}
|
||
|
|
||
|
const relatedTarget = { relatedTarget: this };
|
||
|
$parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget));
|
||
|
|
||
|
if (e.isDefaultPrevented()) return;
|
||
|
|
||
|
$parent
|
||
|
.toggleClass('open')
|
||
|
.trigger('shown.bs.dropdown', relatedTarget);
|
||
|
|
||
|
$this.focus();
|
||
|
}
|
||
|
|
||
|
return false;
|
||
|
};
|
||
|
|
||
|
Dropdown.prototype.keydown = function (e) {
|
||
|
if (!/(38|40|27)/.test(e.keyCode)) return;
|
||
|
|
||
|
const $this = $(this);
|
||
|
|
||
|
e.preventDefault();
|
||
|
e.stopPropagation();
|
||
|
|
||
|
if ($this.is('.disabled, :disabled')) return;
|
||
|
|
||
|
const $parent = getParent($this);
|
||
|
const isActive = $parent.hasClass('open');
|
||
|
|
||
|
if (!isActive || (isActive && e.keyCode == 27)) {
|
||
|
if (e.which == 27) $parent.find(toggle).focus();
|
||
|
return $this.click();
|
||
|
}
|
||
|
|
||
|
const desc = ' li:not(.divider):visible a';
|
||
|
const $items = $parent.find(`[role=menu]${desc}, [role=listbox]${desc}`);
|
||
|
|
||
|
if (!$items.length) return;
|
||
|
|
||
|
let index = $items.index($items.filter(':focus'));
|
||
|
|
||
|
if (e.keyCode == 38 && index > 0) index--; // up
|
||
|
if (e.keyCode == 40 && index < $items.length - 1) index++; // down
|
||
|
if (!~index) index = 0;
|
||
|
|
||
|
$items.eq(index).focus();
|
||
|
};
|
||
|
|
||
|
function clearMenus(e) {
|
||
|
$(backdrop).remove();
|
||
|
$(toggle).each(function () {
|
||
|
const $parent = getParent($(this));
|
||
|
const relatedTarget = { relatedTarget: this };
|
||
|
if (!$parent.hasClass('open')) return;
|
||
|
$parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget));
|
||
|
if (e.isDefaultPrevented()) return;
|
||
|
$parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget);
|
||
|
});
|
||
|
}
|
||
|
|
||
|
function getParent($this) {
|
||
|
let selector = $this.attr('data-target');
|
||
|
|
||
|
if (!selector) {
|
||
|
selector = $this.attr('href');
|
||
|
selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, ''); // strip for ie7
|
||
|
}
|
||
|
|
||
|
const $parent = selector && $(selector);
|
||
|
|
||
|
return $parent && $parent.length ? $parent : $this.parent();
|
||
|
}
|
||
|
|
||
|
// DROPDOWN PLUGIN DEFINITION
|
||
|
// ==========================
|
||
|
|
||
|
const old = $.fn.dropdown;
|
||
|
|
||
|
$.fn.dropdown = function (option) {
|
||
|
return this.each(function () {
|
||
|
const $this = $(this);
|
||
|
let data = $this.data('bs.dropdown');
|
||
|
|
||
|
if (!data) $this.data('bs.dropdown', (data = new Dropdown(this)));
|
||
|
if (typeof option === 'string') data[option].call($this);
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.fn.dropdown.Constructor = Dropdown;
|
||
|
|
||
|
// DROPDOWN NO CONFLICT
|
||
|
// ====================
|
||
|
|
||
|
$.fn.dropdown.noConflict = function () {
|
||
|
$.fn.dropdown = old;
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
// APPLY TO STANDARD DROPDOWN ELEMENTS
|
||
|
// ===================================
|
||
|
|
||
|
$(document)
|
||
|
.on('click.bs.dropdown.data-api', clearMenus)
|
||
|
.on('click.bs.dropdown.data-api', '.dropdown form', (e) => { e.stopPropagation(); })
|
||
|
.on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
|
||
|
.on('keydown.bs.dropdown.data-api', `${toggle}, [role=menu], [role=listbox]`, Dropdown.prototype.keydown);
|
||
|
}(jQuery));
|
||
|
|
||
|
/* ========================================================================
|
||
|
* Bootstrap: modal.js v3.1.1
|
||
|
* http://getbootstrap.com/javascript/#modals
|
||
|
* ========================================================================
|
||
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
* ======================================================================== */
|
||
|
|
||
|
+(function ($) {
|
||
|
// MODAL CLASS DEFINITION
|
||
|
// ======================
|
||
|
|
||
|
const Modal = function (element, options) {
|
||
|
this.options = options;
|
||
|
this.$element = $(element);
|
||
|
this.$backdrop = this.isShown = null;
|
||
|
|
||
|
if (this.options.remote) {
|
||
|
this.$element
|
||
|
.find('.modal-content')
|
||
|
.load(this.options.remote, $.proxy(function () {
|
||
|
this.$element.trigger('loaded.bs.modal');
|
||
|
}, this));
|
||
|
}
|
||
|
};
|
||
|
|
||
|
Modal.DEFAULTS = {
|
||
|
backdrop: true,
|
||
|
keyboard: true,
|
||
|
show: true,
|
||
|
};
|
||
|
|
||
|
Modal.prototype.toggle = function (_relatedTarget) {
|
||
|
return this[!this.isShown ? 'show' : 'hide'](_relatedTarget);
|
||
|
};
|
||
|
|
||
|
Modal.prototype.show = function (_relatedTarget) {
|
||
|
const that = this;
|
||
|
const e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget });
|
||
|
|
||
|
this.$element.trigger(e);
|
||
|
|
||
|
if (this.isShown || e.isDefaultPrevented()) return;
|
||
|
|
||
|
this.isShown = true;
|
||
|
|
||
|
this.escape();
|
||
|
|
||
|
this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this));
|
||
|
|
||
|
this.backdrop(() => {
|
||
|
const transition = $.support.transition && that.$element.hasClass('fade');
|
||
|
|
||
|
if (!that.$element.parent().length) {
|
||
|
that.$element.appendTo(document.body); // don't move modals dom position
|
||
|
}
|
||
|
|
||
|
that.$element
|
||
|
.show()
|
||
|
.scrollTop(0);
|
||
|
|
||
|
if (transition) {
|
||
|
that.$element[0].offsetWidth; // force reflow
|
||
|
}
|
||
|
|
||
|
that.$element
|
||
|
.addClass('in')
|
||
|
.attr('aria-hidden', false);
|
||
|
|
||
|
that.enforceFocus();
|
||
|
|
||
|
const e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget });
|
||
|
|
||
|
transition
|
||
|
? that.$element.find('.modal-dialog') // wait for modal to slide in
|
||
|
.one($.support.transition.end, () => {
|
||
|
that.$element.focus().trigger(e);
|
||
|
})
|
||
|
.emulateTransitionEnd(300)
|
||
|
: that.$element.focus().trigger(e);
|
||
|
});
|
||
|
};
|
||
|
|
||
|
Modal.prototype.hide = function (e) {
|
||
|
if (e) e.preventDefault();
|
||
|
|
||
|
e = $.Event('hide.bs.modal');
|
||
|
|
||
|
this.$element.trigger(e);
|
||
|
|
||
|
if (!this.isShown || e.isDefaultPrevented()) return;
|
||
|
|
||
|
this.isShown = false;
|
||
|
|
||
|
this.escape();
|
||
|
|
||
|
$(document).off('focusin.bs.modal');
|
||
|
|
||
|
this.$element
|
||
|
.removeClass('in')
|
||
|
.attr('aria-hidden', true)
|
||
|
.off('click.dismiss.bs.modal');
|
||
|
|
||
|
$.support.transition && this.$element.hasClass('fade')
|
||
|
? this.$element
|
||
|
.one($.support.transition.end, $.proxy(this.hideModal, this))
|
||
|
.emulateTransitionEnd(300)
|
||
|
: this.hideModal();
|
||
|
};
|
||
|
|
||
|
Modal.prototype.enforceFocus = function () {
|
||
|
$(document)
|
||
|
.off('focusin.bs.modal') // guard against infinite focus loop
|
||
|
.on('focusin.bs.modal', $.proxy(function (e) {
|
||
|
if (this.$element[0] !== e.target && !this.$element.has(e.target).length) {
|
||
|
this.$element.focus();
|
||
|
}
|
||
|
}, this));
|
||
|
};
|
||
|
|
||
|
Modal.prototype.escape = function () {
|
||
|
if (this.isShown && this.options.keyboard) {
|
||
|
this.$element.on('keyup.dismiss.bs.modal', $.proxy(function (e) {
|
||
|
e.which == 27 && this.hide();
|
||
|
}, this));
|
||
|
} else if (!this.isShown) {
|
||
|
this.$element.off('keyup.dismiss.bs.modal');
|
||
|
}
|
||
|
};
|
||
|
|
||
|
Modal.prototype.hideModal = function () {
|
||
|
const that = this;
|
||
|
this.$element.hide();
|
||
|
this.backdrop(() => {
|
||
|
that.removeBackdrop();
|
||
|
that.$element.trigger('hidden.bs.modal');
|
||
|
});
|
||
|
};
|
||
|
|
||
|
Modal.prototype.removeBackdrop = function () {
|
||
|
this.$backdrop && this.$backdrop.remove();
|
||
|
this.$backdrop = null;
|
||
|
};
|
||
|
|
||
|
Modal.prototype.backdrop = function (callback) {
|
||
|
const animate = this.$element.hasClass('fade') ? 'fade' : '';
|
||
|
|
||
|
if (this.isShown && this.options.backdrop) {
|
||
|
const doAnimate = $.support.transition && animate;
|
||
|
|
||
|
this.$backdrop = $(`<div class="modal-backdrop ${animate}" />`)
|
||
|
.appendTo(document.body);
|
||
|
|
||
|
this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) {
|
||
|
if (e.target !== e.currentTarget) return;
|
||
|
this.options.backdrop == 'static'
|
||
|
? this.$element[0].focus.call(this.$element[0])
|
||
|
: this.hide.call(this);
|
||
|
}, this));
|
||
|
|
||
|
if (doAnimate) this.$backdrop[0].offsetWidth; // force reflow
|
||
|
|
||
|
this.$backdrop.addClass('in');
|
||
|
|
||
|
if (!callback) return;
|
||
|
|
||
|
doAnimate
|
||
|
? this.$backdrop
|
||
|
.one($.support.transition.end, callback)
|
||
|
.emulateTransitionEnd(150)
|
||
|
: callback();
|
||
|
} else if (!this.isShown && this.$backdrop) {
|
||
|
this.$backdrop.removeClass('in');
|
||
|
|
||
|
$.support.transition && this.$element.hasClass('fade')
|
||
|
? this.$backdrop
|
||
|
.one($.support.transition.end, callback)
|
||
|
.emulateTransitionEnd(150)
|
||
|
: callback();
|
||
|
} else if (callback) {
|
||
|
callback();
|
||
|
}
|
||
|
};
|
||
|
|
||
|
// MODAL PLUGIN DEFINITION
|
||
|
// =======================
|
||
|
|
||
|
const old = $.fn.modal;
|
||
|
|
||
|
$.fn.modal = function (option, _relatedTarget) {
|
||
|
return this.each(function () {
|
||
|
const $this = $(this);
|
||
|
let data = $this.data('bs.modal');
|
||
|
const options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option === 'object' && option);
|
||
|
|
||
|
if (!data) $this.data('bs.modal', (data = new Modal(this, options)));
|
||
|
if (typeof option === 'string') data[option](_relatedTarget);
|
||
|
else if (options.show) data.show(_relatedTarget);
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.fn.modal.Constructor = Modal;
|
||
|
|
||
|
// MODAL NO CONFLICT
|
||
|
// =================
|
||
|
|
||
|
$.fn.modal.noConflict = function () {
|
||
|
$.fn.modal = old;
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
// MODAL DATA-API
|
||
|
// ==============
|
||
|
|
||
|
$(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) {
|
||
|
const $this = $(this);
|
||
|
const href = $this.attr('href');
|
||
|
const $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))); // strip for ie7
|
||
|
const option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data());
|
||
|
|
||
|
if ($this.is('a')) e.preventDefault();
|
||
|
|
||
|
$target
|
||
|
.modal(option, this)
|
||
|
.one('hide', () => {
|
||
|
$this.is(':visible') && $this.focus();
|
||
|
});
|
||
|
});
|
||
|
|
||
|
$(document)
|
||
|
.on('show.bs.modal', '.modal', () => { $(document.body).addClass('modal-open'); })
|
||
|
.on('hidden.bs.modal', '.modal', () => { $(document.body).removeClass('modal-open'); });
|
||
|
}(jQuery));
|
||
|
|
||
|
/* ========================================================================
|
||
|
* Bootstrap: tooltip.js v3.1.1
|
||
|
* http://getbootstrap.com/javascript/#tooltip
|
||
|
* Inspired by the original jQuery.tipsy by Jason Frame
|
||
|
* ========================================================================
|
||
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
* ======================================================================== */
|
||
|
|
||
|
+(function ($) {
|
||
|
// TOOLTIP PUBLIC CLASS DEFINITION
|
||
|
// ===============================
|
||
|
|
||
|
const Tooltip = function (element, options) {
|
||
|
this.type = this.options = this.enabled = this.timeout = this.hoverState = this.$element = null;
|
||
|
|
||
|
this.init('tooltip', element, options);
|
||
|
};
|
||
|
|
||
|
Tooltip.DEFAULTS = {
|
||
|
animation: true,
|
||
|
placement: 'top',
|
||
|
selector: false,
|
||
|
template: '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
|
||
|
trigger: 'hover focus',
|
||
|
title: '',
|
||
|
delay: 0,
|
||
|
html: false,
|
||
|
container: false,
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.init = function (type, element, options) {
|
||
|
this.enabled = true;
|
||
|
this.type = type;
|
||
|
this.$element = $(element);
|
||
|
this.options = this.getOptions(options);
|
||
|
|
||
|
const triggers = this.options.trigger.split(' ');
|
||
|
|
||
|
for (let i = triggers.length; i--;) {
|
||
|
const trigger = triggers[i];
|
||
|
|
||
|
if (trigger == 'click') {
|
||
|
this.$element.on(`click.${this.type}`, this.options.selector, $.proxy(this.toggle, this));
|
||
|
} else if (trigger != 'manual') {
|
||
|
const eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin';
|
||
|
const eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout';
|
||
|
|
||
|
this.$element.on(`${eventIn}.${this.type}`, this.options.selector, $.proxy(this.enter, this));
|
||
|
this.$element.on(`${eventOut}.${this.type}`, this.options.selector, $.proxy(this.leave, this));
|
||
|
}
|
||
|
}
|
||
|
|
||
|
this.options.selector
|
||
|
? (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' }))
|
||
|
: this.fixTitle();
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.getDefaults = function () {
|
||
|
return Tooltip.DEFAULTS;
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.getOptions = function (options) {
|
||
|
options = $.extend({}, this.getDefaults(), this.$element.data(), options);
|
||
|
|
||
|
if (options.delay && typeof options.delay === 'number') {
|
||
|
options.delay = {
|
||
|
show: options.delay,
|
||
|
hide: options.delay,
|
||
|
};
|
||
|
}
|
||
|
|
||
|
return options;
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.getDelegateOptions = function () {
|
||
|
const options = {};
|
||
|
const defaults = this.getDefaults();
|
||
|
|
||
|
this._options && $.each(this._options, (key, value) => {
|
||
|
if (defaults[key] != value) options[key] = value;
|
||
|
});
|
||
|
|
||
|
return options;
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.enter = function (obj) {
|
||
|
const self = obj instanceof this.constructor
|
||
|
? obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data(`bs.${this.type}`);
|
||
|
|
||
|
clearTimeout(self.timeout);
|
||
|
|
||
|
self.hoverState = 'in';
|
||
|
|
||
|
if (!self.options.delay || !self.options.delay.show) return self.show();
|
||
|
|
||
|
self.timeout = setTimeout(() => {
|
||
|
if (self.hoverState == 'in') self.show();
|
||
|
}, self.options.delay.show);
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.leave = function (obj) {
|
||
|
const self = obj instanceof this.constructor
|
||
|
? obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data(`bs.${this.type}`);
|
||
|
|
||
|
clearTimeout(self.timeout);
|
||
|
|
||
|
self.hoverState = 'out';
|
||
|
|
||
|
if (!self.options.delay || !self.options.delay.hide) return self.hide();
|
||
|
|
||
|
self.timeout = setTimeout(() => {
|
||
|
if (self.hoverState == 'out') self.hide();
|
||
|
}, self.options.delay.hide);
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.show = function () {
|
||
|
const e = $.Event(`show.bs.${this.type}`);
|
||
|
|
||
|
if (this.hasContent() && this.enabled) {
|
||
|
this.$element.trigger(e);
|
||
|
|
||
|
if (e.isDefaultPrevented()) return;
|
||
|
const that = this;
|
||
|
|
||
|
const $tip = this.tip();
|
||
|
|
||
|
this.setContent();
|
||
|
|
||
|
if (this.options.animation) $tip.addClass('fade');
|
||
|
|
||
|
let placement = typeof this.options.placement === 'function'
|
||
|
? this.options.placement.call(this, $tip[0], this.$element[0])
|
||
|
: this.options.placement;
|
||
|
|
||
|
const autoToken = /\s?auto?\s?/i;
|
||
|
const autoPlace = autoToken.test(placement);
|
||
|
if (autoPlace) placement = placement.replace(autoToken, '') || 'top';
|
||
|
|
||
|
$tip
|
||
|
.detach()
|
||
|
.css({ top: 0, left: 0, display: 'block' })
|
||
|
.addClass(placement);
|
||
|
|
||
|
this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element);
|
||
|
|
||
|
const pos = this.getPosition();
|
||
|
const actualWidth = $tip[0].offsetWidth;
|
||
|
const actualHeight = $tip[0].offsetHeight;
|
||
|
|
||
|
if (autoPlace) {
|
||
|
const $parent = this.$element.parent();
|
||
|
|
||
|
const orgPlacement = placement;
|
||
|
const docScroll = document.documentElement.scrollTop || document.body.scrollTop;
|
||
|
const parentWidth = this.options.container == 'body' ? window.innerWidth : $parent.outerWidth();
|
||
|
const parentHeight = this.options.container == 'body' ? window.innerHeight : $parent.outerHeight();
|
||
|
const parentLeft = this.options.container == 'body' ? 0 : $parent.offset().left;
|
||
|
|
||
|
placement = placement == 'bottom' && pos.top + pos.height + actualHeight - docScroll > parentHeight ? 'top'
|
||
|
: placement == 'top' && pos.top - docScroll - actualHeight < 0 ? 'bottom'
|
||
|
: placement == 'right' && pos.right + actualWidth > parentWidth ? 'left'
|
||
|
: placement == 'left' && pos.left - actualWidth < parentLeft ? 'right'
|
||
|
: placement;
|
||
|
|
||
|
$tip
|
||
|
.removeClass(orgPlacement)
|
||
|
.addClass(placement);
|
||
|
}
|
||
|
|
||
|
const calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight);
|
||
|
|
||
|
this.applyPlacement(calculatedOffset, placement);
|
||
|
this.hoverState = null;
|
||
|
|
||
|
const complete = function () {
|
||
|
that.$element.trigger(`shown.bs.${that.type}`);
|
||
|
};
|
||
|
|
||
|
$.support.transition && this.$tip.hasClass('fade')
|
||
|
? $tip
|
||
|
.one($.support.transition.end, complete)
|
||
|
.emulateTransitionEnd(150)
|
||
|
: complete();
|
||
|
}
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.applyPlacement = function (offset, placement) {
|
||
|
let replace;
|
||
|
const $tip = this.tip();
|
||
|
const width = $tip[0].offsetWidth;
|
||
|
const height = $tip[0].offsetHeight;
|
||
|
|
||
|
// manually read margins because getBoundingClientRect includes difference
|
||
|
let marginTop = parseInt($tip.css('margin-top'), 10);
|
||
|
let marginLeft = parseInt($tip.css('margin-left'), 10);
|
||
|
|
||
|
// we must check for NaN for ie 8/9
|
||
|
if (isNaN(marginTop)) marginTop = 0;
|
||
|
if (isNaN(marginLeft)) marginLeft = 0;
|
||
|
|
||
|
offset.top += marginTop;
|
||
|
offset.left += marginLeft;
|
||
|
|
||
|
// $.fn.offset doesn't round pixel values
|
||
|
// so we use setOffset directly with our own function B-0
|
||
|
$.offset.setOffset($tip[0], $.extend({
|
||
|
using(props) {
|
||
|
$tip.css({
|
||
|
top: Math.round(props.top),
|
||
|
left: Math.round(props.left),
|
||
|
});
|
||
|
},
|
||
|
}, offset), 0);
|
||
|
|
||
|
$tip.addClass('in');
|
||
|
|
||
|
// check to see if placing tip in new offset caused the tip to resize itself
|
||
|
let actualWidth = $tip[0].offsetWidth;
|
||
|
let actualHeight = $tip[0].offsetHeight;
|
||
|
|
||
|
if (placement == 'top' && actualHeight != height) {
|
||
|
replace = true;
|
||
|
offset.top = offset.top + height - actualHeight;
|
||
|
}
|
||
|
|
||
|
if (/bottom|top/.test(placement)) {
|
||
|
let delta = 0;
|
||
|
|
||
|
if (offset.left < 0) {
|
||
|
delta = offset.left * -2;
|
||
|
offset.left = 0;
|
||
|
|
||
|
$tip.offset(offset);
|
||
|
|
||
|
actualWidth = $tip[0].offsetWidth;
|
||
|
actualHeight = $tip[0].offsetHeight;
|
||
|
}
|
||
|
|
||
|
this.replaceArrow(delta - width + actualWidth, actualWidth, 'left');
|
||
|
} else {
|
||
|
this.replaceArrow(actualHeight - height, actualHeight, 'top');
|
||
|
}
|
||
|
|
||
|
if (replace) $tip.offset(offset);
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.replaceArrow = function (delta, dimension, position) {
|
||
|
this.arrow().css(position, delta ? (`${50 * (1 - delta / dimension)}%`) : '');
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.setContent = function () {
|
||
|
const $tip = this.tip();
|
||
|
const title = this.getTitle();
|
||
|
|
||
|
$tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title);
|
||
|
$tip.removeClass('fade in top bottom left right');
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.hide = function () {
|
||
|
const that = this;
|
||
|
const $tip = this.tip();
|
||
|
const e = $.Event(`hide.bs.${this.type}`);
|
||
|
|
||
|
function complete() {
|
||
|
if (that.hoverState != 'in') $tip.detach();
|
||
|
that.$element.trigger(`hidden.bs.${that.type}`);
|
||
|
}
|
||
|
|
||
|
this.$element.trigger(e);
|
||
|
|
||
|
if (e.isDefaultPrevented()) return;
|
||
|
|
||
|
$tip.removeClass('in');
|
||
|
|
||
|
$.support.transition && this.$tip.hasClass('fade')
|
||
|
? $tip
|
||
|
.one($.support.transition.end, complete)
|
||
|
.emulateTransitionEnd(150)
|
||
|
: complete();
|
||
|
|
||
|
this.hoverState = null;
|
||
|
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.fixTitle = function () {
|
||
|
const $e = this.$element;
|
||
|
if ($e.attr('title') || typeof ($e.attr('data-original-title')) !== 'string') {
|
||
|
$e.attr('data-original-title', $e.attr('title') || '').attr('title', '');
|
||
|
}
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.hasContent = function () {
|
||
|
return this.getTitle();
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.getPosition = function () {
|
||
|
const el = this.$element[0];
|
||
|
return $.extend({}, (typeof el.getBoundingClientRect === 'function') ? el.getBoundingClientRect() : {
|
||
|
width: el.offsetWidth,
|
||
|
height: el.offsetHeight,
|
||
|
}, this.$element.offset());
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) {
|
||
|
return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 }
|
||
|
: placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 }
|
||
|
: placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth }
|
||
|
/* placement == 'right' */ : { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width };
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.getTitle = function () {
|
||
|
let title;
|
||
|
const $e = this.$element;
|
||
|
const o = this.options;
|
||
|
|
||
|
title = $e.attr('data-original-title')
|
||
|
|| (typeof o.title === 'function' ? o.title.call($e[0]) : o.title);
|
||
|
|
||
|
return title;
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.tip = function () {
|
||
|
return this.$tip = this.$tip || $(this.options.template);
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.arrow = function () {
|
||
|
return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow');
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.validate = function () {
|
||
|
if (!this.$element[0].parentNode) {
|
||
|
this.hide();
|
||
|
this.$element = null;
|
||
|
this.options = null;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.enable = function () {
|
||
|
this.enabled = true;
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.disable = function () {
|
||
|
this.enabled = false;
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.toggleEnabled = function () {
|
||
|
this.enabled = !this.enabled;
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.toggle = function (e) {
|
||
|
const self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data(`bs.${this.type}`) : this;
|
||
|
self.tip().hasClass('in') ? self.leave(self) : self.enter(self);
|
||
|
};
|
||
|
|
||
|
Tooltip.prototype.destroy = function () {
|
||
|
clearTimeout(this.timeout);
|
||
|
this.hide().$element.off(`.${this.type}`).removeData(`bs.${this.type}`);
|
||
|
};
|
||
|
|
||
|
// TOOLTIP PLUGIN DEFINITION
|
||
|
// =========================
|
||
|
|
||
|
const old = $.fn.tooltip;
|
||
|
|
||
|
$.fn.tooltip = function (option) {
|
||
|
return this.each(function () {
|
||
|
const $this = $(this);
|
||
|
let data = $this.data('bs.tooltip');
|
||
|
const options = typeof option === 'object' && option;
|
||
|
|
||
|
if (!data && option == 'destroy') return;
|
||
|
if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)));
|
||
|
if (typeof option === 'string') data[option]();
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.fn.tooltip.Constructor = Tooltip;
|
||
|
|
||
|
// TOOLTIP NO CONFLICT
|
||
|
// ===================
|
||
|
|
||
|
$.fn.tooltip.noConflict = function () {
|
||
|
$.fn.tooltip = old;
|
||
|
return this;
|
||
|
};
|
||
|
}(jQuery));
|
||
|
|
||
|
/* ========================================================================
|
||
|
* Bootstrap: popover.js v3.1.1
|
||
|
* http://getbootstrap.com/javascript/#popovers
|
||
|
* ========================================================================
|
||
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
* ======================================================================== */
|
||
|
|
||
|
+(function ($) {
|
||
|
// POPOVER PUBLIC CLASS DEFINITION
|
||
|
// ===============================
|
||
|
|
||
|
const Popover = function (element, options) {
|
||
|
this.init('popover', element, options);
|
||
|
};
|
||
|
|
||
|
if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js');
|
||
|
|
||
|
Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, {
|
||
|
placement: 'right',
|
||
|
trigger: 'click',
|
||
|
content: '',
|
||
|
template: '<div class="popover"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>',
|
||
|
});
|
||
|
|
||
|
// NOTE: POPOVER EXTENDS tooltip.js
|
||
|
// ================================
|
||
|
|
||
|
Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype);
|
||
|
|
||
|
Popover.prototype.constructor = Popover;
|
||
|
|
||
|
Popover.prototype.getDefaults = function () {
|
||
|
return Popover.DEFAULTS;
|
||
|
};
|
||
|
|
||
|
Popover.prototype.setContent = function () {
|
||
|
const $tip = this.tip();
|
||
|
const title = this.getTitle();
|
||
|
const content = this.getContent();
|
||
|
|
||
|
$tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title);
|
||
|
$tip.find('.popover-content')[// we use append for html objects to maintain js events
|
||
|
this.options.html ? (typeof content === 'string' ? 'html' : 'append') : 'text'
|
||
|
](content);
|
||
|
|
||
|
$tip.removeClass('fade top bottom left right in');
|
||
|
|
||
|
// IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do
|
||
|
// this manually by checking the contents.
|
||
|
if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide();
|
||
|
};
|
||
|
|
||
|
Popover.prototype.hasContent = function () {
|
||
|
return this.getTitle() || this.getContent();
|
||
|
};
|
||
|
|
||
|
Popover.prototype.getContent = function () {
|
||
|
const $e = this.$element;
|
||
|
const o = this.options;
|
||
|
|
||
|
return $e.attr('data-content')
|
||
|
|| (typeof o.content === 'function'
|
||
|
? o.content.call($e[0])
|
||
|
: o.content);
|
||
|
};
|
||
|
|
||
|
Popover.prototype.arrow = function () {
|
||
|
return this.$arrow = this.$arrow || this.tip().find('.arrow');
|
||
|
};
|
||
|
|
||
|
Popover.prototype.tip = function () {
|
||
|
if (!this.$tip) this.$tip = $(this.options.template);
|
||
|
return this.$tip;
|
||
|
};
|
||
|
|
||
|
// POPOVER PLUGIN DEFINITION
|
||
|
// =========================
|
||
|
|
||
|
const old = $.fn.popover;
|
||
|
|
||
|
$.fn.popover = function (option) {
|
||
|
return this.each(function () {
|
||
|
const $this = $(this);
|
||
|
let data = $this.data('bs.popover');
|
||
|
const options = typeof option === 'object' && option;
|
||
|
|
||
|
if (!data && option == 'destroy') return;
|
||
|
if (!data) $this.data('bs.popover', (data = new Popover(this, options)));
|
||
|
if (typeof option === 'string') data[option]();
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.fn.popover.Constructor = Popover;
|
||
|
|
||
|
// POPOVER NO CONFLICT
|
||
|
// ===================
|
||
|
|
||
|
$.fn.popover.noConflict = function () {
|
||
|
$.fn.popover = old;
|
||
|
return this;
|
||
|
};
|
||
|
}(jQuery));
|
||
|
|
||
|
/* ========================================================================
|
||
|
* Bootstrap: scrollspy.js v3.1.1
|
||
|
* http://getbootstrap.com/javascript/#scrollspy
|
||
|
* ========================================================================
|
||
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
* ======================================================================== */
|
||
|
|
||
|
+(function ($) {
|
||
|
// SCROLLSPY CLASS DEFINITION
|
||
|
// ==========================
|
||
|
|
||
|
function ScrollSpy(element, options) {
|
||
|
let href;
|
||
|
const process = $.proxy(this.process, this);
|
||
|
|
||
|
this.$element = $(element).is('body') ? $(window) : $(element);
|
||
|
this.$body = $('body');
|
||
|
this.$scrollElement = this.$element.on('scroll.bs.scroll-spy.data-api', process);
|
||
|
this.options = $.extend({}, ScrollSpy.DEFAULTS, options);
|
||
|
this.selector = `${this.options.target
|
||
|
|| ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7
|
||
|
|| ''} .nav li > a`;
|
||
|
this.offsets = $([]);
|
||
|
this.targets = $([]);
|
||
|
this.activeTarget = null;
|
||
|
|
||
|
this.refresh();
|
||
|
this.process();
|
||
|
}
|
||
|
|
||
|
ScrollSpy.DEFAULTS = {
|
||
|
offset: 10,
|
||
|
};
|
||
|
|
||
|
ScrollSpy.prototype.refresh = function () {
|
||
|
const offsetMethod = this.$element[0] == window ? 'offset' : 'position';
|
||
|
|
||
|
this.offsets = $([]);
|
||
|
this.targets = $([]);
|
||
|
|
||
|
const self = this;
|
||
|
const $targets = this.$body
|
||
|
.find(this.selector)
|
||
|
.map(function () {
|
||
|
const $el = $(this);
|
||
|
const href = $el.data('target') || $el.attr('href');
|
||
|
const $href = /^#./.test(href) && $(href);
|
||
|
|
||
|
return ($href
|
||
|
&& $href.length
|
||
|
&& $href.is(':visible')
|
||
|
&& [[$href[offsetMethod]().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href]]) || null;
|
||
|
})
|
||
|
.sort((a, b) => a[0] - b[0])
|
||
|
.each(function () {
|
||
|
self.offsets.push(this[0]);
|
||
|
self.targets.push(this[1]);
|
||
|
});
|
||
|
};
|
||
|
|
||
|
ScrollSpy.prototype.process = function () {
|
||
|
const scrollTop = this.$scrollElement.scrollTop() + this.options.offset;
|
||
|
const scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight;
|
||
|
const maxScroll = scrollHeight - this.$scrollElement.height();
|
||
|
const { offsets } = this;
|
||
|
const { targets } = this;
|
||
|
const { activeTarget } = this;
|
||
|
let i;
|
||
|
|
||
|
if (scrollTop >= maxScroll) {
|
||
|
return activeTarget != (i = targets.last()[0]) && this.activate(i);
|
||
|
}
|
||
|
|
||
|
if (activeTarget && scrollTop <= offsets[0]) {
|
||
|
return activeTarget != (i = targets[0]) && this.activate(i);
|
||
|
}
|
||
|
|
||
|
for (i = offsets.length; i--;) {
|
||
|
activeTarget != targets[i]
|
||
|
&& scrollTop >= offsets[i]
|
||
|
&& (!offsets[i + 1] || scrollTop <= offsets[i + 1])
|
||
|
&& this.activate(targets[i]);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
ScrollSpy.prototype.activate = function (target) {
|
||
|
this.activeTarget = target;
|
||
|
|
||
|
$(this.selector)
|
||
|
.parentsUntil(this.options.target, '.active')
|
||
|
.removeClass('active');
|
||
|
|
||
|
const selector = `${this.selector
|
||
|
}[data-target="${target}"],${
|
||
|
this.selector}[href="${target}"]`;
|
||
|
|
||
|
let active = $(selector)
|
||
|
.parents('li')
|
||
|
.addClass('active');
|
||
|
|
||
|
if (active.parent('.dropdown-menu').length) {
|
||
|
active = active
|
||
|
.closest('li.dropdown')
|
||
|
.addClass('active');
|
||
|
}
|
||
|
|
||
|
active.trigger('activate.bs.scrollspy');
|
||
|
};
|
||
|
|
||
|
// SCROLLSPY PLUGIN DEFINITION
|
||
|
// ===========================
|
||
|
|
||
|
const old = $.fn.scrollspy;
|
||
|
|
||
|
$.fn.scrollspy = function (option) {
|
||
|
return this.each(function () {
|
||
|
const $this = $(this);
|
||
|
let data = $this.data('bs.scrollspy');
|
||
|
const options = typeof option === 'object' && option;
|
||
|
|
||
|
if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options)));
|
||
|
if (typeof option === 'string') data[option]();
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.fn.scrollspy.Constructor = ScrollSpy;
|
||
|
|
||
|
// SCROLLSPY NO CONFLICT
|
||
|
// =====================
|
||
|
|
||
|
$.fn.scrollspy.noConflict = function () {
|
||
|
$.fn.scrollspy = old;
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
// SCROLLSPY DATA-API
|
||
|
// ==================
|
||
|
|
||
|
$(window).on('load', () => {
|
||
|
$('[data-spy="scroll"]').each(function () {
|
||
|
const $spy = $(this);
|
||
|
$spy.scrollspy($spy.data());
|
||
|
});
|
||
|
});
|
||
|
}(jQuery));
|
||
|
|
||
|
/* ========================================================================
|
||
|
* Bootstrap: tab.js v3.1.1
|
||
|
* http://getbootstrap.com/javascript/#tabs
|
||
|
* ========================================================================
|
||
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
* ======================================================================== */
|
||
|
|
||
|
+(function ($) {
|
||
|
// TAB CLASS DEFINITION
|
||
|
// ====================
|
||
|
|
||
|
const Tab = function (element) {
|
||
|
this.element = $(element);
|
||
|
};
|
||
|
|
||
|
Tab.prototype.show = function () {
|
||
|
const $this = this.element;
|
||
|
const $ul = $this.closest('ul:not(.dropdown-menu)');
|
||
|
let selector = $this.data('target');
|
||
|
|
||
|
if (!selector) {
|
||
|
selector = $this.attr('href');
|
||
|
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, ''); // strip for ie7
|
||
|
}
|
||
|
|
||
|
if ($this.parent('li').hasClass('active')) return;
|
||
|
|
||
|
const previous = $ul.find('.active:last a')[0];
|
||
|
const e = $.Event('show.bs.tab', {
|
||
|
relatedTarget: previous,
|
||
|
});
|
||
|
|
||
|
$this.trigger(e);
|
||
|
|
||
|
if (e.isDefaultPrevented()) return;
|
||
|
|
||
|
const $target = $(selector);
|
||
|
|
||
|
this.activate($this.parent('li'), $ul);
|
||
|
this.activate($target, $target.parent(), () => {
|
||
|
$this.trigger({
|
||
|
type: 'shown.bs.tab',
|
||
|
relatedTarget: previous,
|
||
|
});
|
||
|
});
|
||
|
};
|
||
|
|
||
|
Tab.prototype.activate = function (element, container, callback) {
|
||
|
const $active = container.find('> .active');
|
||
|
const transition = callback
|
||
|
&& $.support.transition
|
||
|
&& $active.hasClass('fade');
|
||
|
|
||
|
function next() {
|
||
|
$active
|
||
|
.removeClass('active')
|
||
|
.find('> .dropdown-menu > .active')
|
||
|
.removeClass('active');
|
||
|
|
||
|
element.addClass('active');
|
||
|
|
||
|
if (transition) {
|
||
|
element[0].offsetWidth; // reflow for transition
|
||
|
element.addClass('in');
|
||
|
} else {
|
||
|
element.removeClass('fade');
|
||
|
}
|
||
|
|
||
|
if (element.parent('.dropdown-menu')) {
|
||
|
element.closest('li.dropdown').addClass('active');
|
||
|
}
|
||
|
|
||
|
callback && callback();
|
||
|
}
|
||
|
|
||
|
transition
|
||
|
? $active
|
||
|
.one($.support.transition.end, next)
|
||
|
.emulateTransitionEnd(150)
|
||
|
: next();
|
||
|
|
||
|
$active.removeClass('in');
|
||
|
};
|
||
|
|
||
|
// TAB PLUGIN DEFINITION
|
||
|
// =====================
|
||
|
|
||
|
const old = $.fn.tab;
|
||
|
|
||
|
$.fn.tab = function (option) {
|
||
|
return this.each(function () {
|
||
|
const $this = $(this);
|
||
|
let data = $this.data('bs.tab');
|
||
|
|
||
|
if (!data) $this.data('bs.tab', (data = new Tab(this)));
|
||
|
if (typeof option === 'string') data[option]();
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.fn.tab.Constructor = Tab;
|
||
|
|
||
|
// TAB NO CONFLICT
|
||
|
// ===============
|
||
|
|
||
|
$.fn.tab.noConflict = function () {
|
||
|
$.fn.tab = old;
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
// TAB DATA-API
|
||
|
// ============
|
||
|
|
||
|
$(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
|
||
|
e.preventDefault();
|
||
|
$(this).tab('show');
|
||
|
});
|
||
|
}(jQuery));
|
||
|
|
||
|
/* ========================================================================
|
||
|
* Bootstrap: affix.js v3.1.1
|
||
|
* http://getbootstrap.com/javascript/#affix
|
||
|
* ========================================================================
|
||
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
* ======================================================================== */
|
||
|
|
||
|
+(function ($) {
|
||
|
// AFFIX CLASS DEFINITION
|
||
|
// ======================
|
||
|
|
||
|
var Affix = function (element, options) {
|
||
|
this.options = $.extend({}, Affix.DEFAULTS, options);
|
||
|
this.$window = $(window)
|
||
|
.on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this))
|
||
|
.on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this));
|
||
|
|
||
|
this.$element = $(element);
|
||
|
this.affixed = this.unpin = this.pinnedOffset = null;
|
||
|
|
||
|
this.checkPosition();
|
||
|
};
|
||
|
|
||
|
Affix.RESET = 'affix affix-top affix-bottom';
|
||
|
|
||
|
Affix.DEFAULTS = {
|
||
|
offset: 0,
|
||
|
};
|
||
|
|
||
|
Affix.prototype.getPinnedOffset = function () {
|
||
|
if (this.pinnedOffset) return this.pinnedOffset;
|
||
|
this.$element.removeClass(Affix.RESET).addClass('affix');
|
||
|
const scrollTop = this.$window.scrollTop();
|
||
|
const position = this.$element.offset();
|
||
|
return (this.pinnedOffset = position.top - scrollTop);
|
||
|
};
|
||
|
|
||
|
Affix.prototype.checkPositionWithEventLoop = function () {
|
||
|
setTimeout($.proxy(this.checkPosition, this), 1);
|
||
|
};
|
||
|
|
||
|
Affix.prototype.checkPosition = function () {
|
||
|
if (!this.$element.is(':visible')) return;
|
||
|
|
||
|
const scrollHeight = $(document).height();
|
||
|
const scrollTop = this.$window.scrollTop();
|
||
|
const position = this.$element.offset();
|
||
|
const { offset } = this.options;
|
||
|
let offsetTop = offset.top;
|
||
|
let offsetBottom = offset.bottom;
|
||
|
|
||
|
if (this.affixed == 'top') position.top += scrollTop;
|
||
|
|
||
|
if (typeof offset !== 'object') offsetBottom = offsetTop = offset;
|
||
|
if (typeof offsetTop === 'function') offsetTop = offset.top(this.$element);
|
||
|
if (typeof offsetBottom === 'function') offsetBottom = offset.bottom(this.$element);
|
||
|
|
||
|
const affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false
|
||
|
: offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom'
|
||
|
: offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false;
|
||
|
|
||
|
if (this.affixed === affix) return;
|
||
|
if (this.unpin) this.$element.css('top', '');
|
||
|
|
||
|
const affixType = `affix${affix ? `-${affix}` : ''}`;
|
||
|
const e = $.Event(`${affixType}.bs.affix`);
|
||
|
|
||
|
this.$element.trigger(e);
|
||
|
|
||
|
if (e.isDefaultPrevented()) return;
|
||
|
|
||
|
this.affixed = affix;
|
||
|
this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null;
|
||
|
|
||
|
this.$element
|
||
|
.removeClass(Affix.RESET)
|
||
|
.addClass(affixType)
|
||
|
.trigger($.Event(affixType.replace('affix', 'affixed')));
|
||
|
|
||
|
if (affix == 'bottom') {
|
||
|
this.$element.offset({ top: scrollHeight - offsetBottom - this.$element.height() });
|
||
|
}
|
||
|
};
|
||
|
|
||
|
// AFFIX PLUGIN DEFINITION
|
||
|
// =======================
|
||
|
|
||
|
const old = $.fn.affix;
|
||
|
|
||
|
$.fn.affix = function (option) {
|
||
|
return this.each(function () {
|
||
|
const $this = $(this);
|
||
|
let data = $this.data('bs.affix');
|
||
|
const options = typeof option === 'object' && option;
|
||
|
|
||
|
if (!data) $this.data('bs.affix', (data = new Affix(this, options)));
|
||
|
if (typeof option === 'string') data[option]();
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.fn.affix.Constructor = Affix;
|
||
|
|
||
|
// AFFIX NO CONFLICT
|
||
|
// =================
|
||
|
|
||
|
$.fn.affix.noConflict = function () {
|
||
|
$.fn.affix = old;
|
||
|
return this;
|
||
|
};
|
||
|
|
||
|
// AFFIX DATA-API
|
||
|
// ==============
|
||
|
|
||
|
$(window).on('load', () => {
|
||
|
$('[data-spy="affix"]').each(function () {
|
||
|
const $spy = $(this);
|
||
|
const data = $spy.data();
|
||
|
|
||
|
data.offset = data.offset || {};
|
||
|
|
||
|
if (data.offsetBottom) data.offset.bottom = data.offsetBottom;
|
||
|
if (data.offsetTop) data.offset.top = data.offsetTop;
|
||
|
|
||
|
$spy.affix(data);
|
||
|
});
|
||
|
});
|
||
|
}(jQuery));
|