Skip to content

Meteoalarm, Météo-France and DWD weather warnings card for Home Assistant Lovelace UI ⛈️

License

Notifications You must be signed in to change notification settings

martin131/MeteoalarmCard

 
 

Repository files navigation

Meteoalarm Card

version hacs_badge build status LGTM alerts downloads

By default Home Assistant does not provide any card for Meteoalarm, DWD or Météo-France. This simple card shows you the current active meteorological warnings.

cover

Installing

HACS

We recommend installing meteoalarm card via Home Assistant Community Store

Just search for Meteoalarm Card in Frontend tab.

Manual Installation

  1. Download meteoalarm-card.js file from the latest release.
  2. Put meteoalarm-card.js file into your config/www folder. You can use File Editor add-on.
  3. Add reference to meteoalarm-card.js in Lovelace. There's two way to do that:
    1. Using UI: Navigate to Lovelace Resources → Click Plus button → Set URL as /local/meteoalarm-card.js → Set Resource type as JavaScript Module.
      Note: If you do not see the Resources Tab, you will need to enable Advanced Mode in your User Profile
    2. Using YAML: Add following code to lovelace section.
      resources:
        - url: /local/meteoalarm-card.js
          type: module
  4. Add custom:meteoalarm-card to Lovelace UI as any other card.

Using the card

After completing installation you can add this card like any other to your dashboard.

  1. Navigate to your dashboard → click 3 dots in the top left corner.
  2. Select Edit Dashboard
  3. Click + New Card button
  4. Select Custom: Meteoalarm Card

Here is what configuration options mean:

Name Type Default Description
type string Required custom:meteoalarm-card
integration string Required Name of the integration. Available options are listed under Supported integrations
entities string Required Entity ID, a list of entity IDs or a list of entity objects.
override_headline boolean false [Only some integrations] Override headline proved by integration by generated one.
disable_swiper boolean false [Only some integrations] Disable slider when displaying multiple alerts, you may not see some important alerts.
hide_caption boolean false [DWD only] Hide top-right caption when showing advance alerts.
hide_when_no_warning boolean false Hide the card when no warning is active. This works like a conditional card.

Example configuration for Meteoalarm:

type: 'custom:meteoalarm-card'
integration: 'meteoalarm'
entities: 'binary_sensor.meteoalarm'
override_headline: false

Example configuration for Deutscher Wetterdienst (DWD):

type: 'custom:meteoalarm-card'
integration: 'dwd'
entities:
  - entity: 'sensor.dwd_weather_warnings_current_warning_level'
  - entity: 'sensor.dwd_weather_warnings_advance_warning_level'
override_headline: false

Supported languages

This card supports translations. Please, help to add more translations and improve existing ones. Here's a list of supported languages:

  • English
  • Deutsch (German)
  • Eesti (Estonian)
  • Español (Spanish)
  • Français (French)
  • Hrvatski (Croatian)
  • Italiano (Italian)
  • Nederlands (Dutch)
  • Polski (Polish)
  • Slovenský (Slovak)
  • Svenska (Swedish)
  • Čeština (Czech)
  • Your language?

Supported integrations

This card supports many other integrations.

Contributing

Want to contribute to the project?

First of all, thanks! Check contributing guidelines for more information.

About

Meteoalarm, Météo-France and DWD weather warnings card for Home Assistant Lovelace UI ⛈️

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 90.9%
  • JavaScript 9.1%