Giter Club home page Giter Club logo

meteoalarmcard's Introduction

Meteoalarm Card

version hacs badge build status downloads

By default Home Assistant does not provide any card for Meteoalarm integration. 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
  5. Select meteoalarm entity. If you don't see one make sure you have configured Meteoalarm integration
type: 'custom:meteoalarm-card'
entity: 'binary_sensor.meteoalarm'

Supported languages

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

  • English (Default language)
  • Deutsch (German)
  • Eesti (Estonian)
  • Français (French)
  • Italiano (Italian)
  • Nederlands (Dutch)
  • Polski (Polish)
  • Español (Spanish)
  • Your language?

Supported integrations

This card supports many other integrations.

Currently the card will try to auto detect the "sourceType" of your entity but in case this doesn't work or you want to manually override this value just add "sourceType" key into your card configuration and choose one of these type. In case of problem check you use the right entity for each integration.


Integration SourceType Entity
Core Meteoalarm meteoalarm binary_sensor.meteoalarm
Core Météo-France meteofrance sensor.XX_weather_alert
xlcnd/meteoalarmeu meteoalarmeu binary_sensor.meteoalarmeu

Like this for example

type: 'custom:meteoalarm-card'
entity: 'sensor.75_weather_alert'
sourceType: 'meteofrance'

Contributing

Want to contribute to the project?

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

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.