Badge alertes météo france

Au réveil j’ai du aller chercher la cause de l’alerte jaune sur mon département

Idée du matin : pourquoi je n’ai pas de badge qui s’affiche en cas d’alerte et en fonction du type d’alerte avec la couleur de l’alerte concerné

Avant de la créer, est-ce que ça existe déjà ?
Autrement je m’en occupe et je partage le code ici

Bonne journée

Bonjour,
non, il faut le créer. Avec le bagde template de mushroom par exemple.

J’ai fait quelques recherches et il ne semble pas être possible de gérer la visibilité en fonction des attribut ou via un template.

Ce serait pas mal de pouvoir utiliser state_attr

Autant que possible j’aimerai éviter de créer des entités pour chaque type d’alerte météo (Orages, vent violent,…)

Je viens de poster une demande en ce sens pour faire evoluer l’intégration de météo france.

Ça permettrait de simplifier la gestion des scripts et de limiter l’usage de template

Salut à tous,

Je viens de profiter de l’alerte Orange « Vent violent » + Jaune « Neige-verglas » pour le département de l’Aude (oui il fait beau dans le sud) pour mettre en place les badges
Pour que les infos puissent être utilisé par les débutant, je n’ai pas voulu créé les entités via des template format texte. Tous se fait graphiquement

Besoins
Afficher des badges sur l’écran d’accueil uniquement quand il y a une alerte.
Par défaut c’est l’alerte la plus importante qui fixe le niveau de vigilance. Pour avoir plus de détails je veux autant de badge que de type d’alerte météo.
Un clic que une alerte renvoi vers une sous-vue dédié à la météo

Création d’entités pour chaque vigilance
Dans paramètres, appareils et services, entrée. Créez autant de template (modéliser un capteur) qu’il y a d’éléments de vigilance Météo France

  • Vent violent
  • Inondation
  • Orages
  • Pluie-inondation
  • Neige-verglas
  • Grand-froid
  • Vagues-submersion

Adaptez le code à votre installation. Chez moi sensor.home_weather_alert est l’entité alerte fourni par l’intégration météo france

{{ state_attr('sensor.home_weather_alert','Vent violent') }}

Voici en exemple ce que j’ai mis en place chez moi avec les icônes et nom des entités

Création des badges
Je veux que les couleurs puissent représenter le niveau de vigilances. Actuellement il est plus facile d’utiliser les badges « Mushroom Template » pour adapter les couleurs

Voici un exemple complet pour l’alerte « Vent violent » où un clic renvoie vers ma sous-vue.
Les couleurs sont définie (en anglais) en fonction de la couleur de l’alerte (en français)
La visibilité s’appuie sur l’entité sensor.vigilance_vent_violent précédemment créé

type: custom:mushroom-template-badge
content: "{{ state_attr('sensor.home_weather_alert','Vent violent') }}"
icon: mdi:weather-windy
color: |-
  {% if state_attr('sensor.home_weather_alert','Vent violent') == 'Vert' %} 
  green
  {% elif state_attr('sensor.home_weather_alert','Vent violent') == 'Jaune' %} 
  yellow
  {% elif state_attr('sensor.home_weather_alert','Vent violent') == 'Orange' %} 
  orange
  {% elif state_attr('sensor.home_weather_alert','Vent violent') == 'Rouge' %} 
  red
  {% endif %}
entity: sensor.vigilance_vent_violent
label: Vent violent
tap_action:
  action: navigate
  navigation_path: /lovelace/meteo
visibility:
  - condition: state
    entity: sensor.vigilance_vent_violent
    state_not: Vert

Personnalisation
Je veux que sur la sous-vue, tous les badges soit tous le temps visible.
Si on clic dessus, j’ai accès à l’historique de l’alerte concerné

Voici un exemple pour l’alerte « Vent violent »

type: custom:mushroom-template-badge
content: "{{ state_attr('sensor.home_weather_alert','Vent violent') }}"
icon: mdi:weather-windy
color: |-
  {% if state_attr('sensor.home_weather_alert','Vent violent') == 'Vert' %} 
  green
  {% elif state_attr('sensor.home_weather_alert','Vent violent') == 'Jaune' %} 
  yellow
  {% elif state_attr('sensor.home_weather_alert','Vent violent') == 'Orange' %} 
  orange
  {% elif state_attr('sensor.home_weather_alert','Vent violent') == 'Rouge' %} 
  red
  {% endif %}
entity: sensor.vigilance_vent_violent
label: Vent violent
tap_action:
  action: more-info

En complément vous pouvez ajouter une carte qui permet de suivre l’historique de toutes les alertes météo.
Elle s’affiche uniquement quand une vigilance est en cours

type: history-graph
entities:
  - sensor.vigilance_grand_froid
  - sensor.vigilance_inondation
  - sensor.vigilance_neige_verglas
  - sensor.vigilance_orages
  - sensor.vigilance_pluie_inondation
  - sensor.vigilance_vagues_submersion
  - sensor.vigilance_vent_violent
title: Vigilances Météo France
visibility:
  - condition: state
    entity: sensor.home_weather_alert
    state_not: Vert

Rendu graphique
L’accueil / Télécommande générale de la maison où sont visible les alertes en cours

La sous-vue Météo où sont visible toutes les alertes, y compris celle en vert

Un exemple de carte avec l’historique des alertes
{A83750E4-A6AE-4564-A027-0BFFAE92D51B}

1 « J'aime »

Hello,

Merci pour l’idée,
je le faisais pour les poubelles, maintenant pour la météo :wink:

Pourquoi n’utilises tu pas les templates que tu as créé pour vérifier les couleurs ?

color: |-
  {% if state_attr('sensor.home_weather_alert','Vent violent') == 'Vert' %} 
  green
  {% elif state_attr('sensor.home_weather_alert','Vent violent') == 'Jaune' %} 
  yellow
  {% elif state_attr('sensor.home_weather_alert','Vent violent') == 'Orange' %} 
  orange
  {% elif state_attr('sensor.home_weather_alert','Vent violent') == 'Rouge' %} 
  red
  {% endif %}
entity: sensor.vigilance_vent_violent
color: |-
  {% if states('sensor.vigilance_vent_violent') == 'Vert' %} 
  green
  {% elif states('sensor.vigilance_vent_violent') == 'Jaune' %} 
  yellow
  {% elif states('sensor.vigilance_vent_violent') == 'Orange' %} 
  orange
  {% elif states('sensor.vigilance_vent_violent') == 'Rouge' %} 
  red
  {% endif %}
entity: sensor.vigilance_vent_violent