Photo detail view

[damianmoore]

Detail view of photo showing camera attributes, tags, mini map, bounding boxes from object detection.

• Modal view of photo which is on a higher z-index so main UI doesn't get redrawn on close.
• Scroll down to see more details with animated indicator on first display and when hovering near bottom (no scroll bar will be displayed as we want photo to be as full screen as possible).
• Scrolling down should make new pane float over photo without the photo moving - the pane might not be very tall and could control photo overlays such a bounding boxes. Make touch screen compatible too.
• Location map and pin defaulting to a sensible zoom level
• Colors display
• Styles display
• Camera settings display
• Cross icon and ESC key to close modal
• Star rating
• Histogram
• Full metadata display from exif
• File path/name display
• Move metadata overlay to be on the right with an icon to view it as scrolling down is not obvious

[PowerAnalyst]

A back button to get from an enlarged photo back to the main interface would save having to use the browser controls.

Once I've narrowed down my search and opened an image, perhaps also a left/right function to slide through the photos selected.

[damianmoore]

Good suggestions @Soharic :)

[damianmoore]

@GyanP It would be great if you could help finish off these last couple of points.

Display the path at the bottom of the metadata panel:

Add a link to show more metadata:

One the "More details" link is clicked, call new GraphQL query that runs the command exiftool FILE_PATH on the Photo's base_file and returns all exiftool's output. Display all of exiftool's output as a table inside the <Modal /> component, similar to how settings or the onboarding screens are displayed, over the photo detail screen.

[GyanP]

Task done and changes pushed on branch 4-photo-detail-view

[damianmoore]

Implemented as of 3bb6a71. A decision was made for simplicity reasons to display extra metadata as expandable area as it was hard to display a modal on top of a modal.