Coder Social home page Coder Social logo

User configurable UI about stash HOT 6 CLOSED

stashapp avatar stashapp commented on July 21, 2024
User configurable UI

from stash.

Comments (6)

echo6ix avatar echo6ix commented on July 21, 2024

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

1

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.

2

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.

from stash.

echo6ix avatar echo6ix commented on July 21, 2024

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.

from stash.

Leopere avatar Leopere commented on July 21, 2024

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"

from stash.

Leopere avatar Leopere commented on July 21, 2024

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

from stash.

Leopere avatar Leopere commented on July 21, 2024

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.

from stash.

yoshnopa avatar yoshnopa commented on July 21, 2024

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.

from stash.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.