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/wwwfolder (when there is nowwwfolder in the folder where yourconfiguration.yamlfile is, create it and place the file there) - In Home Assistant go to
Configuration->Lovelace Dashboards->Resources(When there is noresourcestag on theLovelace Dashboardpage, 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_dailytype: 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.jsonand name it as the language that you would like to add by following the 2 characters ISO language code - Then modify the
localize.tsfile, 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.