Uploader Component

[wesleyboar]

Goal

Implement a common "Uploader" that is used by all existing file upload contexts, and supports both existing layouts, in https://github.com/TACC/Core-Portal.

Proposal

1. There would be one component that supports both dropzone-orlisting and dropzoneand-listing.
2. All components that have a file upload form would use this new component, e.g.
   • TicketCreateForm
   • TicketModal
   • DataFilesUploadModal
3. The component would be common component.
4. The component could be named Uploader.
5. The component would be comprised of Uploader, UploaderDropZone, and UploaderListing.

Direction

What Components Would be Relevant and How?

• _common/Uploader_ (is dropzone + listing) (supports two layouts)

• _common/UploaderDropZone (is dropzone)

• _common/UploaderListing (is listing)

• Tickets/TicketCreateForm

  • _common/Uploader ⤴

• Tickets/TicketModal

  • _common/Uploader ⤴

• `DataFiles/DataFilesModal/DataFilesUploadModal

  • _common/Uploader ⤴

Note

The DataFilesUploadModal supports two layouts already.

Background

FP-388 attempted to do this. But its description did not include knowledge of the actual code. The original developer interpreted the ticket as best possible. The PR was difficult, unclear, and incomplete. The code was polished, and WP-529 was created to finish the work. WP-529 was to be closed, so this issue was created to save the idea with an appropriate codebase.

Reference

• PR Review Comment for FP-388
• UI - Components - File Uploader