As an author, I want to be able to upload multiple assets using drag & drop, so that I can quickly upload multiple assets

ACs

— Notification banners —

• Banner message to appear at the top of the upload dialog grid when the following scenarios happen:
  • Error message (red banner) when the upload size limit exceeds the 100MB
    "The selected assets exceed the 100 MB limit. Select fewer assets or unselect the large ones."
  • Notification message (blue banner) when a large amount of assets is selected at the same time
    "It may take a few minutes until your assets are ready to upload."
  • Warning message (yellow banner) when some of the selected assets are corrupted
    "2 assets are corrupted and cannot be uploaded." - the number of assets is dynamic depending on how many are corrupted
• Banner message will only disappear once the user closes it

— Popups —

• If the upload dialog already contains some asset(s) selection, closing the upload dialog with the 'X' symbol will prompt a yellow popup warning message
  • The yellow popup contains a message confirming if the user wants to close the upload dialog and it's consequences PLUS a 'Cancel' and Continue buttons - as per design file
    • The 'Cancel' and 'Continue' buttons change colour on mouse hover
    • The 'Cancel' button, cancels the 'X' closing window action and the user is taken back to the uploading dialog
    • The 'Continue' button, will proceed with the the 'X' closing window action. The user looses the backlog of the selected files to upload and any loading process is action will be interrupted. If the user opens the upload dialog again this one will be empty.
    • Closing the upload dialog with the 'X' symbol will prompt a yellow popup warning message
• If the upload dialog does not have any asset(s) selected, the message won't show up when clicking 'X' symbol
• Notification message (blue popup) when new asset(s) are successfully uploaded – this happens after the user clicks the 'Upload' button in the upload dialog and the assets get added to the assets app and visible in the browser/grid view.
  • Single asset: This message will show up "Your asset has been successfully uploaded."
  • Multiple assets: This message will show up "Your assets have been successfully uploaded."
  • The behaviour of this popup message should follow the default of the current notification popup messages - position and time wise (for disappearing automatically).

DevNotes

• remove the files from the temporary folder and cancel the in progress files
• re-use the existing available UI components

Design mockups:

Error message (red banner)

Notification message (blue banner)

Warning message (yellow banner)

Warning popup (yellow floating dialog)

Notification popup (blue floating bubble)