[Feature] List view overhaul; rich tables for easier bulk and individual metadata editing and more

[echo6ix]

Is your feature request related to a problem? Please describe. List view is currently used for bulk editing but it's very limited in scope and in it's ui-ux.

Describe the solution you'd like A list view replacement that incorporates an Mp3tag-esque interface for editing metadata.

The interface is divided into three components:

(1) Toolbar

Containing common tasks, such as

• Delete, metadata scraper (freeones, etc)
• a button that opens a modal window for the scene filename parser which then filters the table view
• a button that opens a modal window for a title case capitalization tool, for individual or bulk selections
• a button for a filename renaming tool, etc.

(2) Side-bar panel

This would display the metadata fields of the current selected row or rows of multiple selections including:

• In cell editing of the metadata fields of the currently selected row(s)
• Display and editing of image associated with the currently selected row
• The panel could be pinable by default but could be minimized when unpinned to maximize the view of the main component, the tabular data.

(3) Tabular data

The main component that displays the table https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html

• Columns are sortable
• Column size is adjustable
• Columns can be hidden/unhidden and the ui should retain a memory of it's configuration
• Columns contain every metadata field pertaining to the scene/performers/studios/tags including file and video properties
• Row height should be no larger than a single line of text
• No images are displayed anywhere in the tabular data, only in the side-bar panel
• Cells are capable of in-line editing for data that doesn't require multi-line or mult-value input like tags

Other notes

• Each section of Stash -- Scenes, Studios, Performers, and Tags -- could have it's own tabular view, where the column fields, side panel fields, and toolbar items conform to their respective sections.
• This would obviously be incompatible with any mobile view, but I think it's reasonable to conclude that this kind of editing is for desktop viewsports.
• The full horizontal view-port of the browser should be utilized to maximize the amount of data displayed
• Not sure how efficient react bootstrap is with large amounts of tabular data, but i think loading it all rather than pagination would be preferential.

[laurus-lx]

While we are waiting for a custom interface, just wanted to give heads up that it's easy to do bulk editing by opening Stash SqlLite db in an DB admin tools such as DBeaver

[echo6ix]

More inspiration for data tables here https://m2.material.io/components/data-tables