Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Olen/lovelace-flower-card

Lovelace Flower Card to match the custom plant integration
https://github.com/Olen/lovelace-flower-card

home-assistant homeassistant

Last synced: 28 days ago
JSON representation

Lovelace Flower Card to match the custom plant integration

Host: GitHub
URL: https://github.com/Olen/lovelace-flower-card
Owner: Olen
Created: 2020-09-21T18:11:46.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2024-10-03T20:37:09.000Z (3 months ago)
Last Synced: 2024-11-23T20:55:13.513Z (29 days ago)
Topics: home-assistant, homeassistant
Language: TypeScript
Homepage: https://github.com/Olen/homeassistant-plant/
Size: 1.16 MB
Stars: 197
Watchers: 5
Forks: 31
Open Issues: 21
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Flower Card

**This fork of the flower-card depends on this Plant component:
https://github.com/Olen/homeassistant-plant**

The card can be set up from the GUI (requires version 3.0.0)

![image](https://github.com/Olen/lovelace-flower-card/assets/203184/a31ad564-9458-41b4-9c1f-9da13f84f2ae)

## YAML-config
You can also select what bars you want to show for each card

```yaml
type: custom:flower-card
entity: plant.my_plant
show_bars:
- illuminance
- humidity
- moisture
- conductivity
- temperature
- dli
battery_sensor: sensor.demo_battery
```
* Battery sensor

You can optionally add a battery sensor to be displayed in the card.

![image](https://user-images.githubusercontent.com/203184/190199923-6060efbf-7306-49e5-bbc4-26dc922d3180.png)

The sensor will change color based on the state of the battery:
* >= 40%: Green
* 20 - 39%: Orange
* < 20%: Red

## Dependencies
1. Custom Plant integration (https://github.com/Olen/homeassistant-plant)

## Installation
[![hacs_badge](https://img.shields.io/badge/HACS-Custom-41BDF5.svg?style=for-the-badge)](https://github.com/hacs/integration)

This can be installed manually or through HACS
### Via HACS
* Add this repo as a "Custom repository" with type "Lovelace"
* Click HACS in your Home Assistnat
* Click Frontend
* Click the 3 dots in the top right corner and select "Custom Repositories"
* Add the URL to this github repository and type "Dashboard"
* Click "Install" in the new "Flower Card" card in HACS.
* Wait for install to complete
* You should not need to restart Home Assistant, but will probably need to refresh the frontend and/or "shift-reload" to refresh the browser cache.

### Manual Installation
1: Download the file flower-card.js and add it to somewhere in your `/www/` folder in HA

2: Click your profile picture in the bottom left corner -> Turn on Advanced Mode.

3: Go to Configuration -> Lovelace Dashboards -> Resources -> press the + (lower right corner of screen) and add the following information:

```yaml
Url: /local//flower-card.js
Resource type: JavaScript Module
```
![image](https://user-images.githubusercontent.com/45675902/80322223-ebd41880-8823-11ea-992d-7070d4197f8b.png)

4: Press *Create* afterwards to add the new resource.

5: You should not need to restart Home Assistant, but will probably need to refresh the frontend and/or "shift-reload" to refresh the browser cache.

### Disclaimer
I looked into several forks of the original card https://github.com/thomasloven/lovelace-flower-card. Some forks were very interesting and I edited several of those source codes changes into my own new fork. Credits to those original authors. After version 3.0.0 the card was more or less completely rewritten, and only the design and layout of the original card has been kept.