Added expand/collapse functionalities to relationship formwidget

[damsfx]

This allow relation model with nested tree trait to display a expandable/collapsable list of checkboxes.

The field config allow two new options :

• displayTree: (bool) display the related model as a tree structure
• quickTreeActions: (bool) show tree quick actions (expand all nodes, collapse all nodes and expand only selected nodes)

[bennothommo]

@damsfx ooo, I like this. And in Snowboard too! 😍

Couple of quick comments/questions:

• How performant is it with a whole heap of items (like, say, 100s of items)?
• Could the animation be a touch faster? Might be just on the border of being a bit too slow to feel "snappy".

[damsfx]

@bennothommo

And in Snowboard too! 😍

Definitely yes!
The more I practice, the more I love it! It's good to be back in a vanilla javascript environment.

Despite this, a function written in jQuery is still called to update the scroll bar. :o(

How performant is it with a whole heap of items (like, say, 100s of items)?

The tree structure used for my tests and visible in the animation above contains 550 nodes spread over 4 levels of depth.
I can always do a test with more nodes.

Could the animation be a touch faster? Might be just on the border of being a bit too slow to feel "snappy".

For sure.

[damsfx]

@bennothommo

Latest update :

• Use promise to adjust srcollbar after expand/collaspe node(s)
• CloseAll() close only opened nodes instead of all nodes
• Reduce animation timmings
• Use CSS animation end to trigger scrollbar update

[bennothommo]

@damsfx don't be too concerned if you need to fall back on jQuery to do something in the Backend. A lot of the Backend still uses it and the goal of Snowboard was to remove the dependency of jQuery for the CMS side in particular.

[LukeTowers]

@bennothommo are you happy with this as it is?

@damsfx is there a related docs PR?

[damsfx]

@damsfx is there a related docs PR?

Not yet, but I can add a pending PR for this.

[damsfx]

@damsfx is there a related docs PR?

@LukeTowers Done : wintercms/docs#243