Coder Social home page Coder Social logo

Comments (14)

jprjr avatar jprjr commented on July 20, 2024 1

One not-well-documented feature is you can have local overrides for CSS, Javascript, images, etc.

So, in the docker version, you can mount a volume in the container at /home/multistreamer/share/multistreamer/html/local/css/, and it will serve css files out of that folder if they exist. So you don't need to have all the CSS files in there, just the ones you care about overriding.

So in your docker-compose.override.yml file, you could have a volume line like:

- /some/path/wherever/css:/home/multistreamer/share/multistreamer/html/local/css

Copy multistreamer.css from this repo to /some/path/wherever/css and edit as needed.

That would be really helpful, you could submit it later on for the proper "night mode override" file

EDIT: I had the path wrong. Triple-checking with Docker-compose now

DOUBLE-EDIT: Yep, that's all correct and it works!

from multistreamer.

jprjr avatar jprjr commented on July 20, 2024 1

Alright, I just pushed 11.4.0 which has a basic night-mode UI. It can be set in the profile, or it can be set anytime by adding "night_mode=true" to any URL (for the chat widget, for example). Also, putting "night_mode=(whatever)" will always override what a user's set in their profile.

I'm going to consider "night mode" kind of a beta feature right now, I'm sure there's parts of the CSS that need to be updated.

from multistreamer.

pogzie avatar pogzie commented on July 20, 2024 1

Awwwwyis. Solid.

awyis

from multistreamer.

k1ck3r avatar k1ck3r commented on July 20, 2024

i doubt that JPR will have something against editing the css used. feel free to add the feature :)

from multistreamer.

jprjr avatar jprjr commented on July 20, 2024

That's a great idea!

I think the best way to go about it is to:

  1. add a new field to the user table to store preferences. It can just be a blob of JSON
  2. Add a drop-down to the "profile" section so a user can change between night mode and regular mode
  3. Then lib/multistreamer/views/chatlayout.etlua can conditionally include a nightmode CSS file, which has overrides for the colors used

I should be able to get those steps done and get a stubbed night-mode CSS file going, which you could then edit

from multistreamer.

pogzie avatar pogzie commented on July 20, 2024

Man, I was halfway through tampering the CSS via dev tools.. and was almost done with a dark version until I happen to clink a link which re-loaded the default css. facepalm

I was planning to just 'fetch' my night mode css code from an upload site and just sideload it via a command when I launch the container.

Any implementation would be appreciated. I dont really need customizations like a banner photo or font change or what.. Just something dark.

Thanks!

from multistreamer.

pogzie avatar pogzie commented on July 20, 2024

thankssss!

from multistreamer.

pogzie avatar pogzie commented on July 20, 2024

Weird, I redeployed with the same config, everything was fine from last night but botched after I redeployed today.

Error
[string "etlua"]:27: attempt to index global 'user' (a nil value)
Traceback
stack traceback:
	[string "etlua"]:27: in function 'run'
	.../multistreamer/lua_modules/share/lua/5.1/lapis/etlua.lua:158: in function 'render'
	...ultistreamer/lua_modules/share/lua/5.1/lapis/request.lua:242: in function 'render'
	...streamer/lua_modules/share/lua/5.1/lapis/application.lua:136: in function <...streamer/lua_modules/share/lua/5.1/lapis/application.lua:135>
	[C]: in function 'xpcall'
	...streamer/lua_modules/share/lua/5.1/lapis/application.lua:159: in function 'dispatch'
	.../multistreamer/lua_modules/share/lua/5.1/lapis/nginx.lua:215: in function 'serve'
	content_by_lua(nginx.conf:69):2: in function <content_by_lua(nginx.conf:69):1>

from multistreamer.

k1ck3r avatar k1ck3r commented on July 20, 2024

i can confirm, with 11.4.0 the above error shows.

from multistreamer.

jprjr avatar jprjr commented on July 20, 2024

Oh wow, that's bad on my part. I tested nearly everything except for logging out.

Since there's no "user" object if you're not logged in, I can't exactly check for the user's preferences, can I? Fix incoming

from multistreamer.

jprjr avatar jprjr commented on July 20, 2024

Just pushed up tag 11.4.1, I've got the docker images building right now

from multistreamer.

pogzie avatar pogzie commented on July 20, 2024

for some reason, i just pulled now, still the same. i will check the container logs

ps: im filing a ticket (low prio) if you can pipe the logs to stderr/stdout so i can easily retrieve them without docker exec (through DC/OS)

from multistreamer.

jprjr avatar jprjr commented on July 20, 2024

Regarding logs: I can do that, but in the meantime I'd just make /var/log/multistreamer (or all of /var/log) a volume to some path on the host. That should also save you from having to docker exec, and keep logs around as you stop/destroy/restart containers. They have their own built-in rotater, so you don't have to worry about setting up logrotate or anything like that.

from multistreamer.

pogzie avatar pogzie commented on July 20, 2024

Marking as resolved. Will file new issues if UI color theme is mis-matched at some sections.

from multistreamer.

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.