•  
     
    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
Empty
Done
Development
  • [ ] Does it involves User Interface? 
  • [ ] Are there any mockups?
  • [ ] Are permissions checked?
  • [ ] Does it need Javascript development?
  • [ ] Does it need a forge upgrade bucket?
  • [ ] Does it need to execute things in system events?
  • [ ] Does it impact project creation (templates)?
  • [ ] Is it exploratory?
Empty
Details
#12443
Marie Ange Garnier (marieange)
2018-12-04 08:19
2018-10-26 14:11
13118

References
Referencing story #12443

Git commit

tuleap/tuleap/stable

Move document root REST in docman d47d6fe1de
Replace docman empty state 69f8637346
REST route is provided by docman dcfd683ebc
Show the spinner cda9af493b
Replace spinner by skeleton screen 4a479c3af1
Move package.json in the scripts/ folder 8c2ecefced
Add a new REST route GET docman_items/:id/docman_items ca46b2e69e
Document display minimal table content 55490f8b32
route GET docman_items/:id/docman_items return sorted results 1506115b87
Format the last update date column correctly ed16bd9878
Anonymous should be able to see docman_items if they have enough permissions c748a8f50b
Folder are clickable b6f36a61aa
Use history mode for navigation 1a65789762
Handle REST errors with SVG illustrations 6b953d142d
OPTIONS /docman_items/:id should not exist 26a2ec8e71
Style subfolder link 640b3847d4
Loading error should offer a link to document root folder e4be333228
Documents have their icon and color displayed bec612c2b4
Introduce GET /docman_items/:id 470c986de2
Rename item_id and name in item representation cdf5e9890b
Display full date as tooltip on time-ago 955dbe11c2
Display title of current folder instead of Documents 67a764412a
Update title of the web page 2fa1f77784
Add REST route to retrieve all parents of a folder 49de54672e
have breadcrumb adaf3f5b2d
Limit nb of REST calls when we go up in the hierarchy 775fa45ba8
Limit nb of REST calls when we go down in the hierarchy 8a3600b59a
The route docman_items/:id/docman_items now display the document icon in its representation 3fde797d61
Do not get item twice 3389e9f1ff
Do not store twice the title of the current folder f4ac34c2d8
Clean up state 2210650872
Do not display root title while loading sub folder c9aa1dc86b
Rename current_folder_parents b4be7b8b00
Move folder related components in Folder dir ccb343a688
Display the dedicated icon when a document is file or an embedded file cd3cd978cc
Fatal error when item has no version 03417ba0d7
Do not display too much breadcrumbs 6b1bd19d11
Breadcrumbs should wrap a1123f0a22
Design check 84d4ae1126
Execute async calls in parallel 1396e6f2ee
Package the document plugin 02a15b4ba3

Follow-ups

User avatar
  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes
User avatar
  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes
User avatar
  • Acceptance criteria
    Something went wrong, the follow up content couldn't be loaded
    Only formatting have been changed, you should switch to markup to see the changes