mirror of
https://github.com/twbs/bootstrap.git
synced 2025-09-25 21:09:06 +02:00
bootstrap onto closure
This commit is contained in:
fat
340
js/popover.js
340
js/popover.js
@@ -1,113 +1,283 @@
|
||||
/* ========================================================================
|
||||
* Bootstrap: popover.js v3.3.2
|
||||
/** =======================================================================
|
||||
* Bootstrap: popover.js v4.0.0
|
||||
* http://getbootstrap.com/javascript/#popovers
|
||||
* ========================================================================
|
||||
* Copyright 2011-2015 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* ======================================================================== */
|
||||
* ========================================================================
|
||||
* @fileoverview - Bootstrap's popover plugin - extends tooltip.
|
||||
*
|
||||
* Public Methods & Properties:
|
||||
*
|
||||
* + $.popover
|
||||
* + $.popover.noConflict
|
||||
* + $.popover.Constructor
|
||||
* + $.popover.Constructor.VERSION
|
||||
* + $.popover.Constructor.Defaults
|
||||
* + $.popover.Constructor.Defaults.container
|
||||
* + $.popover.Constructor.Defaults.animation
|
||||
* + $.popover.Constructor.Defaults.placement
|
||||
* + $.popover.Constructor.Defaults.selector
|
||||
* + $.popover.Constructor.Defaults.template
|
||||
* + $.popover.Constructor.Defaults.trigger
|
||||
* + $.popover.Constructor.Defaults.title
|
||||
* + $.popover.Constructor.Defaults.content
|
||||
* + $.popover.Constructor.Defaults.delay
|
||||
* + $.popover.Constructor.Defaults.html
|
||||
* + $.popover.Constructor.Defaults.viewport
|
||||
* + $.popover.Constructor.Defaults.viewport.selector
|
||||
* + $.popover.Constructor.Defaults.viewport.padding
|
||||
* + $.popover.Constructor.prototype.enable
|
||||
* + $.popover.Constructor.prototype.disable
|
||||
* + $.popover.Constructor.prototype.destroy
|
||||
* + $.popover.Constructor.prototype.toggleEnabled
|
||||
* + $.popover.Constructor.prototype.toggle
|
||||
* + $.popover.Constructor.prototype.show
|
||||
* + $.popover.Constructor.prototype.hide
|
||||
*
|
||||
* ========================================================================
|
||||
*/
|
||||
|
||||
|
||||
+function ($) {
|
||||
'use strict';
|
||||
'use strict';
|
||||
|
||||
// POPOVER PUBLIC CLASS DEFINITION
|
||||
// ===============================
|
||||
|
||||
var Popover = function (element, options) {
|
||||
this.init('popover', element, options)
|
||||
}
|
||||
if (!Tooltip) throw new Error('Popover requires tooltip.js')
|
||||
|
||||
if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js')
|
||||
|
||||
Popover.VERSION = '3.3.2'
|
||||
/**
|
||||
* Our tooltip class.
|
||||
* @param {Element!} element
|
||||
* @param {Object=} opt_config
|
||||
* @constructor
|
||||
* @extends {Tooltip}
|
||||
*/
|
||||
var Popover = function (element, opt_config) {
|
||||
Tooltip.apply(this, arguments)
|
||||
}
|
||||
Bootstrap.inherits(Popover, Tooltip)
|
||||
|
||||
Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, {
|
||||
placement: 'right',
|
||||
trigger: 'click',
|
||||
content: '',
|
||||
template: '<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
|
||||
|
||||
/**
|
||||
* @const
|
||||
* @type {string}
|
||||
*/
|
||||
Popover['VERSION'] = '4.0.0'
|
||||
|
||||
|
||||
/**
|
||||
* @const
|
||||
* @type {Object}
|
||||
*/
|
||||
Popover['Defaults'] = $.extend({}, $.fn['tooltip']['Constructor']['Defaults'], {
|
||||
'placement': 'right',
|
||||
'trigger': 'click',
|
||||
'content': '',
|
||||
'template': '<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* @const
|
||||
* @type {string}
|
||||
* @private
|
||||
*/
|
||||
Popover._NAME = 'popover'
|
||||
|
||||
|
||||
/**
|
||||
* @const
|
||||
* @type {string}
|
||||
* @private
|
||||
*/
|
||||
Popover._DATA_KEY = 'bs.popover'
|
||||
|
||||
|
||||
/**
|
||||
* @const
|
||||
* @enum {string}
|
||||
* @private
|
||||
*/
|
||||
Popover._Event = {
|
||||
HIDE : 'hide.bs.popover',
|
||||
HIDDEN : 'hidden.bs.popover',
|
||||
SHOW : 'show.bs.popover',
|
||||
SHOWN : 'shown.bs.popover'
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @const
|
||||
* @enum {string}
|
||||
* @private
|
||||
*/
|
||||
Popover._ClassName = {
|
||||
FADE : 'fade',
|
||||
IN : 'in'
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @const
|
||||
* @enum {string}
|
||||
* @private
|
||||
*/
|
||||
Popover._Selector = {
|
||||
TITLE : '.popover-title',
|
||||
CONTENT : '.popover-content',
|
||||
ARROW : '.popover-arrow'
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @const
|
||||
* @type {Function}
|
||||
* @private
|
||||
*/
|
||||
Popover._JQUERY_NO_CONFLICT = $.fn[Popover._NAME]
|
||||
|
||||
|
||||
/**
|
||||
* @param {Object|string=} opt_config
|
||||
* @this {jQuery}
|
||||
* @return {jQuery}
|
||||
* @private
|
||||
*/
|
||||
Popover._jQueryInterface = function (opt_config) {
|
||||
return this.each(function () {
|
||||
var data = $(this).data(Popover._DATA_KEY)
|
||||
var config = typeof opt_config === 'object' ? opt_config : null
|
||||
|
||||
if (!data && opt_config === 'destroy') {
|
||||
return
|
||||
}
|
||||
|
||||
if (!data) {
|
||||
data = new Popover(this, config)
|
||||
$(this).data(Popover._DATA_KEY, data)
|
||||
}
|
||||
|
||||
if (typeof opt_config === 'string') {
|
||||
data[opt_config]()
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// NOTE: POPOVER EXTENDS tooltip.js
|
||||
// ================================
|
||||
/**
|
||||
* @return {string}
|
||||
* @protected
|
||||
*/
|
||||
Popover.prototype.getName = function () {
|
||||
return Popover._NAME
|
||||
}
|
||||
|
||||
Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype)
|
||||
|
||||
Popover.prototype.constructor = Popover
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
Popover.prototype.getDataKey = function () {
|
||||
return Popover._DATA_KEY
|
||||
}
|
||||
|
||||
Popover.prototype.getDefaults = function () {
|
||||
return Popover.DEFAULTS
|
||||
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
Popover.prototype.getEventObject = function () {
|
||||
return Popover._Event
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
Popover.prototype.getArrowElement = function () {
|
||||
return (this.arrow = this.arrow || $(this.getTipElement()).find(Popover._Selector.ARROW)[0])
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
Popover.prototype.setContent = function () {
|
||||
var tip = this.getTipElement()
|
||||
var title = this.getTitle()
|
||||
var content = this._getContent()
|
||||
var titleElement = $(tip).find(Popover._Selector.TITLE)[0]
|
||||
|
||||
if (titleElement) {
|
||||
titleElement[this.config['html'] ? 'innerHTML' : 'innerText'] = title
|
||||
}
|
||||
|
||||
Popover.prototype.setContent = function () {
|
||||
var $tip = this.tip()
|
||||
var title = this.getTitle()
|
||||
var content = this.getContent()
|
||||
// we use append for html objects to maintain js events
|
||||
$(tip).find(Popover._Selector.CONTENT).children().detach().end()[
|
||||
this.config['html'] ? (typeof content == 'string' ? 'html' : 'append') : 'text'
|
||||
](content)
|
||||
|
||||
$tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
|
||||
$tip.find('.popover-content').children().detach().end()[ // we use append for html objects to maintain js events
|
||||
this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text'
|
||||
](content)
|
||||
$(tip)
|
||||
.removeClass(Popover._ClassName.FADE)
|
||||
.removeClass(Popover._ClassName.IN)
|
||||
|
||||
$tip.removeClass('fade popover-top popover-bottom popover-left popover-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 () {
|
||||
var $e = this.$element
|
||||
var 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('.popover-arrow'))
|
||||
}
|
||||
|
||||
Popover.prototype.tip = function () {
|
||||
if (!this.$tip) this.$tip = $(this.options.template)
|
||||
return this.$tip
|
||||
for (var direction in Tooltip.Direction) {
|
||||
$(tip).removeClass(Popover._NAME + '-' + Tooltip.Direction[direction])
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// POPOVER PLUGIN DEFINITION
|
||||
// =========================
|
||||
|
||||
function Plugin(option) {
|
||||
return this.each(function () {
|
||||
var $this = $(this)
|
||||
var data = $this.data('bs.popover')
|
||||
var 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]()
|
||||
})
|
||||
}
|
||||
|
||||
var old = $.fn.popover
|
||||
|
||||
$.fn.popover = Plugin
|
||||
$.fn.popover.Constructor = Popover
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
Popover.prototype.isWithContent = function () {
|
||||
return this.getTitle() || this._getContent()
|
||||
}
|
||||
|
||||
|
||||
// POPOVER NO CONFLICT
|
||||
// ===================
|
||||
/**
|
||||
* @override
|
||||
*/
|
||||
Popover.prototype.getTipElement = function () {
|
||||
return (this.tip = this.tip || $(this.config['template'])[0])
|
||||
}
|
||||
|
||||
$.fn.popover.noConflict = function () {
|
||||
$.fn.popover = old
|
||||
return this
|
||||
}
|
||||
|
||||
}(jQuery);
|
||||
/**
|
||||
* @private
|
||||
*/
|
||||
Popover.prototype._getContent = function () {
|
||||
return this.element.getAttribute('data-content')
|
||||
|| (typeof this.config['content'] == 'function' ?
|
||||
this.config['content'].call(this.element) :
|
||||
this.config['content'])
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* ------------------------------------------------------------------------
|
||||
* jQuery Interface + noConflict implementaiton
|
||||
* ------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* @const
|
||||
* @type {Function}
|
||||
*/
|
||||
$.fn[Popover._NAME] = Popover._jQueryInterface
|
||||
|
||||
|
||||
/**
|
||||
* @const
|
||||
* @type {Function}
|
||||
*/
|
||||
$.fn[Popover._NAME]['Constructor'] = Popover
|
||||
|
||||
|
||||
/**
|
||||
* @const
|
||||
* @type {Function}
|
||||
*/
|
||||
$.fn[Popover._NAME]['noConflict'] = function () {
|
||||
$.fn[Popover._NAME] = Popover._JQUERY_NO_CONFLICT
|
||||
return this
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user