diff --git a/htdocs/frontend/javascripts/jquery/jquery-treeTable.js b/htdocs/frontend/javascripts/jquery/jquery-treeTable.js index 70c52c4..2731b24 100644 --- a/htdocs/frontend/javascripts/jquery/jquery-treeTable.js +++ b/htdocs/frontend/javascripts/jquery/jquery-treeTable.js @@ -1,8 +1,8 @@ /* - * jQuery treeTable Plugin 2.3.0 - * http://ludo.cubicphuse.nl/jquery-plugins/treeTable/ + * jQuery treeTable Plugin unreleased + * http://ludo.cubicphuse.nl/jquery-plugins/treeTable/doc/ * - * Copyright 2010, Ludo van den Boom + * Copyright 2011, Ludo van den Boom * Dual licensed under the MIT or GPL Version 2 licenses. */ (function($) { @@ -11,21 +11,21 @@ // trees on a page. The options shouldn't be global to all these instances! var options; var defaultPaddingLeft; - + $.fn.treeTable = function(opts) { options = $.extend({}, $.fn.treeTable.defaults, opts); - + return this.each(function() { $(this).addClass("treeTable").find("tbody tr").each(function() { // Initialize root nodes only if possible if(!options.expandable || $(this)[0].className.search(options.childPrefix) == -1) { // To optimize performance of indentation, I retrieve the padding-left - // value of the first root node. This way I only have to call +css+ + // value of the first root node. This way I only have to call +css+ // once. if (isNaN(defaultPaddingLeft)) { defaultPaddingLeft = parseInt($($(this).children("td")[options.treeColumn]).css('padding-left'), 10); } - + initialize($(this)); } else if(options.initialState == "collapsed") { this.style.display = "none"; // Performance! $(this).hide() is slow... @@ -33,46 +33,51 @@ }); }); }; - + $.fn.treeTable.defaults = { childPrefix: "child-of-", clickableNodeNames: false, expandable: true, indent: 19, initialState: "collapsed", + onNodeShow: null, treeColumn: 0 }; - + // Recursively hide all node's children in a tree $.fn.collapse = function() { $(this).addClass("collapsed"); - + childrenOf($(this)).each(function() { if(!$(this).hasClass("collapsed")) { $(this).collapse(); } - + this.style.display = "none"; // Performance! $(this).hide() is slow... }); - + return this; }; - + // Recursively show all node's children in a tree $.fn.expand = function() { $(this).removeClass("collapsed").addClass("expanded"); - + childrenOf($(this)).each(function() { initialize($(this)); - + if($(this).is(".expanded.parent")) { $(this).expand(); } - + // this.style.display = "table-row"; // Unfortunately this is not possible with IE :-( $(this).show(); + + if($.isFunction(options.onNodeShow)) { + options.onNodeShow.call(); + } }); - + return this; }; @@ -82,7 +87,7 @@ initialize($(this)); $(this).expand().show(); }); - + return this; }; @@ -90,9 +95,9 @@ $.fn.appendBranchTo = function(destination) { var node = $(this); var parent = parentOf(node); - + var ancestorNames = $.map(ancestorsOf($(destination)), function(a) { return a.id; }); - + // Conditions: // 1: +node+ should not be inserted in a location in a branch if this would // result in +node+ being an ancestor of itself. @@ -102,22 +107,22 @@ // 3: +node+ should not be inserted as a child of +node+ itself. if($.inArray(node[0].id, ancestorNames) == -1 && (!parent || (destination.id != parent[0].id)) && destination.id != node[0].id) { indent(node, ancestorsOf(node).length * options.indent * -1); // Remove indentation - + if(parent) { node.removeClass(options.childPrefix + parent[0].id); } - + node.addClass(options.childPrefix + destination.id); move(node, destination); // Recursively move nodes to new location indent(node, ancestorsOf(node).length * options.indent); } - + return this; }; - + // Add reverse() function from JS Arrays $.fn.reverse = function() { return this.pushStack(this.get().reverse(), arguments); }; - + // Toggle an entire branch $.fn.toggleBranch = function() { if($(this).hasClass("collapsed")) { @@ -125,12 +130,12 @@ } else { $(this).removeClass("expanded").collapse(); } - + return this; }; - + // === Private functions - + function ancestorsOf(node) { var ancestors = []; while(node = parentOf(node)) { @@ -138,47 +143,47 @@ } return ancestors; }; - + function childrenOf(node) { return $("table.treeTable tbody tr." + options.childPrefix + node[0].id); }; - + function getPaddingLeft(node) { var paddingLeft = parseInt(node[0].style.paddingLeft, 10); return (isNaN(paddingLeft)) ? defaultPaddingLeft : paddingLeft; } - + function indent(node, value) { var cell = $(node.children("td")[options.treeColumn]); cell[0].style.paddingLeft = getPaddingLeft(cell) + value + "px"; - + childrenOf(node).each(function() { indent($(this), value); }); }; - + function initialize(node) { if(!node.hasClass("initialized")) { node.addClass("initialized"); - + var childNodes = childrenOf(node); - + if(!node.hasClass("parent") && childNodes.length > 0) { node.addClass("parent"); } - + if(node.hasClass("parent")) { var cell = $(node.children("td")[options.treeColumn]); var padding = getPaddingLeft(cell) + options.indent; - + childNodes.each(function() { $(this).children("td")[options.treeColumn].style.paddingLeft = padding + "px"; }); - + if(options.expandable) { cell.prepend(''); $(cell[0].firstChild).click(function() { node.toggleBranch(); }); - + if(options.clickableNodeNames) { cell[0].style.cursor = "pointer"; $(cell).click(function(e) { @@ -188,7 +193,7 @@ } }); } - + // Check for a class set explicitly by the user, otherwise set the default class if(!(node.hasClass("expanded") || node.hasClass("collapsed"))) { node.addClass(options.initialState); @@ -201,19 +206,21 @@ } } }; - + function move(node, destination) { node.insertAfter(destination); childrenOf(node).reverse().each(function() { move($(this), node[0]); }); }; - + function parentOf(node) { var classNames = node[0].className.split(' '); - - for(key in classNames) { + + for(var key=0; key