Git Product home page Git Product logo

octoprint-terminalmessaging's Introduction

Octoprint-TerminalMessaging

Plugin that adds styling to the terminal tab that makes it easier to see where a message is from.

Messages you send are on the right and are in yellow. Messages the printer sends back are on the left and in orange with a bigger font size.

This is similar to how a text messaging app would differentiate between sender and receiver in the UI.

This plugin is very small, and just edits the css of the elements in the terminal for readability.

More theming

If you want a different text size, or a different color, or maybe you don't want the sent on the right. You can adjust all of that to your heart's content. I recommend using Themify to adjust these two types of fields.

In Themeify, you can check "Enable customization" and then you can attach any rules to the span.received or span.sent. Those are the lines in the terminal for sent and received messages.

For example, if you don't want the right justified sent messages, you could do this:

selector CSS-Rule value
span.sent text-align left

If you want to make the text a little bigger, you might add these rules:

selector CSS-Rule value
span.received font-size 18px
span.received line-height 24px
span.sent font-size 18px
span.sent line-height 24px

If you want a different color for the received messages, you could do this:

selector CSS-Rule value
span.received color red

Enjoy!

Setup

Install via the bundled Plugin Manager or manually using this URL:

https://github.com/chimcen/OctoPrint-TerminalMessaging/archive/master.zip

Special Thanks

@jneilliii wrote this plugin after I asked about it in the forums. Thank you!

octoprint-terminalmessaging's People

Contributors

chimcen avatar costas-basdekis avatar jeffeb3 avatar jimmy8881 avatar jneilliii avatar

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.