for discussion: rough concept on design/structure & process flow for upload from local (TUS)

[hpvd]

As input for discussion a very rough concept on design/structure and process flow to show how different functions could be integrated for upload from local with TUS.

Tries to capture things talked about in

• visual feedback on choosing & uploading "the right file" visual feedback on choosing & uploading "the right file" #61
• visual feedback on "uploading progress" visual feedback on "uploading progress" #62
• give the user the feeling of control over his data -and possibility to also have it give the user the feeling of control over his data -and possibility to also have it #63
• Button to manually pause and resume an upload from local Pause/resume uploads #65
• possibility to restrict upload possibility to restrict upload  #69

There a to types of information & with this possible actions shown:

• individual per file
• a summary of all files / total process

To keep design relatively clear and reduce cpu load on client

• details of files
• individual progress of each file and
• possible actions for each file

are only shown on hover.

1. Start: no file selected
   
2. one file selected/pasted (d&d field growing in height), "start upload" enabled and summary about selected files shown
   
3. second file selected/pasted, summary updated
   
4. third file selected/pasted (d&d field growing in height again), summary updated
   
5. mouse hover on third file shows possibility to delete and file-size
   
6. third file deleted (d&d field reduced in height again)
   
7. upload started, pause button visible
   
8. upload paused, resume button visible
   
9. upload resumed, pause button visible again
   
10. hover on first file shows possible individual actions (pause and delete) and uploaded size
    
11. upload of file one paused, individual resume possibility visible, summary updated
    
12. hover on file one shows possible individual actions (delete and resume) and uploaded size
    
13. upload of file one resumed
    
14. upload of all files finished, summary updated to "uploaded", pause button removed and link to "next step" shown
    
15. hover on file one shows possible individual action "delete" and uploaded size
    
16. file one was deleted, summary is updated
    

[arturi]

Let’s move to #96 and keep this as a reference.