Structure

Structure help

Definition

Structure is a tool to view and edit tree-like data in your browser. Data is represented as a collection of Nodes. Each Node can contain other Nodes as a children.

Node is a data object, which contains:

id
unique id of the Node;
title
user-defined title of the Node;
color
one of the colors enumerable;
description
short text, describing the Node.

Board

Default board view
Default board view

Board is the default view of the structure. Board consists of three Columns.

Column title
Column title

Each column has an icon which indicates the role of the Node and the title of the parent Node it shows contents for.

First column from the right contains the parent of the focused Node and parent‘s siblings.
Second column contains focused Node and it‘s siblings.
Third column contains focused Node‘s children nodes.
Add node button
Add node button

To add new Node to the Column you have to click Add node button at the bottom.

Floating actions block
Floating actions block

Floating actions at the left contains buttons to navigate your Structure and to manipulate it.

Focus parent of active node
Focus root node
Upload structure data from json file
Download structure data as json file
Reset structure data to initial state

Node

Node expanded
Node expanded

Node component shows specific node data from the Structure. You can tick checkbox at the top, view stats about Node generation and total amount of ancestors (children + children of children etc).

Delete button on the right side removes node and it‘s ancestors from the Structure

Node footer
Node footer
Node footer in the bottom has two buttons. Edit node opens editing modal, Show children sets the left column to show children of this node.