Add detailsview to the photowall

[oparoz]

From @oparoz on March 4, 2016 20:47

Feature request

User type: All

User level: All

Description

We can't re-use the sidebar designed for Files as it only works in Files, especially since plugins used in tabs target the Files app (#548), so we'll have to design our own.
We can probably re-use the tabs logic to be able to easily show additional information, but we don't even need to use a sidebar.

I find this design interesting

Basic info

• filename
• favourite star
• File info
• Read-only tags

Additional info

• Meta data (GPS, decription, etc.)
• Sharing
• Read-only comments

Benefit / value

• Users will appreciate being able to get to see everything there is to know about a particular image right next to it
• Users will be able to share individual media files

Risk / caveats

• It will look different than the Files sidebar
• It will definitely offer less features than the Files sidebar, namely tags and comments management will never happen.

Sponsorship

None

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

Copied from original issue: owncloud/gallery#559

[oparoz]

@Bugsbane @jancborchardt @blizzz @setnes @deMattin - What do you think?

[oparoz]

From @deMattin on March 4, 2016 21:17

I would prefer it, like it is in files sidebar.

1. same look in files and gallery view
2. picture previews remain scrollable to search next picture of interest
3. you can switch to another picture and the new infos are at the same place as the old ones before.

[oparoz]

From @jancborchardt on March 4, 2016 21:40

Yeah, I agree with @deMattin here. Even if we absolutely need to design our own detail view, we should model it as closely as possible to the one in Files. Otherwise people need to learn 2 different things for such elementary tasks, which is not acceptable.

[oparoz]

And thinking about the mobile experience, users would end up with half a vertical sidebar which would offer a pretty bad ux.

I guess we'll have to fog out all the other pictures to make it clear which one is currently selected

[oparoz]

From @deMattin on March 4, 2016 21:58

I have no idea, how to get this on mobile except in portrait mode of smartphone with only a single picture on the top (should be possible to switch to next one) and the informations at the bottom on the other half of screen.
Even in this case you will need to scroll the informations.

[oparoz]

We'll have to have a different layout based on orientation.

[oparoz]

From @prastut on March 5, 2016 17:22

I propose the following:

• On Picture hover:
  • Picture details come on hover. The tags could come below the said picture as well as the share icon link.
• As far as the sharing part, I agree with @oparoz solution of creating a dropdown tooltip.

This will work well on mobile as well as normal displays, since the idea of creating a half vertical sidebar will give no use.

[oparoz]

Picture details come on hover. The tags could come below the said picture as well as the share icon link.

I don't think it will work, because there is already a slight problem with labels on hover when you're scrolling. As labels are quite discreet, it doesn't matter much, but it would be bad if there were popups coming up when scrolling

The simple solution will be to show the star and the 3 dots menu as an overlay, probably top right, so that there is enough space for the filename at the bottom.

Then the details view would show up like on the slideshow (owncloud/gallery#549). On mobile, it would fill all the space in portrait mode and half the space in landscape mode, like in Files.

[oparoz]

What I was saying about the "half a vertical sidebar" is that with the drop down, the top of the screen in portrait mode would have a couple of images and the bottom something like half of the sharing dialogue and that's not very useful.

[oparoz]

From @jancborchardt on March 8, 2016 15:38

I would really advise that we don’t waste time on thinking about our own implementation here. It’s important that we standardize across apps, and that means we need to find a way (work together with core devs such as @PVince81) to get the sidebar standardized and usable across apps.