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:
533
videodb/lib/foundation4/js/foundation/foundation.forms.js
vendored
Normal file
533
videodb/lib/foundation4/js/foundation/foundation.forms.js
vendored
Normal file
@@ -0,0 +1,533 @@
|
||||
(function ($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
Foundation.libs.forms = {
|
||||
name : 'forms',
|
||||
|
||||
version: '4.3.1',
|
||||
|
||||
cache: {},
|
||||
|
||||
settings: {
|
||||
disable_class: 'no-custom',
|
||||
last_combo : null
|
||||
},
|
||||
|
||||
init: function (scope, method, options) {
|
||||
|
||||
if (typeof method === 'object') {
|
||||
$.extend(true, this.settings, method);
|
||||
}
|
||||
|
||||
if (typeof method !== 'string') {
|
||||
if (!this.settings.init) {
|
||||
this.events();
|
||||
}
|
||||
|
||||
this.assemble();
|
||||
|
||||
return this.settings.init;
|
||||
} else {
|
||||
return this[method].call(this, options);
|
||||
}
|
||||
},
|
||||
|
||||
assemble: function () {
|
||||
$('form.custom input[type="radio"]', $(this.scope))
|
||||
.not('[data-customforms="disabled"]')
|
||||
.not('.' + this.settings.disable_class)
|
||||
.each(this.append_custom_markup);
|
||||
$('form.custom input[type="checkbox"]', $(this.scope))
|
||||
.not('[data-customforms="disabled"]')
|
||||
.not('.' + this.settings.disable_class)
|
||||
.each(this.append_custom_markup);
|
||||
$('form.custom select', $(this.scope))
|
||||
.not('[data-customforms="disabled"]')
|
||||
.not('.' + this.settings.disable_class)
|
||||
.not('[multiple=multiple]')
|
||||
.each(this.append_custom_select);
|
||||
},
|
||||
|
||||
events: function () {
|
||||
var self = this;
|
||||
|
||||
$(this.scope)
|
||||
.on('click.fndtn.forms', 'form.custom span.custom.checkbox', function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
self.toggle_checkbox($(this));
|
||||
})
|
||||
.on('click.fndtn.forms', 'form.custom span.custom.radio', function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
self.toggle_radio($(this));
|
||||
})
|
||||
.on('change.fndtn.forms', 'form.custom select', function (e, force_refresh) {
|
||||
if ($(this).is('[data-customforms="disabled"]')) return;
|
||||
self.refresh_custom_select($(this), force_refresh);
|
||||
})
|
||||
.on('click.fndtn.forms', 'form.custom label', function (e) {
|
||||
if ($(e.target).is('label')) {
|
||||
var $associatedElement = $('#' + self.escape($(this).attr('for'))).not('[data-customforms="disabled"]'),
|
||||
$customCheckbox,
|
||||
$customRadio;
|
||||
|
||||
if ($associatedElement.length !== 0) {
|
||||
if ($associatedElement.attr('type') === 'checkbox') {
|
||||
e.preventDefault();
|
||||
$customCheckbox = $(this).find('span.custom.checkbox');
|
||||
//the checkbox might be outside after the label or inside of another element
|
||||
if ($customCheckbox.length === 0) {
|
||||
$customCheckbox = $associatedElement.add(this).siblings('span.custom.checkbox').first();
|
||||
}
|
||||
self.toggle_checkbox($customCheckbox);
|
||||
} else if ($associatedElement.attr('type') === 'radio') {
|
||||
e.preventDefault();
|
||||
$customRadio = $(this).find('span.custom.radio');
|
||||
//the radio might be outside after the label or inside of another element
|
||||
if ($customRadio.length === 0) {
|
||||
$customRadio = $associatedElement.add(this).siblings('span.custom.radio').first();
|
||||
}
|
||||
self.toggle_radio($customRadio);
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
.on('mousedown.fndtn.forms', 'form.custom div.custom.dropdown', function () {
|
||||
return false;
|
||||
})
|
||||
.on('click.fndtn.forms', 'form.custom div.custom.dropdown a.current, form.custom div.custom.dropdown a.selector', function (e) {
|
||||
var $this = $(this),
|
||||
$dropdown = $this.closest('div.custom.dropdown'),
|
||||
$select = getFirstPrevSibling($dropdown, 'select');
|
||||
|
||||
// make sure other dropdowns close
|
||||
if (!$dropdown.hasClass('open')) $(self.scope).trigger('click');
|
||||
|
||||
e.preventDefault();
|
||||
if (false === $select.is(':disabled')) {
|
||||
$dropdown.toggleClass('open');
|
||||
|
||||
if ($dropdown.hasClass('open')) {
|
||||
$(self.scope).on('click.fndtn.forms.customdropdown', function () {
|
||||
$dropdown.removeClass('open');
|
||||
$(self.scope).off('.fndtn.forms.customdropdown');
|
||||
});
|
||||
} else {
|
||||
$(self.scope).on('.fndtn.forms.customdropdown');
|
||||
}
|
||||
return false;
|
||||
}
|
||||
})
|
||||
.on('click.fndtn.forms touchend.fndtn.forms', 'form.custom div.custom.dropdown li', function (e) {
|
||||
var $this = $(this),
|
||||
$customDropdown = $this.closest('div.custom.dropdown'),
|
||||
$select = getFirstPrevSibling($customDropdown, 'select'),
|
||||
selectedIndex = 0;
|
||||
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
|
||||
if (!$(this).hasClass('disabled')) {
|
||||
$('div.dropdown').not($customDropdown).removeClass('open');
|
||||
|
||||
var $oldThis = $this.closest('ul')
|
||||
.find('li.selected');
|
||||
$oldThis.removeClass('selected');
|
||||
|
||||
$this.addClass('selected');
|
||||
|
||||
$customDropdown.removeClass('open')
|
||||
.find('a.current')
|
||||
.text($this.text());
|
||||
|
||||
$this.closest('ul').find('li').each(function (index) {
|
||||
if ($this[0] === this) {
|
||||
selectedIndex = index;
|
||||
}
|
||||
});
|
||||
$select[0].selectedIndex = selectedIndex;
|
||||
|
||||
//store the old value in data
|
||||
$select.data('prevalue', $oldThis.html());
|
||||
|
||||
// Kick off full DOM change event
|
||||
if (typeof (document.createEvent) != 'undefined') {
|
||||
var event = document.createEvent('HTMLEvents');
|
||||
event.initEvent('change', true, true);
|
||||
$select[0].dispatchEvent(event);
|
||||
} else {
|
||||
$select[0].fireEvent('onchange'); // for IE
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('keydown', function (e) {
|
||||
var focus = document.activeElement,
|
||||
self = Foundation.libs.forms,
|
||||
dropdown = $('.custom.dropdown.open');
|
||||
|
||||
if (dropdown.length > 0) {
|
||||
e.preventDefault();
|
||||
|
||||
if (e.which === 13) {
|
||||
dropdown.find('li.selected').trigger('click');
|
||||
}
|
||||
|
||||
if (e.which === 27) {
|
||||
dropdown.removeClass('open');
|
||||
}
|
||||
|
||||
if (e.which >= 65 && e.which <= 90) {
|
||||
var next = self.go_to(dropdown, e.which),
|
||||
current = dropdown.find('li.selected');
|
||||
|
||||
if (next) {
|
||||
current.removeClass('selected');
|
||||
self.scrollTo(next.addClass('selected'), 300);
|
||||
}
|
||||
}
|
||||
|
||||
if (e.which === 38) {
|
||||
var current = dropdown.find('li.selected'),
|
||||
prev = current.prev(':not(.disabled)');
|
||||
|
||||
if (prev.length > 0) {
|
||||
prev.parent()[0].scrollTop = prev.parent().scrollTop() - self.outerHeight(prev);
|
||||
current.removeClass('selected');
|
||||
prev.addClass('selected');
|
||||
}
|
||||
} else if (e.which === 40) {
|
||||
var current = dropdown.find('li.selected'),
|
||||
next = current.next(':not(.disabled)');
|
||||
|
||||
if (next.length > 0) {
|
||||
next.parent()[0].scrollTop = next.parent().scrollTop() + self.outerHeight(next);
|
||||
current.removeClass('selected');
|
||||
next.addClass('selected');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
this.settings.init = true;
|
||||
},
|
||||
|
||||
go_to: function (dropdown, character) {
|
||||
var lis = dropdown.find('li'),
|
||||
count = lis.length;
|
||||
|
||||
if (count > 0) {
|
||||
for (var i = 0; i < count; i++) {
|
||||
var first_letter = lis.eq(i).text().charAt(0).toLowerCase();
|
||||
if (first_letter === String.fromCharCode(character).toLowerCase()) return lis.eq(i);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
scrollTo: function (el, duration) {
|
||||
if (duration < 0) return;
|
||||
var parent = el.parent();
|
||||
var li_height = this.outerHeight(el);
|
||||
var difference = (li_height * (el.index())) - parent.scrollTop();
|
||||
var perTick = difference / duration * 10;
|
||||
|
||||
this.scrollToTimerCache = setTimeout(function () {
|
||||
if (!isNaN(parseInt(perTick, 10))) {
|
||||
parent[0].scrollTop = parent.scrollTop() + perTick;
|
||||
this.scrollTo(el, duration - 10);
|
||||
}
|
||||
}.bind(this), 10);
|
||||
},
|
||||
|
||||
append_custom_markup: function (idx, sel) {
|
||||
var $this = $(sel),
|
||||
type = $this.attr('type'),
|
||||
$span = $this.next('span.custom.' + type);
|
||||
|
||||
if (!$this.parent().hasClass('switch')) {
|
||||
$this.addClass('hidden-field');
|
||||
}
|
||||
|
||||
if ($span.length === 0) {
|
||||
$span = $('<span class="custom ' + type + '"></span>').insertAfter($this);
|
||||
}
|
||||
|
||||
$span.toggleClass('checked', $this.is(':checked'));
|
||||
$span.toggleClass('disabled', $this.is(':disabled'));
|
||||
},
|
||||
|
||||
append_custom_select: function (idx, sel) {
|
||||
var self = Foundation.libs.forms,
|
||||
$this = $(sel),
|
||||
$customSelect = $this.next('div.custom.dropdown'),
|
||||
$customList = $customSelect.find('ul'),
|
||||
$selectCurrent = $customSelect.find(".current"),
|
||||
$selector = $customSelect.find(".selector"),
|
||||
$options = $this.find('option'),
|
||||
$selectedOption = $options.filter(':selected'),
|
||||
copyClasses = $this.attr('class') ? $this.attr('class').split(' ') : [],
|
||||
maxWidth = 0,
|
||||
liHtml = '',
|
||||
$listItems,
|
||||
$currentSelect = false;
|
||||
|
||||
if ($customSelect.length === 0) {
|
||||
var customSelectSize = $this.hasClass('small') ? 'small' : $this.hasClass('medium') ? 'medium' : $this.hasClass('large') ? 'large' : $this.hasClass('expand') ? 'expand' : '';
|
||||
|
||||
$customSelect = $('<div class="' + ['custom', 'dropdown', customSelectSize].concat(copyClasses).filter(function (item, idx, arr) {
|
||||
if (item === '') return false;
|
||||
return arr.indexOf(item) === idx;
|
||||
}).join(' ') + '"><a href="#" class="selector"></a><ul /></div>');
|
||||
|
||||
$selector = $customSelect.find(".selector");
|
||||
$customList = $customSelect.find("ul");
|
||||
|
||||
liHtml = $options.map(function () {
|
||||
var copyClasses = $(this).attr('class') ? $(this).attr('class') : '';
|
||||
return "<li class='" + copyClasses + "'>" + $(this).html() + "</li>";
|
||||
}).get().join('');
|
||||
|
||||
$customList.append(liHtml);
|
||||
|
||||
$currentSelect = $customSelect
|
||||
.prepend('<a href="#" class="current">' + $selectedOption.html() + '</a>')
|
||||
.find(".current");
|
||||
|
||||
$this.after($customSelect)
|
||||
.addClass('hidden-field');
|
||||
} else {
|
||||
liHtml = $options.map(function () {
|
||||
return "<li>" + $(this).html() + "</li>";
|
||||
})
|
||||
.get().join('');
|
||||
|
||||
$customList.html('')
|
||||
.append(liHtml);
|
||||
|
||||
} // endif $customSelect.length === 0
|
||||
|
||||
self.assign_id($this, $customSelect);
|
||||
$customSelect.toggleClass('disabled', $this.is(':disabled'));
|
||||
$listItems = $customList.find('li');
|
||||
|
||||
// cache list length
|
||||
self.cache[$customSelect.data('id')] = $listItems.length;
|
||||
|
||||
$options.each(function (index) {
|
||||
if (this.selected) {
|
||||
$listItems.eq(index).addClass('selected');
|
||||
|
||||
if ($currentSelect) {
|
||||
$currentSelect.html($(this).html());
|
||||
}
|
||||
}
|
||||
if ($(this).is(':disabled')) {
|
||||
$listItems.eq(index).addClass('disabled');
|
||||
}
|
||||
});
|
||||
|
||||
//
|
||||
// If we're not specifying a predetermined form size.
|
||||
//
|
||||
if (!$customSelect.is('.small, .medium, .large, .expand')) {
|
||||
|
||||
// ------------------------------------------------------------------------------------
|
||||
// This is a work-around for when elements are contained within hidden parents.
|
||||
// For example, when custom-form elements are inside of a hidden reveal modal.
|
||||
//
|
||||
// We need to display the current custom list element as well as hidden parent elements
|
||||
// in order to properly calculate the list item element's width property.
|
||||
// -------------------------------------------------------------------------------------
|
||||
|
||||
$customSelect.addClass('open');
|
||||
//
|
||||
// Quickly, display all parent elements.
|
||||
// This should help us calcualate the width of the list item's within the drop down.
|
||||
//
|
||||
var self = Foundation.libs.forms;
|
||||
self.hidden_fix.adjust($customList);
|
||||
|
||||
maxWidth = (self.outerWidth($listItems) > maxWidth) ? self.outerWidth($listItems) : maxWidth;
|
||||
|
||||
Foundation.libs.forms.hidden_fix.reset();
|
||||
|
||||
$customSelect.removeClass('open');
|
||||
|
||||
} // endif
|
||||
|
||||
},
|
||||
|
||||
assign_id: function ($select, $customSelect) {
|
||||
var id = [+new Date(), Foundation.random_str(5)].join('-');
|
||||
$select.attr('data-id', id);
|
||||
$customSelect.attr('data-id', id);
|
||||
},
|
||||
|
||||
refresh_custom_select: function ($select, force_refresh) {
|
||||
var self = this;
|
||||
var maxWidth = 0,
|
||||
$customSelect = $select.next(),
|
||||
$options = $select.find('option'),
|
||||
$listItems = $customSelect.find('li');
|
||||
|
||||
if ($listItems.length !== this.cache[$customSelect.data('id')] || force_refresh) {
|
||||
$customSelect.find('ul').html('');
|
||||
|
||||
$options.each(function () {
|
||||
var $li = $('<li>' + $(this).html() + '</li>');
|
||||
$customSelect.find('ul').append($li);
|
||||
});
|
||||
|
||||
// re-populate
|
||||
$options.each(function (index) {
|
||||
if (this.selected) {
|
||||
$customSelect.find('li').eq(index).addClass('selected');
|
||||
$customSelect.find('.current').html($(this).html());
|
||||
}
|
||||
if ($(this).is(':disabled')) {
|
||||
$customSelect.find('li').eq(index).addClass('disabled');
|
||||
}
|
||||
});
|
||||
|
||||
// fix width
|
||||
$customSelect.removeAttr('style')
|
||||
.find('ul').removeAttr('style');
|
||||
$customSelect.find('li').each(function () {
|
||||
$customSelect.addClass('open');
|
||||
if (self.outerWidth($(this)) > maxWidth) {
|
||||
maxWidth = self.outerWidth($(this));
|
||||
}
|
||||
$customSelect.removeClass('open');
|
||||
});
|
||||
|
||||
$listItems = $customSelect.find('li');
|
||||
// cache list length
|
||||
this.cache[$customSelect.data('id')] = $listItems.length;
|
||||
}
|
||||
},
|
||||
|
||||
toggle_checkbox: function ($element) {
|
||||
var $input = $element.prev(),
|
||||
input = $input[0];
|
||||
|
||||
if (false === $input.is(':disabled')) {
|
||||
input.checked = ((input.checked) ? false : true);
|
||||
$element.toggleClass('checked');
|
||||
|
||||
$input.trigger('change');
|
||||
}
|
||||
},
|
||||
|
||||
toggle_radio: function ($element) {
|
||||
var $input = $element.prev(),
|
||||
$form = $input.closest('form.custom'),
|
||||
input = $input[0];
|
||||
|
||||
if (false === $input.is(':disabled')) {
|
||||
$form.find('input[type="radio"][name="' + this.escape($input.attr('name')) + '"]')
|
||||
.next().not($element).removeClass('checked');
|
||||
|
||||
if (!$element.hasClass('checked')) {
|
||||
$element.toggleClass('checked');
|
||||
}
|
||||
|
||||
input.checked = $element.hasClass('checked');
|
||||
|
||||
$input.trigger('change');
|
||||
}
|
||||
},
|
||||
|
||||
escape: function (text) {
|
||||
if (!text) return '';
|
||||
return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
|
||||
},
|
||||
|
||||
hidden_fix: {
|
||||
/**
|
||||
* Sets all hidden parent elements and self to visibile.
|
||||
*
|
||||
* @method adjust
|
||||
* @param {jQuery Object} $child
|
||||
*/
|
||||
|
||||
// We'll use this to temporarily store style properties.
|
||||
tmp: [],
|
||||
|
||||
// We'll use this to set hidden parent elements.
|
||||
hidden: null,
|
||||
|
||||
adjust: function ($child) {
|
||||
// Internal reference.
|
||||
var _self = this;
|
||||
|
||||
// Set all hidden parent elements, including this element.
|
||||
_self.hidden = $child.parents();
|
||||
_self.hidden = _self.hidden.add($child).filter(":hidden");
|
||||
|
||||
// Loop through all hidden elements.
|
||||
_self.hidden.each(function () {
|
||||
|
||||
// Cache the element.
|
||||
var $elem = $(this);
|
||||
|
||||
// Store the style attribute.
|
||||
// Undefined if element doesn't have a style attribute.
|
||||
_self.tmp.push($elem.attr('style'));
|
||||
|
||||
// Set the element's display property to block,
|
||||
// but ensure it's visibility is hidden.
|
||||
$elem.css({
|
||||
'visibility': 'hidden',
|
||||
'display': 'block'
|
||||
});
|
||||
});
|
||||
|
||||
}, // end adjust
|
||||
|
||||
/**
|
||||
* Resets the elements previous state.
|
||||
*
|
||||
* @method reset
|
||||
*/
|
||||
reset: function () {
|
||||
// Internal reference.
|
||||
var _self = this;
|
||||
// Loop through our hidden element collection.
|
||||
_self.hidden.each(function (i) {
|
||||
// Cache this element.
|
||||
var $elem = $(this),
|
||||
_tmp = _self.tmp[i]; // Get the stored 'style' value for this element.
|
||||
|
||||
// If the stored value is undefined.
|
||||
if (_tmp === undefined)
|
||||
// Remove the style attribute.
|
||||
$elem.removeAttr('style');
|
||||
else
|
||||
// Otherwise, reset the element style attribute.
|
||||
$elem.attr('style', _tmp);
|
||||
});
|
||||
// Reset the tmp array.
|
||||
_self.tmp = [];
|
||||
// Reset the hidden elements variable.
|
||||
_self.hidden = null;
|
||||
|
||||
} // end reset
|
||||
},
|
||||
|
||||
off: function () {
|
||||
$(this.scope).off('.fndtn.forms');
|
||||
},
|
||||
|
||||
reflow : function () {}
|
||||
};
|
||||
|
||||
var getFirstPrevSibling = function($el, selector) {
|
||||
var $el = $el.prev();
|
||||
while ($el.length) {
|
||||
if ($el.is(selector)) return $el;
|
||||
$el = $el.prev();
|
||||
}
|
||||
return $();
|
||||
};
|
||||
}(Foundation.zj, this, this.document));
|
||||
Reference in New Issue
Block a user