Add Tree-View to Left Sidebar

[tbsbdr]

User Story

As a user, I want to view folders in a tree so that I can navigate to any folder without sequential browsing. (~ random access)

As a user, I want to navigate folders in a tree view so that I can move or copy files without excessive back-and-forth navigation.

User Value

More efficiency +control in file management
puts the FAB into correct context

Acceptance Criteria

• every resource* (Folder, "Personal", "Favorites", "Spaces", "Shares", "Deleted Files(?)") that contains another folder can be expanded via click on "caret down" in the left sidebar (tree)
• left sidebar: click on resource-icon or -name navigates to the resource
• left sidebar: click on caret
  • hides the branch or
  • shows the containing resources (just folders, Spaces.. no files)
• navigating in the main view through folders expands the tree in the left sidebar (following)
• drag and drop is possible:
  • left sidebar -> left sidebar
  • left sidebar -> main area
  • main area -> left sidebar
  • upload -> left sidebar
• resource names get truncated if needed
• if the nesting gets too deep, the resource name is no longer visible (just the active-indicator is visible)
• the left sidebar can be resized to see the nodes
• Mobile: navigation in the bottom drawer is possible like on desktop: click on resource icon / -name navigates, click on caret toggles show hide

Check Google Drive for reference behaviour & coner cases

google drive

[tbsbdr]

fyi @schweigisito as you brought this up. not yet sure if we should invest in this enhancement as it might bring huge complexity. needs to be discussed with the team before we make a decision.