CybDis / lovelace-flower-card-mod

Lovelace Flower Card (Mod) to match the custom plant integration of https://github.com/Olen/

Home Page:https://github.com/Olen/homeassistant-plant/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Flower Card (Mod)

This fork of the flower-card (originally by Olen) 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

YAML-config

You can also select what bars you want to show for each card

type: custom:flower-card
entity: plant.my_plant
name: My Plant
hide_species: false
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

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

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 category "Lovelace"
  • 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 <config>/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:

  Url: /local/<path to>/flower-card.js
  Resource type: JavaScript Module

image

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 use this fork in my own home assistant to add some custom modifications and changes, not (yet) reflected in the original form from Olen.

About

Lovelace Flower Card (Mod) to match the custom plant integration of https://github.com/Olen/

https://github.com/Olen/homeassistant-plant/


Languages

Language:TypeScript 92.2%Language:JavaScript 7.8%