live mockup here: https://s.codepen.io/enalean/debug/XPWvLg
This story deal with minimal folder display:
- A table showing the folder's contents is displayed.
- For each item: Item name | owner | last update date is displayed
- owner has its avatar and its name is clickable
- documents have their icon and color displayed (like mockup)
- /!\ documents are not clickable, will be done in a dedicated story
- folders are clickable (=> vue routing)
- on click on folder name, user is redirected into the folder
- there is a spinner during the load of folder (see mockup + see https://cdn.dribbble.com/users/405422/screenshots/2439719/dribbble.gif for the css loading animation)
- if there is an error
- A message is displayed and a link enable user to go back on the parent folder
- once we are "redirected" into the folder, the breacdrumb is updated
- if user clicks on UI, the breadcrumb is completed by javascript
- if user comes from a direct link, then we do recursive GET to fetch parent until we are able to display the breadcrumb globally
- we do not keep the old behaviour of item ranking, it follows the standard pattern:
- Folders, then files in lexicographic order
We need a new REST route to get the contents of a folder, the route returns all folders and documents contained in a folder:
/!\ REST route must deal with permissions
docman_items/:id/docman_items
{ <DocmanItemRepresentation> }