Code Monkey home page Code Monkey logo

frontail_aem's Introduction

Frontail for openHAB

Streaming openHAB logs to the browser

This is a fork from the official Frontail. It is intended to work especially with openHAB log files.

Features

  • Ability to use Regular Expressions in the highlighting rules definition
  • Use of html classes (instead of inline css rules) to define the appearance in a separate css file
  • Custom highlighting rules, intended for openHAB
  • New theming function, allowing to switch between light and dark mode in the same page (instead of having to choose among the two)
  • Use of HTML Web Storage API to remember the last used theme

Look & Feel

Light Theme

Dark Theme

About

It started as a personal modification on the Frontail installation in my openHABian, the full story is in the first post of this thread: https://community.openhab.org/t/frontail-custom-theme-coloring/116673

Long story short, some modifications where made to the following files:

web/index.html
web/assets/app.js

And some files were added:

preset/openhab_AEM.json
web/assets/styles/openhab_AEM.css

Thanks

Thanks to the work of Ethan Dye this is also the standard Frontail version on OpenHABian starting from version 1.6.4: you can install it using openhabian-config, menu 21.

Thanks to Grzegorz Miasko who contributed with new rules and color theme. See his GitHub repository here.

I would also like to thank Schnuecks for helping me and giving some great suggestions. He also created a Repository for the installation via docker image, you can find it here.

frontail_aem's People

Contributors

aarondewes avatar andresol avatar andrew-js-wright avatar ardavis avatar d0nn13 avatar dependabot[bot] avatar domexpire avatar ecdye avatar evertet avatar interstellar0verdrive avatar katopz avatar kstarzyk avatar levonet avatar lexx27 avatar mad-gooze avatar matteocontrini avatar mdelapenya avatar mojoaxel avatar mthenw avatar nayrnet avatar orbitbot avatar rocat avatar schnuecks avatar skarnecki avatar snyk-bot avatar tknv avatar vadakattu avatar yagop avatar

Stargazers

 avatar  avatar  avatar  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.