GithubHelp home page GithubHelp logo

timmo001 / home-panel Goto Github PK

View Code? Open in Web Editor NEW
218.0 14.0 74.0 67.69 MB

A web frontend for controlling the home.

Home Page: https://timmo.dev

License: MIT License

CSS 2.03% JavaScript 0.90% Ruby 0.14% TypeScript 96.93%
home-automation javascript reactjs websocket hass user-interface webapp material-design home-panel hacktoberfest

home-panel's Introduction

Home Panel

A web frontend for controlling the home. Integrates with Home Assistant as an additional frontend.

banner

Features

  • Supports Home Assistant entities, cameras, news feeds, iframes and more.
  • Fully customizable interface.
  • Custom theme support.
  • Full in-application configuration UI.

Documentation / Setup

Setup and configuration for the app is available here

Links

Discussions / Support

Code of Conduct

License

home-panel's People

Contributors

dependabot-support avatar dependabot[bot] avatar fabaff avatar github-actions[bot] avatar greenkeeper[bot] avatar imgbot[bot] avatar imgbotapp avatar kessiler avatar renovate-bot avatar renovate[bot] avatar snyk-bot avatar thecellmc avatar timmo001 avatar viettrung9012 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

home-panel's Issues

Edit config from web

Description

Add functionality to edit the config directly from the web app.

  • Use API to get config,json using login credentials
  • Show JSON editor in dialog
  • Use editor which is material complaint, but has formatting and linting support

Card icons missing

Description

Card icons are missing for entities that are not sensors or links

Multiple Pages

Description

It would be nice if we could split tiles into multiple pages to clean up the interface. The navigation bar could be composed of MDI icons and could be on the left side or on the bottom.

Add images to documentation

Description

Some areas of the docs could use a visual aid. Especially in configuration where it may be difficult to understand where everything is shown

Encryption

Description

When building or serving the webapp, check that config.json is encrypted under SSL. Currently running http-server or serve will show the full config.json with an unencrypted HASS password.

Either, encrypt the full file, or encrypt the password at build time

24hr time

Would be nice to be able to see 24hr time in header to match what is displayed in HA.

iFrame Support

Description

Add support for iFrames, which can be customized in size etc. similar to the way the lovelace card works

Allow rounded corners for cards

The custom theme funtionality is great but I would like more control. The ability to set corner radius or transparency for example.

The ability for home-panel to read a custom.css file located in the config directory would be a great addition.

Add more config items

Description

Add more items to config.json.

Suggestions

  • Time formatting
  • Date formatting
  • Theming
  • Media player customisation from #5

Add customisable icons for each tile

Description

This is kind of self explanatory.
It would be nice if we could add an MDI icon to any tile like the TileBoard project has.
This would make the interface simpler and more user interactive.

Update docs

Description

Update docs to include Docker setup, SSL setup, config.json options etc.

Username / Password

Description

Upon writing the HASSIO addon, I have realised that security isn't the greatest and anyone that knows the url can access everything.

There needs to be a way to login to the app, which can be set in docker, env, and hassio config (when working)

I created something before, which worked and looked pretty in line with hass users' login. https://github.com/timmo001/hass-alternate-ui/blob/master/src/Login.js

oauth2 will be something for the future

HA Camera entity

Add the ability to show Home Assistant Camera entities as well as URLs.

Could the still url be created form the HA camera entity?

Alarm Tile

Description

Currently, there is no way to easily control the manual alarm component. It would be awesome if we could have an alarm tile with an optional pin pad to disarm the system.

Themes support

Description

Add theme support to config.json.

  • Allow users to change colors etc. using base of light or dark from material-ui

Connection error when creating account

Description

Error: Request has been terminated Possible causes: the network is offline, Origin is not allowed by Access-Control-Allow-Origin, the page is being unloaded, etc.. Check your credentials and try again.

How to reproduce issue (if applicable)

I have a problem creating a user

Screen size, resolution and portrait fixes

Description

At the moment, the app only works on landscape screens which are over a certain size or dpi.

  • Make app more responsive to screen size changes
  • Make app work on most screen sizes, even down to mdpi/older phone screens if possible.
  • Make app work in portrait, by moving header and items into a grid which responds well to screen with changes

Add media player controls

Description

Add support for media players via home assistant.

Suggested features

  • Swipe up from bottom as overlay
  • Work with recently updated media_player entities
  • Follow spec of media_player component
  • Allow for custom controls
  • Add radio funtioality via API or similar

Migrate config to API

Description

Move the config.json file to the API. This will make setup easier and remove the need to build the app on every run

Split main.js

Description

The current main.js class is cluttered. The class needs splitting into multiple sub classes so that there is more control over UI as well as making development easier

Add built app to release page

Description

I would like to add to the release cycle a built version into a zipped file added to the release page. This can be done in the CI to build and package the app, then using the github api to upload the artifacts

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.