Revision 82e47ae0
Added by Amos Benari about 12 years ago
- ID 82e47ae0f86994702c3a084cc6150250a81034ee
| public/javascripts/bootstrap-popover.js | ||
|---|---|---|
|
/* ===========================================================
|
||
|
* bootstrap-popover.js v1.3.0
|
||
|
* http://twitter.github.com/bootstrap/javascript.html#popover
|
||
|
* bootstrap-popover.js v2.0.2
|
||
|
* http://twitter.github.com/bootstrap/javascript.html#popovers
|
||
|
* ===========================================================
|
||
|
* Copyright 2011 Twitter, Inc.
|
||
|
* Copyright 2012 Twitter, Inc.
|
||
|
*
|
||
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
* you may not use this file except in compliance with the License.
|
||
| ... | ... | |
|
|
||
|
!function( $ ) {
|
||
|
|
||
|
"use strict"
|
||
|
|
||
|
var Popover = function ( element, options ) {
|
||
|
this.$element = $(element)
|
||
|
this.options = options
|
||
|
this.enabled = true
|
||
|
this.fixTitle()
|
||
|
this.init('popover', element, options)
|
||
|
}
|
||
|
|
||
|
/* NOTE: POPOVER EXTENDS BOOTSTRAP-TWIPSY.js
|
||
|
========================================= */
|
||
|
/* NOTE: POPOVER EXTENDS BOOTSTRAP-TOOLTIP.js
|
||
|
========================================== */
|
||
|
|
||
|
Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, {
|
||
|
|
||
|
Popover.prototype = $.extend({}, $.fn.twipsy.Twipsy.prototype, {
|
||
|
constructor: Popover
|
||
|
|
||
|
setContent: function () {
|
||
|
, setContent: function () {
|
||
|
var $tip = this.tip()
|
||
|
$tip.find('.title')[this.options.html ? 'html' : 'text'](this.getTitle())
|
||
|
$tip.find('.content p')[this.options.html ? 'html' : 'text'](this.getContent())
|
||
|
$tip[0].className = 'popover'
|
||
|
, title = this.getTitle()
|
||
|
, content = this.getContent()
|
||
|
|
||
|
$tip.find('.popover-title')[ $.type(title) == 'object' ? 'append' : 'html' ](title)
|
||
|
$tip.find('.popover-content > *')[ $.type(content) == 'object' ? 'append' : 'html' ](content)
|
||
|
|
||
|
$tip.removeClass('fade top bottom left right in')
|
||
|
}
|
||
|
|
||
|
, hasContent: function () {
|
||
|
return this.getTitle() || this.getContent()
|
||
|
}
|
||
|
|
||
|
, getContent: function () {
|
||
|
var content
|
||
|
, $e = this.$element
|
||
|
, o = this.options
|
||
|
, $e = this.$element
|
||
|
, o = this.options
|
||
|
|
||
|
content = $e.attr('data-content')
|
||
|
|| (typeof o.content == 'function' ? o.content.call($e[0]) : o.content)
|
||
|
|
||
|
content = content.toString().replace(/(^\s*|\s*$)/, "")
|
||
|
|
||
|
if (typeof this.options.content == 'string') {
|
||
|
content = $e.attr(o.content)
|
||
|
} else if (typeof this.options.content == 'function') {
|
||
|
content = this.options.content.call(this.$element[0])
|
||
|
}
|
||
|
return content
|
||
|
}
|
||
|
|
||
|
, tip: function() {
|
||
|
if (!this.$tip) {
|
||
|
this.$tip = $('<div class="popover" />')
|
||
|
.html('<div class="arrow"></div><div class="inner"><h3 class="title"></h3><div class="content"><p></p></div></div>')
|
||
|
this.$tip = $(this.options.template)
|
||
|
}
|
||
|
return this.$tip
|
||
|
}
|
||
| ... | ... | |
|
/* POPOVER PLUGIN DEFINITION
|
||
|
* ======================= */
|
||
|
|
||
|
$.fn.popover = function (options) {
|
||
|
if (typeof options == 'object') options = $.extend({}, $.fn.popover.defaults, options)
|
||
|
$.fn.twipsy.initWith.call(this, options, Popover, 'popover')
|
||
|
return this
|
||
|
$.fn.popover = function ( option ) {
|
||
|
return this.each(function () {
|
||
|
var $this = $(this)
|
||
|
, data = $this.data('popover')
|
||
|
, options = typeof option == 'object' && option
|
||
|
if (!data) $this.data('popover', (data = new Popover(this, options)))
|
||
|
if (typeof option == 'string') data[option]()
|
||
|
})
|
||
|
}
|
||
|
|
||
|
$.fn.popover.defaults = $.extend({} , $.fn.twipsy.defaults, { content: 'data-content', placement: 'right'})
|
||
|
$.fn.popover.Constructor = Popover
|
||
|
|
||
|
$.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, {
|
||
|
placement: 'right'
|
||
|
, content: ''
|
||
|
, template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
|
||
|
})
|
||
|
|
||
|
}( window.jQuery || window.ender );
|
||
|
}( window.jQuery );
|
||
Also available in: Unified diff
updates UI to bootstrap v2