#31 Show directory tree of possible images #85
A file tree is rendered using Vue.js that should show the images the user can select from the local disk.
I based this PR on rahit's work in #81 that adds a new endpoint to fetch images from. The changes render a file tree at the index page that visualizes the response from that new endpoint, assuming the endpoint would return the files in a certain structure.
Reference to official issue
This should address #31 .
Motivation and Context
It already adds some functionality in the front-end to render the structure of the available images. This is already done in Vue.js instead of using the Django template language.
How Has This Been Tested?
However, assuming the view would return the following response
the picture referenced in issue #31 would be rendered:
Hi @WGierke . One thing that passed on my mind when I initially started working on the issue was - whether the directory structure will be fixed or it will be dynamic.
Do we want to grab all the files and directories under the sub directories as well? For instances, LIDC-IDRI data does not follow this structure. Nor the test images directory. If we move to another data source (or DICOM image server which is planned for production) the structure might be different.
But, if that is not the case, next step will be very easy. What do you think about the issue? I think @lamby can help us by guiding on this. :)
Thanks @lamby , I added appropriate url tags and filed a new issue. What do you think of rahit's question - are we expecting that the API returns a directory structure deeper than two levels? That would most likely require us to render the file tree recursively. To resolve #31 so far I assumed that the tree should always look like the one in the picture of #31 (so only have two levels).