SVG
Is set when the input device is hovered over a node
SVG
Check if cursor is over the SVG element
SVG
SVG
SVG
Root
Event handler for double click on a node's label
Event handler for click on a chevron
Event handler for clicking on a node's icon
This is a quick helper function to create custom action icons.
Initializes the tree component - created basic markup, loads and renders data
Adds missing SVG nodes
Displays a notification message and refresh nodes
Fetch icon from Icon API and store it in this.icons
Returns icon's href attribute value
Returns icon's href attribute value
Returns a SVG path's 'd' attribute value
Returns a 'transform' attribute value for the node background element (absolute positioning)
Computes the tree node-bg class
Returns a 'transform' attribute value for the node background element (absolute positioning)
Finds node by its stateIdentifier (e.g. "0_360")
Return the DOM element of a tree node
Returns a 'transform' attribute value for the tree element (absolute positioning)
Returns an array of selected nodes
Updates node's data to hide/collapse children
Initializes a drag&drop when called on the page tree. Should be moved somewhere else at some point
Check whether node can be selected. In some cases (e.g. selecting a parent) it should not be possible to select element (as it's own parent).
Loads child nodes via Ajax (used when expanding a collapsed node)
Loads tree data (json) from configured url
Filters out invisible nodes (collapsed) from the full dataset (this.rootNode) and enriches dataset with additional properties Visible dataset is stored in this.data
Refresh view with new data
Delete old tree and create new one
Node selection logic (triggered by different events) This represents a dummy method and is usually overridden The second argument can be interpreted by the listened events to e.g. not avoid reloading the content frame and instead used for just updating the state within the tree
Updates the expanded state of the DOM element that belongs to the node. This is required because the node is not recreated on update and thus the change in the expanded state of the node data is not represented in DOM on hideChildren and showChildren.
Set parameters like node parents, parentsStateIdentifier, checked. Usually called when data is loaded initially or replaced completely.
Updates node's data to show/expand children
Make the DOM element given as parameter focusable and focus it
Make the DOM element of the node given as parameter focusable and focus it
Ensure to update the actions column to stick to the very end
Renders the subset of the tree nodes fitting the viewport (adding, modifying and removing SVG nodes)
Generated using TypeDoc
PageTree which allows for drag+drop, and in-place editing, as well as tree highlighting from the outside