•  
     
    story #12443 Table: Minimal folder display
Summary
Empty
Table: Minimal folder display
Empty

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> }

 

Empty
Status
Done
Development
Empty
Empty
Details
#12443
Marie Ange Garnier (marieange)
2018-12-04 08:19
2018-10-26 14:11
12445

References

List of items referenced by or referencing this item.

Git commit

Follow-ups