Coder Social home page Coder Social logo

tileboard-addon's Introduction

TileBoard

A simple yet highly customizable dashboard for Home Assistant. The main goal of this project was to create a simple dashboard with an easy way to edit and add functionality with minimum knowledge of javascript and html.

Should you have any ideas or questions please post them on the home-assistant forum or create an issue on Github.

Installation

  1. Go to Supervisor, then click Add-on Store.
  2. Click the "three dots" in the top-right corner and select Repositories.
  3. Enter https://github.com/resoai/TileBoard-addon in the input field and click Add.
  4. The Tileboard addon should appear in the list. Click it and then click Install.

Configuration

Configure the configFolder in the configuration tab (defaults to tileboard). This should be a folder inside of config/. Add your configuration files in the configured folder.

Note: You can use the Home Assistant add-ons like File editor or Visual Studio Code to manage your configuration files.

Here are various configuration files that can be added to that folder:

file required description
config.js yes The main configuration file. You can use config.example.js as a starting point.
styles/custom.css no The stylesheet with custom CSS overrides.
images/* no The extra images that can be referenced from the configuration file using relative paths.
locales/* no If you want to add support for more locales than the bundled ones, you can add more locale files here. The file needs to have format [locale-code].js.

Note 1: Adding or removing files requires restart of the add-on. After doing that the changes to the files should get applied immediately.

Note 2: The serverUrl and wsUrl options in the config.js are overridden by the add-on and don't have to be configured.

Links

License

MIT License

tileboard-addon's People

Contributors

rchl avatar renovate[bot] avatar ivanivanov884 avatar romkabouter avatar akloeckner 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.