Giter Site home page Giter Site logo

marlo461 / meteoalarmcard Goto Github PK

View Code? Open in Web Editor NEW

This project forked from mrbartusek/meteoalarmcard

0.0 0.0 0.0 418 KB

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

License: MIT License

JavaScript 100.00%

meteoalarmcard's Introduction

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
entity string Required An entity_id with weather alerts
integration string automatic Name of the integration. Available options:
  • automatic
  • meteoalarm
  • meteofrance
  • dwd
  • weatheralerts
override_headline boolean false Override headline proved by integration (if present) by generated one
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'
entity: 'binary_sensor.meteoalarm'
integration: 'automatic'
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)
  • 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.

meteoalarmcard's People

Contributors

mrbartusek avatar marlo461 avatar ajtudela avatar bartengelen avatar jpbede avatar repsionu avatar nsbx avatar rubenkelevra avatar nurtext avatar fredriklj avatar lynilia avatar t1gr0u avatar pmazz avatar deadly667 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.