GithubHelp home page GithubHelp logo

ioull / lovelace-meteofrance-weather-card Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hacf-fr/lovelace-meteofrance-weather-card

0.0 0.0 0.0 1.54 MB

⛅ Carte Lovelace dédiée à l'intégration Météo-France pour Home Assistant.

License: MIT License

lovelace-meteofrance-weather-card's Introduction

Carte Lovelace Météo France

HACS: Custom License: MIT

Introduction

Cette carte vous permet d'afficher les données de Météo France issue de l'intégration officielle HA Météo France.

Fonctionnalités

Les informations affichées :

  • conditions météo actuelles,
  • informations météorologiques détaillées,
  • pluviométrie dans l'heure (prévisions à 5 puis 10 minutes),
  • alertes météos en cours (inondations, vents violents, etc) en rapport à votre département,
  • prévisions météo quotidienne de 1 à 15 jours maximum (réglable) ou des prévisions horaires de 1 à x heures (réglable),
  • sélection des informations à afficher pour personnaliser votre carte.

Un exemple de rendu :

Weather Card

Installation

Prérequis

Cette carte est prévue pour utiliser les entités de l'intégration Météo France.

Installation via l'interface utilisateur

Installation de la carte

  1. Depuis HACS (Home Assistant Community Store), ouvrez le menu en haut à droite et utiliser l'option Custom repositories pour ajouter le dépôt de la carte.

  2. Ajoutez l'adresse https://github.com/hacf-fr/lovelace-meteofrance-weather-card avec pour catégorie Lovelace, et faire ADD. Le dépôt de la carte apparaît dans la liste.

  3. Sélectionner ce dépôt (cette présentation de la carte va s'afficher dans une fenêtre) et utiliser l'option INSTALL THIS REPOSITORY en bas à droite de la fenêtre.

  4. Laisser le choix de la dernière version et utiliser l'option INSTALL en bas à droite.

  5. Faire RELOAD pour terminer! La carte est maintenant prête à être utiliser dans votre tableau de bord.

Configuration

Vous trouverez la carte dans la liste des cartes personnalisées (en fin de liste) et avec pour nom Carte Météo France par HACF.

Une fois choisi, sa configuration est la suivante :

  1. Définir un nom pour la carte (généralement la ville, comme pour l'intégration).

  2. Sélectionner l'entité météo que vous avez définit avec l'intégration (par défaut la carte en choisit une mais ce n'est pas forcément l'entité météo france que vous avez configuré).

  3. Toutes les autres entités sont automatiquement définies mais vous pouvez les redéfinir ou les supprimer à votre guise.

  4. Seule l'entité pour les alertes est à préciser manuellement.

  5. Sélectionner les parties de la carte à afficher (vous pouvez ainsi avoir plusieurs cartes avec des affichages différents).

  6. Préciser le nombre de jours de prévision à afficher en bas de carte.

  7. Enregistrer votre configuration.

Weather Card Configuration

Installation manuelle (utilisateurs avancés)


Cette installation s'adresse aux utilisateurs plus aguerris et/ou utilisant le mode YAML pour la définition de leur tableau de bord Lovelace.

La configuration se fait par défaut dans le fichier ui-lovelace.yml dans le dossier config.

Prérequis

Vous devez avoir accès au système de fichiers de HA. Plusieurs méthodes possibles, soit par SSH, soit via l'addon Samba par exemple.

Installation de la carte

  1. Préparer le chemin www/community/ dans le dossier config de HA.

  2. Y créer le dossier lovelace-meteofrance-weather-card/.

  3. Depuis ce dépôt github, copier le contenu du dossier dist/ dans le dossier précédemment créé.

  4. Maintenant depuis votre interface HA, allez dans Configuration > Lovelace Dashboard > Resources et créer une ressource de type JavaScript Module et pour url /local/community/lovelace-meteofrance-weather-card/meteofrance-weather-card.js.

    OU BIEN éditer votre fichier ui_lovelace.yml pour ajouter la ressource comme ceci :

    lovelace:
      mode: yaml
      resources:
        - url: /local/community/lovelace-meteofrance-weather-card/meteofrance-weather-card.js
          type: module
  5. Rafraichir votre navigateur avec CTRL+F5.

Configuration via YAML

Ci-dessous les éléments de configuration avec pour exemple l'usage d'une intégration nommée nantes:

view:
    cards:
    - type: "custom:meteofrance-weather-card"
        name: Nantes # nom de la carte, peut être différent du nom de l'intégration
        entity: weather.nantes # Entité météo principale
        # Les entités annexes de météo france
        cloudCoverEntity: sensor.nantes_cloud_cover
        rainChanceEntity: sensor.nantes_rain_chance
        freezeChanceEntity: sensor.nantes_freeze_chance
        snowChanceEntity: sensor.nantes_snow_chance
        uvEntity: sensor.nantes_uv
        rainForecastEntity: sensor.nantes_next_rain
        alertEntity: sensor.44_weather_alert
        number_of_forecasts: "5"
        # Les switches pour afficher ou non les différentes zones.
        current: true
        details: true
        one_hour_forecast: true
        alert_forecast: true
        forecast: true

Crédits

Projet réalisé par la communauté de HACF et depuis les projets suivants :

FAQ

  • Question : La prévision de pluie dans l'heure ne semble pas fonctionner, les cases sont toujours de la même couleur bien que le temps est changeant et pluvieux.

    Réponse : Valider bien que la ville que vous avez configuré dans l'intégration Météo France soit dans une région où ce type d'information est disponible. Consulter cette carte sur le site de météo France.

    Vous pouvez également valider, depuis la page Outils de développement > Etats de HA, que l'entité sensor.maville_next_rain retourne des informations prévisionnelles de pluie dans l'heure.

lovelace-meteofrance-weather-card's People

Contributors

axellum avatar bramkragten avatar david-kalbermatten avatar dgomes avatar dx44 avatar ioull avatar luc3as avatar nicoplh avatar olivierft avatar oncleben31 avatar phrfpeixoto 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.