Better arrangement of items in "New" menu in Files

[nimishavijay]

How to use GitHub

• Please use the 👍 reaction to show that you are interested into the same feature.
• Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
• Subscribe to receive notifications on status change and new comments.

Is your feature request related to a problem? Please describe.
Uploading and adding new files and folders is one of the most common actions in Files. The most obvious way to do this is through the "New" menu. Currently, the items in this menu are simply in one big list, making it possibly difficult to find the action you are looking for. There is also a lot of repeated words (new file, new document, new spreadsheet, etc) and outdated icons are used (as we prefer material design icons)

Current state:

Describe the solution you'd like
Some small tweaks to the menu can make it look more organised and easy to find your desired action.

Before	After

• Group the different items using NcActionSeparator and NcActionCaption components: Upload group, new items group, and add description
• Add an option to upload folder as well (there are multiple forum posts, community issues and customer issues about it)
• Rename
  • "New folder", "New document", etc to just "Folder", "Document"
  • "Add description" to "Add folder description"
• Reorder
  • Upload: Upload files, upload folders
  • New: Folder, text file, document, spreadsheet, presentation, diagram
  • Add folder description
• Icons: Use material design icons Update mime type icons and icons in "New" menu #44340
  • Upload files: current icon
  • Upload folders: drive-folder-upload in --color-primary-element
  • Folder: folder in --color-primary-element
  • Text file: article
  • Document: description in #49abea
  • Spreadsheet: file-table-box in #9abd4e
  • Presentation: file-presentation-box in #f0965f
  • Diagram: drawing-box in #ebc94a
  • Description: notes

Describe alternatives you've considered
n/a

Additional context
Also a point to note in the Files gap analysis is the grouping of new/upload actions in other products (see "Creating and uploading").

[susnux]

@skjnldsv this would require us to have some groups for those actions in @nextcloud/upload.
What do you think of having three defined groups UPLOAD, NEW and OTHER to sort them in?

[skjnldsv]

hmmm, the two firsts are internal, so it might not be needed for those 🤔
But the last two, good idea yeah.

[AndyScherzinger]

@jancborchardt jsut looking at you as kind of a replacement here: Is the text icon meant to be black, hence adapting accordingly for dark/light themes or should it be grey - like before? Thanks in advance for the feedback 🙏

[AndyScherzinger]

-> we target v29 - just for the icon update, see #44340. Anything else could come later to keep it simple hence putting this issue on v30 as a milestone.

[jancborchardt]

@jancborchardt jsut looking at you as kind of a replacement here: Is the text icon meant to be black, hence adapting accordingly for dark/light themes or should it be grey - like before? Thanks in advance for the feedback 🙏

Considering this is also used in the file list and grid view (and in the widgets) and black this would be very dark then, we should indeed keep it grey.
FYI @nimishavijay @marcoambrosini

[jancborchardt]

Diagram: drawing-box in #ebc94a

And on this to have proper 3:1 contrast, we need to change the color to: #b39114 @nimishavijay – also works for dark theme.

[jancborchardt]

Also updated in the issue at #44340 (comment)

[susnux]

Except for the folder description (3rd category), this is done with nextcloud-libraries/nextcloud-upload#1175