forked from extern/egroupware
1210 lines
26 KiB
JavaScript
1210 lines
26 KiB
JavaScript
/**
|
|
* eGroupWare eTemplate2 - Class which contains an management tree for the grid rows
|
|
*
|
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
|
* @package etemplate
|
|
* @subpackage dataview
|
|
* @link http://www.egroupware.org
|
|
* @author Andreas Stöckel
|
|
* @copyright Stylite 2011
|
|
* @version $Id$
|
|
*/
|
|
|
|
"use strict"
|
|
|
|
/*egw:uses
|
|
et2_core_common; // for et2_range functions
|
|
et2_core_inheritance;
|
|
et2_dataview_interfaces;
|
|
*/
|
|
|
|
/**
|
|
* The ET2_PARTITION_TREE_WIDTH defines the count of children a node will be
|
|
* created with.
|
|
*/
|
|
var ET2_PARTITION_TREE_WIDTH = 10;
|
|
|
|
/**
|
|
* The partition node tree manages all rows in a dataview. As a dataview may have
|
|
* many thousands of lines, the rows are organized in an a tree. The leafs of the
|
|
* tree represent the single rows, upper layers represent groups of nodes.
|
|
* Each node has a "height" value and is capable of calculate the exact position
|
|
* of a row and its top and bottom value.
|
|
* Additionaly, a leaf can represent an unlimited number of rows. In this way
|
|
* the partition tree is built dynamically and is also capable of "forgetting"
|
|
* information about the rows by simply reducing the tree nodes at a certain
|
|
* position.
|
|
*/
|
|
|
|
var et2_dataview_IPartitionHeight = new Interface({
|
|
|
|
calculateHeight: function() {}
|
|
|
|
});
|
|
|
|
/**
|
|
* Abstract base class for partition nodes - contains the code for calculating
|
|
* the top, bottom, height and (start) index of the node
|
|
*/
|
|
var et2_dataview_partitionNode = Class.extend([et2_dataview_IPartitionHeight,
|
|
et2_dataview_IInvalidatable], {
|
|
|
|
init: function(_root) {
|
|
|
|
this._root = _root;
|
|
this._parent = null;
|
|
this._pidx = 0;
|
|
|
|
// Initialize the temporary storage elements
|
|
this.doInvalidate();
|
|
this._invalid = true;
|
|
|
|
},
|
|
|
|
destroy: function() {
|
|
|
|
// Remove this element from the parent children list
|
|
if (this._parent)
|
|
{
|
|
this._parent.removePIdxNode(this._pidx);
|
|
}
|
|
|
|
},
|
|
|
|
setParent: function(_parent) {
|
|
if (this._parent != _parent)
|
|
{
|
|
this._parent = _parent;
|
|
this.invalidate();
|
|
}
|
|
},
|
|
|
|
setPIdx: function(_pidx) {
|
|
if (this._pidx != _pidx)
|
|
{
|
|
this._pidx = _pidx;
|
|
this.invalidate();
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Invalidates cached values - override the "doInvalidate" function.
|
|
*
|
|
* @param _sender is the node wich originally triggerd the invalidation, can
|
|
* be ommited when calling this function.
|
|
*/
|
|
invalidate: function(_sender) {
|
|
|
|
// If the _sender parameter is not given, assume that this element is
|
|
// the one which triggered the invalidation
|
|
var origin = typeof _sender == "undefined";
|
|
|
|
if ((origin || _sender != this) && !this._invalid)
|
|
{
|
|
this.doInvalidate();
|
|
this._invalid = true;
|
|
|
|
// Invalidate the parent node
|
|
if (this._parent)
|
|
{
|
|
this._parent.invalidate(origin ? this : _sender);
|
|
}
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Performs the actual invalidation.
|
|
*/
|
|
doInvalidate: function() {
|
|
this._height = false;
|
|
this._posTop = false;
|
|
this._posBottom = false;
|
|
this._startIdx = false;
|
|
this._stopIdx = false;
|
|
},
|
|
|
|
/**
|
|
* Returns the root node of the partition tree
|
|
*/
|
|
getRoot: function() {
|
|
return this._root;
|
|
},
|
|
|
|
/**
|
|
* Returns the height of this node
|
|
*/
|
|
getHeight: function() {
|
|
// Calculate the height value if it is currently invalid
|
|
if (this._height === false)
|
|
{
|
|
this._height = this.calculateHeight();
|
|
|
|
// Do a sanity check for the value - if the height wasn't a number
|
|
// it could easily destroy the posTop and posBottom values of the
|
|
// complete tree!
|
|
if (isNaN(this._height))
|
|
{
|
|
et2_debug("error", "calculateHeight returned a NaN value!");
|
|
this._height = 0;
|
|
}
|
|
|
|
this._invalid = false;
|
|
}
|
|
|
|
return this._height;
|
|
},
|
|
|
|
/**
|
|
* Returns the top position of the node in px
|
|
*/
|
|
getPosTop: function() {
|
|
if (this._posTop === false)
|
|
{
|
|
this._posTop = this._accumulateValue(this.getPosTop, this.getPosBottom);
|
|
|
|
this._invalid = false;
|
|
}
|
|
|
|
return this._posTop;
|
|
},
|
|
|
|
/**
|
|
* Returns the bottom position of the node in px
|
|
*/
|
|
getPosBottom: function() {
|
|
if (this._posBottom === false)
|
|
{
|
|
this._posBottom = this.getPosTop() + this.getHeight();
|
|
|
|
this._invalid = false;
|
|
}
|
|
|
|
return this._posBottom;
|
|
},
|
|
|
|
/**
|
|
* Returns an range object
|
|
*/
|
|
getRange: function() {
|
|
return {
|
|
"top": this.getPosTop(),
|
|
"bottom": this.getPosBottom()
|
|
};
|
|
},
|
|
|
|
|
|
/**
|
|
* Returns true if the node intersects with the given range
|
|
*/
|
|
inRange: function(_ar) {
|
|
return et2_rangeIntersect(this.getRange(), _ar);
|
|
},
|
|
|
|
/**
|
|
* Returns the overall start index of the node
|
|
*/
|
|
getStartIndex: function() {
|
|
if (this._startIdx === false)
|
|
{
|
|
this._startIdx = this._accumulateValue(this.getStartIndex,
|
|
this.getStopIndex);
|
|
|
|
this._invalid = false;
|
|
}
|
|
|
|
return this._startIdx;
|
|
},
|
|
|
|
/**
|
|
* Returns the overall stop index of the node
|
|
*/
|
|
getStopIndex: function() {
|
|
if (this._stopIdx === false)
|
|
{
|
|
this._stopIdx = this.getStartIndex() + this.getCount();
|
|
|
|
this._invalid = false;
|
|
}
|
|
|
|
return this._stopIdx;
|
|
},
|
|
|
|
/**
|
|
* Returns the index range object
|
|
*/
|
|
getIdxRange: function() {
|
|
return {
|
|
"top": this.getStartIndex(),
|
|
"bottom": this.getStopIndex()
|
|
};
|
|
},
|
|
|
|
/**
|
|
* Checks whether this element is inside the given index range
|
|
*/
|
|
inIdxRange: function(_idxRange) {
|
|
return et2_rangeIntersect(this.getIdxRange, _idxRange);
|
|
},
|
|
|
|
/**
|
|
* Returns the count of leafs which are below this node
|
|
*/
|
|
getCount: function() {
|
|
return 1;
|
|
},
|
|
|
|
/**
|
|
* Returns the nodes which reside in the given range
|
|
*/
|
|
getRangeNodes: function(_range, _create) {
|
|
if (this.inRange(_range))
|
|
{
|
|
return [this];
|
|
}
|
|
|
|
return [];
|
|
},
|
|
|
|
/**
|
|
* Returns the nodes which are inside the given index range
|
|
*/
|
|
getIdxRangeNodes: function(_idxRange, _create) {
|
|
if (this.inIdxRange(_idxRange))
|
|
{
|
|
return [this];
|
|
}
|
|
|
|
return [];
|
|
},
|
|
|
|
/**
|
|
* Returns the (maximum) depth of the tree
|
|
*/
|
|
getDepth: function() {
|
|
return 1;
|
|
},
|
|
|
|
getAvgHeightData: function(_data) {
|
|
_data.cnt++;
|
|
_data.height += this.getHeight();
|
|
},
|
|
|
|
getNodeIdx: function(_idx, _create) {
|
|
return null;
|
|
},
|
|
|
|
getRowProvider: function() {
|
|
return this.getRoot().getRowProvider();
|
|
},
|
|
|
|
getDataProvider: function() {
|
|
return this.getRoot().getDataProvider();
|
|
},
|
|
|
|
/* ---- PRIVATE FUNCTIONS ---- */
|
|
|
|
_accumulateValue: function(_f1, _f2) {
|
|
if (this._parent)
|
|
{
|
|
if (this._pidx == 0)
|
|
{
|
|
return _f1.call(this._parent);
|
|
}
|
|
else
|
|
{
|
|
return _f2.call(this._parent._children[this._pidx - 1]);
|
|
}
|
|
}
|
|
|
|
return 0;
|
|
}
|
|
|
|
});
|
|
|
|
/*var et2_dataview_IIndexOperations = new Interface({
|
|
getIdxNode: function(_idx, _create),
|
|
removeIdxNode: function(_idx),
|
|
insertNodes: function(_idx, _nodes)
|
|
});*/
|
|
|
|
/**
|
|
* An partition tree organization node can contain child nodes and organizes
|
|
* those.
|
|
*/
|
|
var et2_dataview_partitionOrganizationNode = et2_dataview_partitionNode.extend(
|
|
/*et2_dataview_IIndexOperations, */{
|
|
|
|
init: function(_root, _parent, _pidx) {
|
|
|
|
if (typeof _parent == "undefined")
|
|
{
|
|
_parent = null;
|
|
}
|
|
|
|
if (typeof _pidx == "undefined")
|
|
{
|
|
_pidx = 0;
|
|
}
|
|
|
|
// Call the parent constructor
|
|
this._super(_root);
|
|
|
|
this._children = [];
|
|
|
|
// Set the given parent and parent-index
|
|
this.setParent(_parent);
|
|
this.setPIdx(_pidx);
|
|
|
|
},
|
|
|
|
destroy: function() {
|
|
// Free all child nodes
|
|
for (var i = this._children.length - 1; i >= 0; i--)
|
|
{
|
|
this._children[i].free();
|
|
}
|
|
|
|
this._super();
|
|
},
|
|
|
|
/**
|
|
* Delete the buffered element count
|
|
*/
|
|
doInvalidate: function() {
|
|
this._super();
|
|
|
|
this._count = false;
|
|
this._depth = false;
|
|
this._avgHeightData = false;
|
|
},
|
|
|
|
/**
|
|
* Calculates the count of elements by accumulating the counts of the child
|
|
* elements.
|
|
*/
|
|
getCount: function() {
|
|
if (this._count === false)
|
|
{
|
|
// Calculate the count of nodes
|
|
this._count = 0;
|
|
for (var i = 0; i < this._children.length; i++)
|
|
{
|
|
this._count += this._children[i].getCount();
|
|
}
|
|
}
|
|
|
|
return this._count;
|
|
},
|
|
|
|
/**
|
|
* Calculates the height of this node by accumulating the height of the
|
|
* child nodes.
|
|
*/
|
|
calculateHeight: function() {
|
|
var result = 0;
|
|
for (var i = 0; i < this._children.length; i++)
|
|
{
|
|
result += this._children[i].getHeight();
|
|
}
|
|
|
|
return result;
|
|
},
|
|
|
|
/**
|
|
* Removes the given node from the tree
|
|
*/
|
|
removeNode: function(_node) {
|
|
// Search the element on this level
|
|
for (var i = 0; i < this._children.length; i++)
|
|
{
|
|
if (this._children[i] == _node)
|
|
{
|
|
this.removePIdxNode(i);
|
|
return true;
|
|
}
|
|
}
|
|
|
|
// Search the element on a lower level
|
|
for (var i = 0; i < this._children.length; i++)
|
|
{
|
|
if (this._children[i] instanceof et2_dataview_partitionOrganizationNode &&
|
|
this._children[i].removeNode(_node))
|
|
{
|
|
return true;
|
|
}
|
|
}
|
|
|
|
return false;
|
|
},
|
|
|
|
/**
|
|
* Removes the child with the given index in the _children list
|
|
*/
|
|
removePIdxNode: function(_pidx) {
|
|
// Invalidate this element
|
|
this.invalidate();
|
|
|
|
// Delete the element at the given pidx and remove the parent reference
|
|
this._children.splice(_pidx, 1)[0].setParent(null);
|
|
|
|
// Recalculate the pidx of the children behind the one removed
|
|
for (var i = _pidx; i < this._children.length; i++)
|
|
{
|
|
this._children[i]._pidx--;
|
|
}
|
|
|
|
return true;
|
|
},
|
|
|
|
/**
|
|
* Removes the child with the given overall index
|
|
*/
|
|
removeIdxNode: function(_idx) {
|
|
return this._iterateToIndex(_idx, function(ei, bi, child) {
|
|
if (child.implements(et2_dataview_IIndexOperations))
|
|
{
|
|
return child.removeIdxNode(_idx);
|
|
}
|
|
|
|
return this.removePIdxNode(i);
|
|
}, false);
|
|
},
|
|
|
|
/**
|
|
* Returns the node with the given overall index and null if it is not found
|
|
*/
|
|
getIdxNode: function(_idx) {
|
|
return this._iterateToIndex(_idx, function(ei, bi, child) {
|
|
if (child.implements(et2_dataview_IIndexOperations))
|
|
{
|
|
return child.getIdxNode()
|
|
}
|
|
|
|
if (idx == bi)
|
|
{
|
|
return child;
|
|
}
|
|
}, null);
|
|
},
|
|
|
|
/**
|
|
* getNodeAt returns the DOM node at the given index
|
|
*/
|
|
getNodeAt: function(_idx) {
|
|
return this._iterateToIndex(_idx, function(ei, bi, child) {
|
|
return child.getNodeAt(_idx);
|
|
}, null);
|
|
},
|
|
|
|
/**
|
|
* Returns all nodes in the given range
|
|
*/
|
|
getRangeNodes: function(_range, _create) {
|
|
|
|
if (typeof _create == "undefined")
|
|
{
|
|
_create = true;
|
|
}
|
|
|
|
var result = [];
|
|
|
|
// Create a copy of the children of this element, as the child list may
|
|
// change due to new children being inserted.
|
|
var children = this._copyChildren();
|
|
|
|
// We did not have a intersect in the range now
|
|
var hadIntersect = false;
|
|
for (var i = 0; i < children.length; i++)
|
|
{
|
|
if (children[i].inRange(_range))
|
|
{
|
|
hadIntersect = true;
|
|
|
|
var res = children[i].getRangeNodes(_range, _create);
|
|
|
|
if (res === false)
|
|
{
|
|
return this.getRangeNodes(_range, _create);
|
|
}
|
|
|
|
// Append the search results of the given element
|
|
result = result.concat(res);
|
|
}
|
|
else
|
|
{
|
|
// Abort as we are out of the range where intersects can happen
|
|
if (hadIntersect)
|
|
{
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
return result;
|
|
},
|
|
|
|
/**
|
|
* Returns the nodes which are inside the given range
|
|
*/
|
|
getIdxRangeNodes: function(_idxRange, _create) {
|
|
|
|
if (typeof _create == "undefined")
|
|
{
|
|
_create = true;
|
|
}
|
|
|
|
var result = [];
|
|
|
|
// Create a copy of the children of this element, as the child list may
|
|
// change due to new children being inserted.
|
|
var children = this._copyChildren();
|
|
|
|
// We did not have a intersect in the range now
|
|
var hadIntersect = false;
|
|
for (var i = 0; i < children.length; i++)
|
|
{
|
|
if (children[i].inIdxRange(_idxRange))
|
|
{
|
|
hadIntersect = true;
|
|
|
|
// Append the search results of the given element
|
|
var res = children[i].getIdxRangeNodes(_idxRange,
|
|
_create);
|
|
|
|
if (res === false)
|
|
{
|
|
return this.getIdxRangeNodes(_idxRange, _create);
|
|
}
|
|
|
|
result = result.concat(res);
|
|
}
|
|
else
|
|
{
|
|
// Abort as we are out of the range where intersects can happen
|
|
if (hadIntersect)
|
|
{
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
return result;
|
|
},
|
|
|
|
/**
|
|
* Reduces the given range to a spacer
|
|
*/
|
|
reduceRange: function(_range) {
|
|
this._reduce(this.getRangeNodes(_range, false))
|
|
},
|
|
|
|
/**
|
|
* Reduces the given index range to a spacer
|
|
*/
|
|
reduceIdxRange: function(_range) {
|
|
this._reduce(this.getIdxRangeNodes(_range, false));
|
|
},
|
|
|
|
getDepth: function() {
|
|
if (this._depth === false)
|
|
{
|
|
this._depth = 0;
|
|
|
|
// Get the maximum depth and increase it by one
|
|
for (var i = 0; i < this._children.length; i++)
|
|
{
|
|
this._depth = Math.max(this._depth, this._children[i].getDepth());
|
|
}
|
|
this._depth++;
|
|
}
|
|
|
|
return this._depth;
|
|
},
|
|
|
|
_insertLeft: function(_idx, _nodes) {
|
|
// Check whether the node left to the given index can still take some
|
|
// nodes - if yes, insert the maximum amount of nodes into this node
|
|
if (_idx > 0 && this._children[_idx - 1] instanceof et2_dataview_partitionOrganizationNode
|
|
&& this._children[_idx - 1]._children.length < ET2_PARTITION_TREE_WIDTH)
|
|
{
|
|
// Calculate how many children can be inserted into the left node
|
|
var child = this._children[_idx - 1];
|
|
var c = Math.min(ET2_PARTITION_TREE_WIDTH - child._children.length, _nodes.length);
|
|
|
|
// Insert the remaining children into the left node
|
|
if (c > 0)
|
|
{
|
|
var nodes = _nodes.splice(0, c);
|
|
child.insertNodes(child._children.length, nodes);
|
|
}
|
|
}
|
|
},
|
|
|
|
_insertRight: function(_idx, _nodes) {
|
|
// Check whether the node right to the given index can still take some
|
|
// nodes - if yes, insert the nodes there
|
|
if (_idx < this._children.length &&
|
|
this._children[_idx] instanceof et2_dataview_partitionOrganizationNode &&
|
|
this._children[_idx]._children.length < ET2_PARTITION_TREE_WIDTH)
|
|
{
|
|
var child = this._children[_idx];
|
|
var c = Math.min(ET2_PARTITION_TREE_WIDTH - child._children.length, _nodes.length);
|
|
|
|
// Insert the remaining children into the left node
|
|
if (c > 0)
|
|
{
|
|
var nodes = _nodes.splice(_nodes.length - c, c);
|
|
child.insertNodes(0, nodes);
|
|
}
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Groups the nodes which should be inserted by packages of ten and insert
|
|
* those as children. If there are more than ET2_PARTITION_TREE_WIDTH
|
|
* children as a result of this action, this node gets destroyed and the
|
|
* children are given to the parent node.
|
|
*/
|
|
insertNodes: function(_idx, _nodes) {
|
|
// Break if no nodes are to be inserted
|
|
if (_nodes.length == 0)
|
|
{
|
|
return;
|
|
}
|
|
|
|
// Invalidate this node
|
|
this.invalidate();
|
|
|
|
// Try to insert the given objects into an organization node at the left
|
|
// or right side of the given index
|
|
this._insertLeft(_idx, _nodes);
|
|
this._insertRight(_idx, _nodes);
|
|
|
|
// Update the pidx of the nodes after _idx
|
|
for (var i = _idx; i < this._children.length; i++)
|
|
{
|
|
this._children[i].setPIdx(i + _nodes.length);
|
|
}
|
|
|
|
// Set the parent and the pidx of the new nodes
|
|
for (var i = 0; i < _nodes.length; i++)
|
|
{
|
|
_nodes[i].setParent(this);
|
|
_nodes[i].setPIdx(_idx + i);
|
|
}
|
|
|
|
// Simply insert the nodes at the given position
|
|
this._children.splice.apply(this._children, [_idx, 0].concat(_nodes));
|
|
|
|
// Check whether the width of this element is greater than ET2_PARTITION_TREE_WIDTH
|
|
// If yes, split the children into groups of ET2_PARTITION_TREE_WIDTH and
|
|
// insert those into this node
|
|
/*if (this._children.length > ET2_PARTITION_TREE_WIDTH)
|
|
{
|
|
var insertNodes = [];
|
|
|
|
while (_nodes.length > 0)
|
|
{
|
|
var orgaNode = new et2_dataview_partitionOrganizationNode(this,
|
|
insertNodes.length);
|
|
|
|
// Get groups of ET2_PARTITION_TREE_WIDTH from the nodes while
|
|
// reading the first level of nodes from organization nodes
|
|
var newNodes = [];
|
|
var isPartial = false;
|
|
while (newNodes.length < ET2_PARTITION_TREE_WIDTH && _nodes.length > 0)
|
|
{
|
|
var node = _nodes[0];
|
|
|
|
if (!(node instanceof et2_dataview_partitionOrganizationNode))
|
|
{
|
|
newNodes.push(_nodes.shift());
|
|
isPartial = true;
|
|
}
|
|
else
|
|
{
|
|
if (node._children.length == 0)
|
|
{
|
|
// Remove the node from the list and free it
|
|
_nodes.shift().free();
|
|
}
|
|
else
|
|
{
|
|
if (!isPartial && node._children.length == ET2_PARTITION_TREE_WIDTH)
|
|
{
|
|
newNodes.push(_nodes.shift());
|
|
}
|
|
else
|
|
{
|
|
newNodes = newNodes.concat(node._children.splice(0,
|
|
ET2_PARTITION_TREE_WIDTH - newNodes.length));
|
|
isPartial = true;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
orgaNode.insertNodes(0, newNodes);
|
|
|
|
insertNodes.push(orgaNode);
|
|
}
|
|
|
|
this._children = [];
|
|
this.insertNodes(0, insertNodes);
|
|
}*/
|
|
},
|
|
|
|
rebuild: function() {
|
|
// Get all leafs
|
|
var children = [];
|
|
this._getFlatList(children);
|
|
|
|
// Free all organization nodes
|
|
this._clear();
|
|
|
|
this.insertNodes(0, children);
|
|
},
|
|
|
|
/**
|
|
* Accumulates the "average height" data
|
|
*/
|
|
getAvgHeightData: function(_data) {
|
|
if (this._avgHeightData == false)
|
|
{
|
|
this._avgHeightData = {"count": 0, "height": 0};
|
|
|
|
for (var i = 0; i < this._children.length; i++)
|
|
{
|
|
this._children[i].getAvgHeightData(_data);
|
|
}
|
|
}
|
|
|
|
// Increment the data object entries by the buffered avg height data
|
|
_data.count += this._avgHeightData.count;
|
|
_data.height += this._avgHeightData.height;
|
|
},
|
|
|
|
/* ---- PRIVATE FUNCTIONS ---- */
|
|
|
|
_copyChildren: function() {
|
|
// Copy the child array as querying the child nodes may change the tree
|
|
var children = new Array(this._children.length);
|
|
for (var i = 0; i < this._children.length; i++)
|
|
{
|
|
children[i] = this._children[i];
|
|
}
|
|
|
|
return children;
|
|
},
|
|
|
|
_iterateToIndex: function(_idx, _func, _res) {
|
|
for (var i = 0; i < this._children.length; i++)
|
|
{
|
|
var child = this._children[i];
|
|
|
|
var bi = child.getStartIndex();
|
|
var ei = child.getStopIndex();
|
|
|
|
if (bi > _idx)
|
|
{
|
|
return res;
|
|
}
|
|
|
|
if (bi <= _idx && ei > _idx)
|
|
{
|
|
return _func.call(this, bi, ei, child);
|
|
}
|
|
}
|
|
|
|
return res;
|
|
},
|
|
|
|
/**
|
|
* Reduces the given nodes to a single spacer
|
|
*/
|
|
_reduce: function(_nodes) {
|
|
if (_nodes.length == 0)
|
|
{
|
|
return;
|
|
}
|
|
|
|
// Check whether the first or last node is a spacer, if not create
|
|
// a new one
|
|
var ph;
|
|
if (_nodes[0] instanceof et2_dataview_partitionSpacerNode)
|
|
{
|
|
ph = _nodes[0]
|
|
}
|
|
else if (_nodes[_nodes.length - 1] instanceof et2_dataview_partitionSpacerNode)
|
|
{
|
|
ph = _nodes[_nodes.length - 1];
|
|
}
|
|
else
|
|
{
|
|
// Create a new spacer node an insert it at the place of the
|
|
// first node of the range
|
|
ph = new et2_dataview_partitionSpacerNode(this.getRoot());
|
|
this.getRoot().insertNodes(_nodes[0].getStartIndex(), [ph]);
|
|
}
|
|
|
|
// Get the height of the resulting spacer
|
|
var height = _nodes[_nodes.length - 1].getBottom() - _nodes[0].getTop();
|
|
|
|
// Get the count of actual elements in the nodes
|
|
var count = 0;
|
|
for (var i = 0; i < _nodes.length; i++)
|
|
{
|
|
count += _nodes[i].getCount();
|
|
}
|
|
|
|
// Update the spacer parameters
|
|
ph.setAvgHeight(height / count);
|
|
ph.setCount(count);
|
|
|
|
// Free all elements (except for the spacer)
|
|
for (var i = _nodes.length - 1; i >= 0; i--)
|
|
{
|
|
if (_nodes[i] != ph)
|
|
{
|
|
_nodes[i].free();
|
|
}
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Used when rebuilding the tree
|
|
*/
|
|
_getFlatList: function(_res) {
|
|
for (var i = 0; i < this._children.length; i++)
|
|
{
|
|
if (this._children[i] instanceof et2_dataview_partitionOrganizationNode)
|
|
{
|
|
this._children[i]._getFlatList(_res);
|
|
}
|
|
else
|
|
{
|
|
_res.push(this._children[i]);
|
|
}
|
|
}
|
|
},
|
|
|
|
_clear: function() {
|
|
for (var i = this._children.length - 1; i >= 0; i--)
|
|
{
|
|
if (this._children[i] instanceof et2_dataview_partitionOrganizationNode)
|
|
{
|
|
this._children[i].free();
|
|
}
|
|
}
|
|
|
|
this._children = [];
|
|
}
|
|
});
|
|
|
|
/**
|
|
* The partition container node base class implements most functionality for
|
|
* nodes which have a container.
|
|
*/
|
|
var et2_dataview_partitionContainerNode = et2_dataview_partitionNode.extend({
|
|
|
|
/**
|
|
* Copies the given container object and inserts the container into the tree
|
|
* - if it is not already in there.
|
|
*/
|
|
init: function(_root, _container, _args) {
|
|
this._super(_root);
|
|
|
|
// Copy the container parameter and set its "invalidationElement" to
|
|
// this node
|
|
this.container = _container;
|
|
this.container.setInvalidationElement(this);
|
|
},
|
|
|
|
/**
|
|
* Inserts the container into the tree if it is not already inserted.
|
|
*/
|
|
initializeContainer: function() {
|
|
// Obtain the node index and insert the container nodes at the node
|
|
// returned by getNodeAt. If idx is zero, the returned node will be
|
|
// the outer container, so the container nodes have to be prepended
|
|
// to it.
|
|
var idx = this.getStartIndex();
|
|
this.container.insertIntoTree(this.getRoot().getNodeAt(idx - 1),
|
|
idx == 0);
|
|
|
|
this.invalidate();
|
|
},
|
|
|
|
/**
|
|
* Destroys the container if it is still set - e.g. the spacer node
|
|
* sets the container to null before "free" ist called in some cases, in
|
|
* order to pass the container object to another spacer node.
|
|
*/
|
|
destroy: function() {
|
|
if (this.container)
|
|
{
|
|
this.container.free();
|
|
}
|
|
|
|
this._super();
|
|
},
|
|
|
|
/**
|
|
* Returns the height of the container
|
|
*/
|
|
calculateHeight: function() {
|
|
return this.container.getHeight();
|
|
},
|
|
|
|
/**
|
|
* Calls the "insertNodeAfter" function of the container to insert the node.
|
|
*/
|
|
insertNodeAfter: function(_node) {
|
|
this.container.insertNodeAfter(_node);
|
|
},
|
|
|
|
/**
|
|
* Returns the "lastNode" of the container
|
|
*/
|
|
getNodeAt: function(_idx) {
|
|
if (_idx >= this.getStartIndex() && _idx < this.getStopIndex())
|
|
{
|
|
return this.container.getLastNode();
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
});
|
|
|
|
/**
|
|
* Node which represents a spacer. Complete parts of the tree can be
|
|
* transformed into spacer nodes.
|
|
*/
|
|
var et2_dataview_partitionSpacerNode = et2_dataview_partitionContainerNode.extend({
|
|
|
|
init: function(_root, _count, _avgHeight, _container) {
|
|
|
|
// Create the container if it has not been passed as a third parameter
|
|
var container;
|
|
if (typeof _container != "undefined")
|
|
{
|
|
container = _container;
|
|
}
|
|
else
|
|
{
|
|
container = new et2_dataview_spacer(_root.getDataProvider(),
|
|
_root.getRowProvider(), this);
|
|
}
|
|
|
|
// Call the inherited constructor
|
|
this._super(_root, container);
|
|
|
|
// Copy the count and average height parameters and update the height
|
|
// of the container
|
|
this._count = _count;
|
|
this._avgHeight = _avgHeight;
|
|
this.container.setHeight(_count * _avgHeight);
|
|
},
|
|
|
|
getCount: function() {
|
|
return this._count;
|
|
},
|
|
|
|
setCount: function(_count) {
|
|
if (_count != this._count)
|
|
{
|
|
this._count = _count;
|
|
this.invalidate();
|
|
this.container.setHeight(_count * _avgHeight);
|
|
}
|
|
},
|
|
|
|
setAvgHeight: function(_height) {
|
|
if (_height != this._avgHeight)
|
|
{
|
|
this._avgHeight = _height;
|
|
this.invalidate();
|
|
this.container.setHeight(_count * _avgHeight);
|
|
}
|
|
},
|
|
|
|
calculateHeight: function() {
|
|
return this._count * this._avgHeight;
|
|
},
|
|
|
|
/**
|
|
* Creates the nodes which fall in the given range and returns them
|
|
*/
|
|
getRangeNodes: function(_range) {
|
|
var insertNodes = [];
|
|
|
|
// Copy parent and pidx as we'll have to access those objects after this
|
|
// one gets freed
|
|
var parent = this._parent;
|
|
var pidx = this._pidx;
|
|
|
|
// Get the top and bottom of this node
|
|
var t = this.getPosTop();
|
|
var b = this.getPosBottom();
|
|
|
|
// Get the start and stop index of the elements which have to be
|
|
// created.
|
|
var ah = this._avgHeight;
|
|
var startIdx = Math.max(0, Math.floor((_range.top - t) / ah));
|
|
var stopIdx = Math.min(this._count - 1, Math.ceil((_range.bottom - t) / ah));
|
|
|
|
if (startIdx > 0 && startIdx < this._count)
|
|
{
|
|
// Create a spacer which contains the elements until startIdx
|
|
insertNodes.push(new et2_dataview_partitionSpacerNode(this.getRoot(),
|
|
startIdx, ah, this.container));
|
|
this.container = null;
|
|
}
|
|
|
|
// Calculate the current average height
|
|
ah = this.getRoot().getAverageHeight();
|
|
|
|
// Create the elements from start to stop index
|
|
for (var i = startIdx; i < stopIdx; i++)
|
|
{
|
|
var rowNode = new et2_dataview_partitionRowNode(this.getRoot(), ah);
|
|
insertNodes.push(rowNode);
|
|
}
|
|
|
|
if (stopIdx < this._count - 1 && stopIdx > 0)
|
|
{
|
|
// Create a spacer which contains the elements starting from
|
|
// stop index
|
|
var l = this._count - stopIdx;
|
|
insertNodes.push(new et2_dataview_partitionSpacerNode(this.getRoot(),
|
|
l, ah));
|
|
}
|
|
|
|
// Check whether insertNodes really has entrys - this is not the case
|
|
// if the given range is just outside the range of this element
|
|
if (insertNodes.length > 0)
|
|
{
|
|
// Free this element
|
|
this.free();
|
|
|
|
// Insert the newly created nodes at the original place of this node
|
|
parent.insertNodes(pidx, insertNodes);
|
|
|
|
// Insert the newly created elements into the DOM-Tree
|
|
for (var i = 0; i < insertNodes.length; i++)
|
|
{
|
|
insertNodes[i].initializeContainer();
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
return [];
|
|
},
|
|
|
|
getAvgHeightData: function(_data) {
|
|
// Do nothing here, as the spacers should not be inside the average
|
|
// height statistic.
|
|
},
|
|
|
|
});
|
|
|
|
/**
|
|
* Main class for the usage of the partition tree
|
|
*/
|
|
var et2_dataview_partitionTree = et2_dataview_partitionOrganizationNode.extend({
|
|
|
|
init: function(_dataProvider, _rowProvider, _avgHeight, _node) {
|
|
this._super(this);
|
|
|
|
this._avgHeight = _avgHeight;
|
|
this._node = _node;
|
|
this._count = _dataProvider.getCount();
|
|
|
|
this._dataProvider = _dataProvider;
|
|
this._rowProvider = _rowProvider;
|
|
|
|
et2_debug("Creating partition tree with ", this._count,
|
|
" elements of avgHeight ", this._avgHeight);
|
|
|
|
// Append a spacer node to the children
|
|
var ph = new et2_dataview_partitionSpacerNode(this, this._count,
|
|
this._avgHeight);
|
|
ph.setParent(this);
|
|
ph.initializeContainer();
|
|
|
|
this._children = [ph];
|
|
},
|
|
|
|
getAverageHeight: function() {
|
|
var data = {"count": 0, "height": 0};
|
|
|
|
this.getAvgHeightData(data);
|
|
|
|
if (data.count == 0)
|
|
{
|
|
return this._avgHeight;
|
|
}
|
|
|
|
return data.height / data.count;
|
|
},
|
|
|
|
/**
|
|
* Returns the actual count of managed objects inside of the tree - getCount
|
|
* in contrast returns the count of "virtual" objects including the
|
|
* spacers.
|
|
*/
|
|
getManagedCount: function() {
|
|
var data = {"count": 0, "height": 0};
|
|
this.getAvgHeightData(data);
|
|
|
|
return data.count;
|
|
},
|
|
|
|
/**
|
|
* Returns the node after which new nodes have to be inserted for the given
|
|
* index.
|
|
*/
|
|
getNodeAt: function(_idx) {
|
|
|
|
// Insert the given node to the top of the parent container
|
|
if (_idx < 0)
|
|
{
|
|
return this._node;
|
|
}
|
|
|
|
// Otherwise search for the tree node with that index
|
|
return this._super(_idx);
|
|
},
|
|
|
|
getRowProvider: function() {
|
|
return this._rowProvider;
|
|
},
|
|
|
|
getDataProvider: function() {
|
|
return this._dataProvider;
|
|
}
|
|
|
|
});
|
|
|
|
var et2_dataview_partitionRowNode = et2_dataview_partitionContainerNode.extend({
|
|
|
|
init: function(_root, _avgHeight) {
|
|
|
|
var container = new et2_dataview_row(_root.getDataProvider(),
|
|
_root.getRowProvider(), this, 0);
|
|
|
|
this._super(_root, container);
|
|
|
|
this._avgHeight = _avgHeight;
|
|
},
|
|
|
|
getIdxNode: function(_node, _create) {
|
|
return this.node;
|
|
}
|
|
|
|
});
|
|
|
|
|