A Lovelace card that shows the rain gauge for Home Assistant.
[![Community Forum][forum-shield]][forum-link]
HACS (Home Assistant Community Store)
- Go to HACS page on your Home Assistant instance
- Select
Frontend
- Press add icon and search for
rain-gauge
- Select Rain Gauge Card repo and install
- Force refresh the Home Assistant page (Ctrl + F5)
- Add rain-gauge-card to your page
- Download the 'rain-gauge-card.js' from the latest release (with right click, save link as)
- Place the downloaded file on your Home Assistant machine in the
config/www
folder (when there is nowww
folder in the folder where yourconfiguration.yaml
file is, create it and place the file there) - In Home Assistant go to
Configuration->Lovelace Dashboards->Resources
(When there is noresources
tag on theLovelace Dashboard
page, enable advanced mode in your account settings, and retry this step) - Add a new resource
- Url =
/local/rain-gauge-card.js
- Resource type =
module
- Url =
- Force refresh the Home Assistant page (Ctrl + F5)
- Add rain-gauge-card to your page
- Add the card with the visual editor
- Or add the card manually with the following (minimal) configuration:
type: custom:rain-gauge-card
entity: sensor.rain_daily
type: custom:rain-gauge-card
entity: sensor.rain_daily
Name | Type | Requirement | Description | Default |
---|---|---|---|---|
type | string | Required | custom:rain-gauge-card |
|
name | string | Optional | Card name | Rain Gauge |
border_colour | string | Optional | Change the border colour | #000000 |
fill_drop_colour | string | Optional | Change the drop colour | #04ACFF |
show_error | boolean | Optional | Show what an error looks like for the card | false |
show_warning | boolean | Optional | Show what a warning looks like for the card | false |
entity | string | Required | Home Assistant entity ID. | none |
max_level | number | Optional | Override the max level in the drop (will take inches too) | 40mm |
language | string | Optional | The 2 character that determines the language | en |
is_imperial | boolean | Optional | Switch to inches (in ) instead of mm |
false |
hourly_rate_entity | string | Optional | Home Assistant entity ID to hourly rate | none |
tap_action | object | Optional | Action to take on tap | action: more-info |
hold_action | object | Optional | Action to take on hold | none |
double_tap_action | object | Optional | Action to take on double tap | none |
Name | Type | Requirement | Description | Default |
---|---|---|---|---|
action | string | Required | Action to perform (more-info, toggle, call-service, navigate url, none) | more-info |
navigation_path | string | Optional | Path to navigate to (e.g. /lovelace/0/) when action defined as navigate | none |
url | string | Optional | URL to open on click when action is url. The URL will open in a new tab | none |
service | string | Optional | Service to call (e.g. media_player.media_play_pause) when action defined as call-service | none |
service_data | object | Optional | Service data to include (e.g. entity_id: media_player.bedroom) when action defined as call-service | none |
haptic | string | Optional | Haptic feedback success, warning, failure, light, medium, heavy, selection | none |
repeat | number | Optional | How often to repeat the hold_action in milliseconds. |
none |
The following languages are supported:
Language | Yaml value | Supported | Translated by |
---|---|---|---|
Czech | cs |
v1.3.1 | @MiisaTrAnCe |
Danish | da |
v1.3.1 | @Tntdruid |
Dutch | nl |
v1.3.1 | @jobvk |
English | en |
v1.0.0 | @t1gr0u |
French | fr |
v1.0.0 | @t1gr0u |
Italian | it |
v1.4.0 | @StefanoGiugliano |
German | de |
v1.3.1 | @AndLindemann |
Hungarian | ha |
v1.3.1 | @erelke |
Portuguese | pt |
v1.1.0 | @ViPeR5000 |
Slovakia | sk |
v1.4.0 | @milandzuris |
Slovenian | sl |
v1.1.0 | @mnheia |
Swedish | sv |
v1.4.0 | @tangix |
If you wish to add a language please follow these steps:
- Go into the
src/localize/languages/
folder - Duplicate the
en.json
and name it as the language that you would like to add by following the 2 characters ISO language code - Then modify the
localize.ts
file, located insrc/localize/
to include your language file. - Update the
Readme.md
, found insrc/
to include your language and your Github username in the language table.
- @iantrich for the boiler-plate card, which got me started
Clone and create a PR to help make the card even better.