Open laszewsk opened 4 years ago
nchaudh03
commented
4 years ago Hi, professor is this what you were looking for. I went with the jstree and jstree plugins. I am not entirely sure how to get the books Toc onto the webpage programmatically. Is this where flask comes is? Where can I get the full books TOC with subdirs.
Sorry if my questions are a bit naive, this is the first time I am working on a webpage type project.
laszewsk
commented
4 years ago examples of books are at
https://github.com/cloudmesh-community/book/tree/master/books/516 each yaml file is its own book
here is a big one
https://github.com/cloudmesh-community/book/blob/master/books/cloud/cloud.yaml
laszewsk
commented
4 years ago what you need to do is to convert the yaml file into a js tree
laszewsk
commented
4 years ago read the yaml document and than displa the part under BOOK
Bookmanager Task 1: select javascript tree code
Develop a web form that allows you to click on items in a tree and reorder them. Subdir dnd would be great to have supported, e.g. drag a dir with all its children. when clicking on a parent all children are selected. you can unselect children:
Requirements: must have check mark, must be supporting drag and drop
MOST FANCYFUL: http://wwwendt.de/tech/fancytree/demo/#sample-multi-ext.html Jstree https://www.jstree.com/demo/ https://www.jstree.com/plugins/ Jqtree ahs beard dragging and acceptable selection
https://mbraak.github.io/jqTree/examples/08_multiple_select/ https://mbraak.github.io/jqTree/examples/03_drag_and_drop/ https://javascript.info/dom-nodes
http://software.hixie.ch/utilities/js/live-dom-viewer/
This one does likely not qualify, but evaluate
Here is another option with D33.js http://bl.ocks.org/robschmuecker/7880033 However this is a bit less intuitive as at one point there is just too much info, so I think I prefer the tree view which is more like a regular TOC