[octomirror-module] Monitor & Control an OctoPrint 3D Printer Server

[barnosch]

Would it be possible to just see the
status like ETA and % and the stream optional?

Exactly like your screenshot, but without the stream?
I guess i would find some place for that infromation ;)

[shbatm]

@barnosch Yep! Done! Pull the updated version and add showStream: false to your config.

Also FYI – right now I only include the information useful to me, but the module interacts with the full OctoPrint API, so if there’s something else you’d like to see, or want to customize how it’s displayed, please let me know!

API Reference – http://docs.octoprint.org/en/master/api/push.html

[barnosch]

Awesome. Thanks, dude.

made some little adustments to fit my needs.
The only thing which i think could be also interesting is maybe the temperatures of the nozzle and the bed?

[shbatm]

@barnosch: Made some more changes:

• Implemented MM Translations and added English and what I could of German.
• Added most recent nozzle & bed target & actual temperatures – can be enabled/disabled with showTemps config option.
• Added option to hide the file, time, and temps when the printer is offline – can be enable/disabled with showDetailsWhenOffline option.

You’ll have to move your lines around again after you update it–for now, anyway–I’m adding “Add Stylesheet and auto format for width” to my to-do list for the module, as well as hide camera window when not printing.

[barnosch]

Perfect! Already pulled and adjusted.
Thank you really much.
I appreciate your fast and nice work.

[barnosch]

Is there any chance to give the stream object a CSS name to override the common resolution of the webstream via CSS?

Right now, as i can see it, it fetches the stream from http://octopiIP:8080 as it is.
Thats killing my mirror ;)

[shbatm]

@barnosch - it’s on the To-do list.

For now, try setting the height/width in your custom.css file with something like:

div.octomirror-module img {
    height: 150px;
    width: 150px;
}

EDIT: Removed the > in the selector line above.

[barnosch]

Great. Good idea, since it is “only” a img tag, it is pretty easy.
i was thinking to complicated. Now it fits nicely.

Looking forward for the “hide camera window when not printing” feature.
But no hurry.

Great work!

[michael24h]

My stream showing upside down. any idea ?

[michael24h]

this works for me:
div.octomirror-module img {
transform: rotate(180deg);