Web: File row indicator concept

[PVince81]

TODO: link to @wuenschedesign mock up

We need a place to display various indivators:

• star icon indicator
• share indicators
• tag indicator (when tags exist)
• comments bubble
• extension point for apps to inject their own

[PVince81]

@wuenschedesign please experiment with the current Phoenix design to add a place for indicators.

One idea as discussed is about adding a second row below the file name with the indicators, without necessarily removing the columns.

[wuenschedesign]

Draft for file list and indicators inline with subtitle:

Draft for file list and indicators organized in columns:

[PVince81]

Some POC in design system for the second file row: https://github.com/owncloud/owncloud-design-system/pull/527

[PVince81]

This is a great start.

For sharing in particular we need to think about how to represent "a parent folder is shared with others" vs "current folder is shared with others" and vs "this is a folder I received". Not sure if adding colors to the indicators would help to distinguish (and keeping in mind color blindness).
Ref https://github.com/owncloud/enterprise/issues/3556#issuecomment-544887860

[wuenschedesign]

Following a screen that shows a list view including a folder that is owned by someone else and shared with me (last row). The idea is to mark any folder or file with a little dot. It’s subtle, but still recognizable.

[PVince81]

hmm, but some people might have trouble noticing such subtle details.

if we anyway go into the "touch the icon zone" territory, we could then simply use a bigger bubble with an icon in it, overlayed on top of the icon, positioned at the bottom right, like in the linked PR

[PVince81]

More recent mock ups: https://github.com/owncloud/owncloud-design-system/pull/527#issuecomment-555022613

We should schedule time to implement a prototype of this inside the design system.

[PVince81]

In Phoenix 0.3.0 we went for indicators in a separate column

[LukasHirt]

Indicators are now being displayed in a second row under the resource name.