Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Javascript tree library #1

Open
3 of 5 tasks
laszewsk opened this issue Oct 15, 2019 · 4 comments
Open
3 of 5 tasks

Javascript tree library #1

laszewsk opened this issue Oct 15, 2019 · 4 comments

Comments

@laszewsk
Copy link
Member

laszewsk commented Oct 15, 2019

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:

  • PYTHON
    • Introduction
    • Instalation
    • SUBDIR
      • Section
        The form is simply timer in for now as we can do more fancy things later
        Search for javascript or html5 and tree (look for free tools)

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

@nchaudh03
Copy link
Collaborator

tst.zip

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
Copy link
Member Author

@laszewsk
Copy link
Member Author

what you need to do is to convert the yaml file into a js tree

@laszewsk
Copy link
Member Author

read the yaml document and than displa the part under BOOK

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants