[Epic] Galleries gridview and other gallery enhancements

[echo6ix]

This enhancement proposes to broaden the scope of galleries to include all images contained within Stash Library folders. To display the gallery in a card grid-view (exactly as scenes are displayed). To let users assign metadata to images, to create sets, and to assign images or sets to scenes.

Contents

1. UI UX
2. Full-screen mode
3. Sets
4. Mass tagging
5. Editing & Metadata
6. Filter container

UI UX

For UI UX consistency with the rest of Stash the galleries section would look and behave the same way as the scenes card grid view card. This includes:

• Filter container at the top of the page
• Image thumbnails should be displayed as cards, like scene card gird view
• Metadata associated with each image: title, performers, tags, scene relationship, set relationship, studio/channel, date, and url
• Clicking an image enters a full-screen mode

Because image galleries could be massive, I think it is imperative to optimize space and keep a simple design in card grid view with. Metadata isn't that relevant for galleries in card view but can still be displayed with overlays:

• Do not display any metadata placeholders unless it exists!
• If a title exists it should be displayed an overlay (z-index) on the image thumbnail.
• If other metadata exists it should be displayed as an overlay with icon indicators. On mouseover of icon indicator a tool tip will show the metadata values.

Full-screen mode

Clicking an image in card view would not redirect to a new page, rather it would display the image as an overlay.

• The image would be displayed to its largest possible dimensions within the viewport of the browser window.
• Left and right chevrons would let the user scroll through the image gallery while remaining in full-screen mode. Left chevron = prior image, right chevron = next image
• Add ability to swipe left or right for mobile/touch viewports [Bug Report] Touch issue in lightbox #2857 Mobile controls on gallery lightbox #2538
• A narrow footer on the bottom of the viewport can display metadata such as title, performer, etc
• Exiting full-screen mode via <esc> keypress or a mouse press anywhere on the image that's not the left/right navigation chevrons

Sets

Sets would be a group of images that share a user-defined relationship. An example of a set would be two or more images belonging to the same photo shoot or scene.

• Sets can be displayed by toggling a set button in the filter container. It toggles between sets card view and the default gallery card view.
• Sets should be represented by a thumbnail in a card view
• Clicking a set displays a card view of all the images within the set
• By default the first image in the set can be the primary image that represents the set in card view.
• Using Blueprint's right click functionality; we can right click an image within the set to set it as the primary image
• A set should be automatically created if more than one image is assigned to the same scene

Mass tagging

• @WithoutPants has already implemented mass tagging. This could be extended to a galleries list view.

Editing & Metadata

The typical Stash convention is that clicking an object from the card view page navigates towards a new page with a panel for editing metadata. Galleries would break that convention with full-screen mode. There needs to be an optional way to edit image metadata and other image parameters:

• On image card mouseover display an edit icon. Click the icon navigates to the conventional Stash edit/file info panel page where the user can modify metadata:
• title: title of image
• performer: list of performers associated with image
• date: yyyy-mm-dd
• tags: any stash tags associated with image
• channel/studio: associate channel/studio to image
• url: specify a url for image
• sets: associate image with a set (of other images) or create new set
• delete image
• scene: user can associate the image to a scene
• Delete image from library and delete file as per scene deletion behavior

Filter container

• Add images and collections to the filter container

Updated: Clarified several headings

[echo6ix]

I'm closing this issue. Every task has more-or-less been addressed except for swiping in lightbox, and there's two open issues addressing that.