summaryrefslogtreecommitdiff
path: root/website/static/js/foundation/foundation.tooltips.js
diff options
context:
space:
mode:
authorhardythe12013-10-09 14:50:00 +0530
committerhardythe12013-10-09 14:50:00 +0530
commitc949dc9df3d57fa02a34d1eef7176436aefa23d9 (patch)
tree0cca1899f3f370f56321cdd379c4d3f6d467e1d7 /website/static/js/foundation/foundation.tooltips.js
downloadSciPy2013-c949dc9df3d57fa02a34d1eef7176436aefa23d9.tar.gz
SciPy2013-c949dc9df3d57fa02a34d1eef7176436aefa23d9.tar.bz2
SciPy2013-c949dc9df3d57fa02a34d1eef7176436aefa23d9.zip
Initializing repo with all the files
Diffstat (limited to 'website/static/js/foundation/foundation.tooltips.js')
-rw-r--r--website/static/js/foundation/foundation.tooltips.js209
1 files changed, 209 insertions, 0 deletions
diff --git a/website/static/js/foundation/foundation.tooltips.js b/website/static/js/foundation/foundation.tooltips.js
new file mode 100644
index 0000000..344989f
--- /dev/null
+++ b/website/static/js/foundation/foundation.tooltips.js
@@ -0,0 +1,209 @@
+/*jslint unparam: true, browser: true, indent: 2 */
+
+;(function ($, window, document, undefined) {
+ 'use strict';
+
+ Foundation.libs.tooltips = {
+ name : 'tooltips',
+
+ version : '4.3.2',
+
+ settings : {
+ selector : '.has-tip',
+ additionalInheritableClasses : [],
+ tooltipClass : '.tooltip',
+ touchCloseText: 'tap to close',
+ appendTo: 'body',
+ 'disable-for-touch': false,
+ tipTemplate : function (selector, content) {
+ return '<span data-selector="' + selector + '" class="'
+ + Foundation.libs.tooltips.settings.tooltipClass.substring(1)
+ + '">' + content + '<span class="nub"></span></span>';
+ }
+ },
+
+ cache : {},
+
+ init : function (scope, method, options) {
+ Foundation.inherit(this, 'data_options');
+ var self = this;
+
+ if (typeof method === 'object') {
+ $.extend(true, this.settings, method);
+ } else if (typeof options !== 'undefined') {
+ $.extend(true, this.settings, options);
+ }
+
+ if (typeof method !== 'string') {
+ if (Modernizr.touch) {
+ $(this.scope)
+ .on('click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip',
+ '[data-tooltip]', function (e) {
+ var settings = $.extend({}, self.settings, self.data_options($(this)));
+ if (!settings['disable-for-touch']) {
+ e.preventDefault();
+ $(settings.tooltipClass).hide();
+ self.showOrCreateTip($(this));
+ }
+ })
+ .on('click.fndtn.tooltip touchstart.fndtn.tooltip touchend.fndtn.tooltip',
+ this.settings.tooltipClass, function (e) {
+ e.preventDefault();
+ $(this).fadeOut(150);
+ });
+ } else {
+ $(this.scope)
+ .on('mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip',
+ '[data-tooltip]', function (e) {
+ var $this = $(this);
+
+ if (/enter|over/i.test(e.type)) {
+ self.showOrCreateTip($this);
+ } else if (e.type === 'mouseout' || e.type === 'mouseleave') {
+ self.hide($this);
+ }
+ });
+ }
+
+ // $(this.scope).data('fndtn-tooltips', true);
+ } else {
+ return this[method].call(this, options);
+ }
+
+ },
+
+ showOrCreateTip : function ($target) {
+ var $tip = this.getTip($target);
+
+ if ($tip && $tip.length > 0) {
+ return this.show($target);
+ }
+
+ return this.create($target);
+ },
+
+ getTip : function ($target) {
+ var selector = this.selector($target),
+ tip = null;
+
+ if (selector) {
+ tip = $('span[data-selector="' + selector + '"]' + this.settings.tooltipClass);
+ }
+
+ return (typeof tip === 'object') ? tip : false;
+ },
+
+ selector : function ($target) {
+ var id = $target.attr('id'),
+ dataSelector = $target.attr('data-tooltip') || $target.attr('data-selector');
+
+ if ((id && id.length < 1 || !id) && typeof dataSelector != 'string') {
+ dataSelector = 'tooltip' + Math.random().toString(36).substring(7);
+ $target.attr('data-selector', dataSelector);
+ }
+
+ return (id && id.length > 0) ? id : dataSelector;
+ },
+
+ create : function ($target) {
+ var $tip = $(this.settings.tipTemplate(this.selector($target), $('<div></div>').html($target.attr('title')).html())),
+ classes = this.inheritable_classes($target);
+
+ $tip.addClass(classes).appendTo(this.settings.appendTo);
+ if (Modernizr.touch) {
+ $tip.append('<span class="tap-to-close">'+this.settings.touchCloseText+'</span>');
+ }
+ $target.removeAttr('title').attr('title','');
+ this.show($target);
+ },
+
+ reposition : function (target, tip, classes) {
+ var width, nub, nubHeight, nubWidth, column, objPos;
+
+ tip.css('visibility', 'hidden').show();
+
+ width = target.data('width');
+ nub = tip.children('.nub');
+ nubHeight = this.outerHeight(nub);
+ nubWidth = this.outerHeight(nub);
+
+ objPos = function (obj, top, right, bottom, left, width) {
+ return obj.css({
+ 'top' : (top) ? top : 'auto',
+ 'bottom' : (bottom) ? bottom : 'auto',
+ 'left' : (left) ? left : 'auto',
+ 'right' : (right) ? right : 'auto',
+ 'width' : (width) ? width : 'auto'
+ }).end();
+ };
+
+ objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', target.offset().left, width);
+
+ if ($(window).width() < 767) {
+ objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', 12.5, $(this.scope).width());
+ tip.addClass('tip-override');
+ objPos(nub, -nubHeight, 'auto', 'auto', target.offset().left);
+ } else {
+ var left = target.offset().left;
+ if (Foundation.rtl) {
+ left = target.offset().left + target.offset().width - this.outerWidth(tip);
+ }
+ objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', left, width);
+ tip.removeClass('tip-override');
+ if (classes && classes.indexOf('tip-top') > -1) {
+ objPos(tip, (target.offset().top - this.outerHeight(tip)), 'auto', 'auto', left, width)
+ .removeClass('tip-override');
+ } else if (classes && classes.indexOf('tip-left') > -1) {
+ objPos(tip, (target.offset().top + (this.outerHeight(target) / 2) - nubHeight*2.5), 'auto', 'auto', (target.offset().left - this.outerWidth(tip) - nubHeight), width)
+ .removeClass('tip-override');
+ } else if (classes && classes.indexOf('tip-right') > -1) {
+ objPos(tip, (target.offset().top + (this.outerHeight(target) / 2) - nubHeight*2.5), 'auto', 'auto', (target.offset().left + this.outerWidth(target) + nubHeight), width)
+ .removeClass('tip-override');
+ }
+ }
+
+ tip.css('visibility', 'visible').hide();
+ },
+
+ inheritable_classes : function (target) {
+ var inheritables = ['tip-top', 'tip-left', 'tip-bottom', 'tip-right', 'noradius'].concat(this.settings.additionalInheritableClasses),
+ classes = target.attr('class'),
+ filtered = classes ? $.map(classes.split(' '), function (el, i) {
+ if ($.inArray(el, inheritables) !== -1) {
+ return el;
+ }
+ }).join(' ') : '';
+
+ return $.trim(filtered);
+ },
+
+ show : function ($target) {
+ var $tip = this.getTip($target);
+
+ this.reposition($target, $tip, $target.attr('class'));
+ $tip.fadeIn(150);
+ },
+
+ hide : function ($target) {
+ var $tip = this.getTip($target);
+
+ $tip.fadeOut(150);
+ },
+
+ // deprecate reload
+ reload : function () {
+ var $self = $(this);
+
+ return ($self.data('fndtn-tooltips')) ? $self.foundationTooltips('destroy').foundationTooltips('init') : $self.foundationTooltips('init');
+ },
+
+ off : function () {
+ $(this.scope).off('.fndtn.tooltip');
+ $(this.settings.tooltipClass).each(function (i) {
+ $('[data-tooltip]').get(i).attr('title', $(this).text());
+ }).remove();
+ },
+
+ reflow : function () {}
+ };
+}(Foundation.zj, this, this.document));