User configurable UI

[StashAppDev]

stashapp/StashServer#48

[echo6ix]

There's a few other projects that have implemented code injection for user configurable UIs, but the service that strikes me as the most obvious implementation of code injection is Squarespace.

The concept would be pretty simple, as described on the Squarespace site, "Use Code Injection to add HTML and scripts that enhance specific parts of your site.". Html, css, and javascript code added in this section is injected into the 'head' tag on the Stash pages.

A. There is a code injection option in the side panel

B. Within the code injection settings there are 7 different textarea tags (multi line text areas) for the users code injection, and 6 of these areas are related to each section of stash.

These areas are:

1. Global. Used for code injection that will be common throughout Stash
2. Scenes page
3. Performers page
4. Tags page
5. Markers page
6. Galleries page
7. Studios page

C. Finally, at the bottom of the section would be a save button.

[echo6ix]

One more thing. Code injection could be a PITA when troubleshooting or reporting possible bugs. As a dev or user you'd want to troubleshoot or report a bug using vanilla Stash without any user code affecting operation. Therefore to save a lot of trouble I would suggest an option in the Code Injection settings to enable and disable code injection on the fly while preserving the user's custom code but disabling code injection.

[Leopere]

If we have a self-reporting thing https://github.com/google/go-github/blob/master/github/issues.go we can have the issues mention that the user has their own CSS/JS right in the top and that modified Stash Instances "void the warranty"

[Leopere]

Linking #197 as it would be beneficial for allowing features like this where it could "void the warranty."

[Leopere]

I imagine that this is complete now that we have a CSS input box but if anyone disagrees they can re-open this and are encouraged to.

[yoshnopa]

It's been a while, but I'd like to ask for a little expansion of customizability. One can design great pages with a custom css, but the customization possibilities would be endless if there would be an option to support javascript as well. This would mean that the aforementioned Issue reporting template should be made aware of the dangers of custom javascript, but in general one can implement changes to the UI in any fashion this way.