Files to vue

[skjnldsv]

Follow-up: #39914

---

https://github.com/nextcloud/server/projects/6

Goals

• Accessibility
• Performance
• Testing

Steps

• Assess existing features
• Split app into multiple independent modules
• Implement APIs
• Implement each module
• Migrate acceptance testing from selenium to cypress
• Deprecate outdated APIs
• Document modules and new APIs
• Final QA

Optional steps

• Automated lighthouse accessibility testing
• Backend parity (pagination...)

[skjnldsv]

APIs

• Require proper FileAction API [RFC] File actions API #21835
• Require proper FileInfo API [RFC] FileInfo API #30297

List features

• Displaying listing files views
  • files
  • files_sharing
  • files_trashbin
  • files_version
  • systemtags
• Files view
  • Toggle grid view
  • Displaying breadcrumbs on top
    • Allow custom button (sharing) in the last folder
  • Allow to insert sections between breadcrumb and files list
  • Uploading
    • Files and folders
    • Drag and drop files/folder
  • Creating
    • Files and Folders
    • Custom files
    • Template
  • File actions
    • See [RFC] File actions API #21835
    • If there is no default action, fallback to Download
  • Folder content summary (count and size)
  • Seeing quota
  • Settings:
    • Hidden file toggle
    • Crop image preview
    • Toggle settings API (workspace, recommendations...)
    • Webdav link
  • ...?

Missing features

• Actions: When multi-selecting, the list of actions are put outside the menu to fill the width of the files view as much as possible)

Potential new features

• copy/cut button header (remember file(s) and navigate away to paste somewhere else)
• Right click
• Heading picture/map (similar to README) 🕵

To coordinate with the design team 🕵

• Check which design they want for the upload manager (location, design, info...)
• List and validate existing features/issues to be discarded
• List and validate various UI sections
• Check about keyboard shortcut accessibility
• List tags as folders and list the files within

List existing APIs or integrations from other apps

• File actions
• File actions for multiselect (files_zip)
• Inline file actions (e.g. comment indicator, file sharing indicator)
• Header section (text app readme integration, recommended files app)
• Folder icon registration (groupfolders/files_external)
• Extending propfind with custom data (groupfolders, files_lock)
• Settings toggle API

[CarlSchwan]

Potential new feature to add:

• Display Upload Date for Files in Web Interface (and make it sortable) #22278 (requested quite often by both customers and the community)

[skjnldsv]

Potential new feature to add:
#22278

Maybe have a way to enable/disable specific columns per views ?

[szaimen]

🎉🎉🎉🎉🎉