Archive: Namaste PHP AMQP framework v1.0 (2017-2020)
952 days continuous production uptime, 40k+ tp/s single node. Original corpo Bitbucket history not included — clean archive commit.
This commit is contained in:
160
html/js/modules (optional)/collapsible.js
Executable file
160
html/js/modules (optional)/collapsible.js
Executable file
@@ -0,0 +1,160 @@
|
||||
'use strict';
|
||||
|
||||
/* COLLAPSIBLE */
|
||||
|
||||
(function ($) {
|
||||
$.fn.collapsible = function (options) {
|
||||
var defaults = {
|
||||
accordion: undefined
|
||||
};
|
||||
|
||||
options = $.extend(defaults, options);
|
||||
|
||||
return this.each(function () {
|
||||
|
||||
var $this = $(this);
|
||||
|
||||
var $panel_headers = $(this).find('> li > .collapsible-header');
|
||||
|
||||
var collapsible_type = $this.data('collapsible');
|
||||
|
||||
// Turn off any existing event handlers
|
||||
$this.off('click.collapse', '.collapsible-header');
|
||||
$panel_headers.off('click.collapse');
|
||||
|
||||
/** **************
|
||||
Helper Functions
|
||||
****************/
|
||||
|
||||
// Accordion Open
|
||||
function accordionOpen(object) {
|
||||
$panel_headers = $this.find('> li > .collapsible-header');
|
||||
if (object.hasClass('active')) {
|
||||
object.parent().addClass('active');
|
||||
} else {
|
||||
object.parent().removeClass('active');
|
||||
}
|
||||
if (object.parent().hasClass('active')) {
|
||||
object.siblings('.collapsible-body').stop(true, false).slideDown({
|
||||
duration: 350,
|
||||
easing: 'easeOutQuart',
|
||||
queue: false,
|
||||
complete: function complete() {
|
||||
$(this).css('height', '');
|
||||
}
|
||||
});
|
||||
} else {
|
||||
object.siblings('.collapsible-body').stop(true, false).slideUp({
|
||||
duration: 350,
|
||||
easing: 'easeOutQuart',
|
||||
queue: false,
|
||||
complete: function complete() {
|
||||
$(this).css('height', '');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$panel_headers.not(object).removeClass('active').parent().removeClass('active');
|
||||
$panel_headers.not(object).parent().children('.collapsible-body').stop(true, false).slideUp({
|
||||
duration: 350,
|
||||
easing: 'easeOutQuart',
|
||||
queue: false,
|
||||
complete: function complete() {
|
||||
$(this).css('height', '');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Expandable Open
|
||||
function expandableOpen(object) {
|
||||
if (object.hasClass('active')) {
|
||||
object.parent().addClass('active');
|
||||
} else {
|
||||
object.parent().removeClass('active');
|
||||
}
|
||||
if (object.parent().hasClass('active')) {
|
||||
object.siblings('.collapsible-body').stop(true, false).slideDown({
|
||||
duration: 350,
|
||||
easing: 'easeOutQuart',
|
||||
queue: false,
|
||||
complete: function complete() {
|
||||
$(this).css('height', '');
|
||||
}
|
||||
});
|
||||
} else {
|
||||
object.siblings('.collapsible-body').stop(true, false).slideUp({
|
||||
duration: 350,
|
||||
easing: 'easeOutQuart',
|
||||
queue: false,
|
||||
complete: function complete() {
|
||||
$(this).css('height', '');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Check if object is children of panel header
|
||||
* @param {Object} object Jquery object
|
||||
* @return {Boolean} true if it is children
|
||||
*/
|
||||
function isChildrenOfPanelHeader(object) {
|
||||
|
||||
var panelHeader = getPanelHeader(object);
|
||||
|
||||
return panelHeader.length > 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get panel header from a children element
|
||||
* @param {Object} object Jquery object
|
||||
* @return {Object} panel header object
|
||||
*/
|
||||
function getPanelHeader(object) {
|
||||
|
||||
return object.closest('li > .collapsible-header');
|
||||
}
|
||||
|
||||
/** *** End Helper Functions *****/
|
||||
|
||||
if (options.accordion || collapsible_type === 'accordion' || collapsible_type === undefined) {
|
||||
// Handle Accordion
|
||||
// Add click handler to only direct collapsible header children
|
||||
$panel_headers = $this.find('> li > .collapsible-header');
|
||||
$panel_headers.on('click.collapse', function (e) {
|
||||
var element = $(e.target);
|
||||
|
||||
if (isChildrenOfPanelHeader(element)) {
|
||||
element = getPanelHeader(element);
|
||||
}
|
||||
|
||||
element.toggleClass('active');
|
||||
accordionOpen(element);
|
||||
});
|
||||
// Open first active
|
||||
accordionOpen($panel_headers.filter('.active').first());
|
||||
} else {
|
||||
// Handle Expandables
|
||||
$panel_headers.each(function () {
|
||||
// Add click handler to only direct collapsible header children
|
||||
$(this).on('click.collapse', function (e) {
|
||||
var element = $(e.target);
|
||||
if (isChildrenOfPanelHeader(element)) {
|
||||
element = getPanelHeader(element);
|
||||
}
|
||||
element.toggleClass('active');
|
||||
expandableOpen(element);
|
||||
});
|
||||
// Open any bodies that have the active class
|
||||
if ($(this).hasClass('active')) {
|
||||
expandableOpen($(this));
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
$(document).ready(function () {
|
||||
$('.collapsible').collapsible();
|
||||
});
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user