rg3l3dr / omnibuilds-app

A Vue.js SPA for OmniBuilds
https://www.omnibuilds.com
0 stars 0 forks source link

Show an Indented BOM #7

Closed rg3l3dr closed 7 years ago

rg3l3dr commented 7 years ago

Several beta users have asked for the ability to see the entire BOM in one view as a tree or indented BOM. An example of how this could look is here https://vuejs.org/v2/examples/tree-view.html . Although rendering it within a table will be little bit tricker.

The collapsable portion should be the part name (clicking would open or close that branch/node). So the hyperlink would have to go. This rendering of the table should be read only (for now) to keep it simple. The last change would need to be removed to allow proper sizing, since the first column will get larger, the more nested the table. Since it is read only the tracking point, quantity and cost would not be editable anymore.

I've added some buttons (commented out) and some corresponding empty functions as a starting point.