feat: add videodb media index with Docker stack
- Add videodb PHP/MySQL media collection manager (Blu-ray, DVD, CD) - Dockerfile: PHP 8.1 + Apache with GD/mysqli/exif extensions - docker-compose.yml: app on port 6761 + MySQL 8.0 with health checks - docker-entrypoint.sh: auto-generates config.inc.php from env vars, waits for MySQL, initializes DB schema idempotently - init-db.php: CLI schema installer using app's own prefix_query() logic - Persistent volumes for DB, cache, and cover images Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
208
videodb/lib/foundation4/js/foundation/foundation.tooltips.js
vendored
Normal file
208
videodb/lib/foundation4/js/foundation/foundation.tooltips.js
vendored
Normal file
@@ -0,0 +1,208 @@
|
||||
/*jslint unparam: true, browser: true, indent: 2 */
|
||||
|
||||
;(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.tooltips = {
|
||||
name : 'tooltips',
|
||||
|
||||
version : '4.2.2',
|
||||
|
||||
settings : {
|
||||
selector : '.has-tip',
|
||||
additionalInheritableClasses : [],
|
||||
tooltipClass : '.tooltip',
|
||||
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">tap to close </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));
|
||||
Reference in New Issue
Block a user