Alerte météo

ici

si ton pseudo correspond a ton dep 34
pour toi c est [23]
image

si comme l indique ton sensor 3 messages au dessus tu es dans le 33
c est [22]
image

j’ai fais une extraction dans excel
la 1ere colonne correspond au departement

la 2eme le numero a rentrer dans le commande_line [x]
product.periods[1].timelaps.domain_ids[68].max_color_id

(desolé pour la longueur, on peut pas poser un fichier txt ou xls)

domain_id (departement) domain_ids
01 97
02 98
03 65
04 66
05 67
06 68
07 69
08 70
09 71
10 0
11 1
12 2
13 3
14 4
15 5
16 6
17 7
18 8
19 9
21 10
22 11
23 12
24 13
25 14
26 15
27 16
28 17
29 18
30 19
31 20
32 21
33 22
34 23
35 24
36 25
37 26
38 27
39 28
40 29
41 30
42 31
43 32
44 33
45 34
46 35
47 36
48 37
49 38
50 39
51 40
52 41
53 42
54 43
55 44
56 45
57 46
58 47
59 48
60 49
61 50
62 51
63 52
64 53
65 54
66 55
67 56
68 57
69 63
70 58
71 59
72 60
73 61
74 62
75 73
76 74
77 75
78 76
79 77
80 78
81 79
82 80
83 81
84 82
85 83
86 84
87 85
88 86
89 87
90 88
91 89
92 92
93 93
94 94
95 95
99 96
0610 114
1110 121
1310 122
1410 105
1710 99
2210 104
2910 109
3010 108
3310 102
3410 107
3510 100
4010 101
4410 112
5010 118
5610 120
5910 64
6210 103
6410 106
6610 110
7610 111
8010 113
8310 117
8510 119
2A 72
2A10 115
2B 91
2B10 116
FRA 90
3 « J'aime »

salut comment tu fait pour affiche les icons d’alerte dans la carte meteo france
voila mon code

> type: custom:meteofrance-weather-card
name: @@@@
entity: weather.@@@@
cloudCoverEntity: sensor.@@@@_cloud_cover
rainChanceEntity: sensor.@@@@l_rain_chance
freezeChanceEntity: sensor.@@@@_freeze_chance
snowChanceEntity: sensor.@@@@_snow_chance
uvEntity: sensor.@@@@l_uv
rainForecastEntity: sensor.@@@@_next_rain
alertEntity: sensor.meteo_alerte_23
number_of_forecasts: '5'
current: true
details: true
one_hour_forecast: true
alert_forecast: true
forecast: true
animated_icons: true

et voila ce que resort le sensor.meteo_alerte_23
meteo france
et la carte que je voie
carte meteo france

Bonjour à tous,
Merci pour vos contributions mais je n’y comprends pas grand chose car je vois des lignes de codes partout. Je suis newbie.
Est ce que quelqu’un pourrait remettre ca en ordre svp ?

Bonjour,
ta du faire un erreur sur le nom du sensor, si ta récupérer mon code.
mon sensor source du template est sensor.meteo_france_alertes_11. J’ai mis un e a alertes.

Par défaut c’est sensor.meteo_france_alerts_XX

Bonjour,

1/ Inscription api météo France: Alerte météo - #22 par R_hum1
2/ Création des sensors et code de la carte: Alerte météo - #65 par WarC0zes

Numéro IDS pour les départements: Alerte météo - #116 par Christophe69480

4 « J'aime »

Merci, je vais suivre à la lettre !!!

Salut même en enlevant le e, ça fait toujours la même chose, c’est moi dans l’infraction France météo le sensor est comme ça
sensor.23_weather_alert
Dois-je mettre le même nom?

Bonjour,

J’ai essayé la solution mais rien n’y fait.
L’image hier était bien affiché et aujourd’hui plus rien :
image

Quand je créer un widget image seul elle apparait bien :

J’ai bien mis le numéro de version

Avez-vous une idée ? :frowning:

Le code complet :

type: custom:stack-in-card
mode: vertical
keep:
  box_shadow: false
  margin: false
  border_radius: false
  background: false
  outer_padding: false
cards:
  - type: horizontal-stack
    cards:
      - type: conditional
        conditions:
          - entity: sensor.meteo_france_alertes_69
            state_not: '1'
        card:
          type: custom:button-card
          entity_picture: /local/weather/meteo_france_alerte_today.jpg?v=1
          name: Aujourdhui
          aspect_ratio: 1.1/1
          show_entity_picture: true
          size: 100%
          card_mod:
            style: |
              ha-card {
                border: none;
              }
      - type: conditional
        conditions:
          - entity: sensor.meteo_france_alertes_69
            state_not: '1'
        card:
          type: custom:button-card
          entity_picture: /local/weather/meteo_france_alerte_tomorrow.jpg?v=1
          name: Demain
          aspect_ratio: 1.1/1
          show_entity_picture: true
          size: 100%
          card_mod:
            style: |
              ha-card {
                border: none;
              }
  - type: vertical-stack
    cards:
      - type: grid
        columns: 6
        square: false
        cards:
          - type: custom:button-card
            entity: sensor.meteo_france_alertes_69
            name: Vent
            aspect_ratio: 4/3
            show_state: false
            show_icon: true
            icon: mdi:weather-windy
            size: 100%
            styles:
              card:
                - '--mdc-ripple-color': rgb(68, 115, 158)
                - '--mdc-ripple-press-opacity': 0.5
              name:
                - font-size: 0.84em
              state:
                - font-size: 0.7em
              icon:
                - color: >
                    [[[ if ( entity.attributes.today[0].phenomenon_max_color_id
                    == 1 ) return 'green';  else if (
                    entity.attributes.today[0].phenomenon_max_color_id == 2 )
                    return 'yellow'; else if (
                    entity.attributes.today[0].phenomenon_max_color_id == 3 )
                    return 'orange';  else return 'red'; ]]]
            card_mod:
              style: |
                ha-card {
                  top: 1px !important;
                  border: none;
                }
          - type: custom:button-card
            entity: sensor.meteo_france_alertes_69
            name: Pluie
            aspect_ratio: 4/3
            show_state: false
            show_icon: true
            icon: mdi:weather-rainy
            size: 100%
            styles:
              card:
                - '--mdc-ripple-color': rgb(68, 115, 158)
                - '--mdc-ripple-press-opacity': 0.5
              name:
                - font-size: 0.84em
              state:
                - font-size: 0.7em
              icon:
                - color: >
                    [[[ if ( entity.attributes.today[1].phenomenon_max_color_id
                    == 1 ) return 'green';  else if (
                    entity.attributes.today[1].phenomenon_max_color_id == 2 )
                    return 'yellow'; else if (
                    entity.attributes.today[1].phenomenon_max_color_id == 3 )
                    return 'orange';  else return 'red'; ]]]
            card_mod:
              style: |
                ha-card {
                  top: 1px !important;
                  border: none;
                }
          - type: custom:button-card
            entity: sensor.meteo_france_alertes_69
            name: Orage
            aspect_ratio: 4/3
            show_state: false
            show_icon: true
            icon: mdi:weather-partly-lightning
            size: 100%
            styles:
              card:
                - '--mdc-ripple-color': rgb(68, 115, 158)
                - '--mdc-ripple-press-opacity': 0.5
              name:
                - font-size: 0.84em
              state:
                - font-size: 0.7em
              icon:
                - color: >
                    [[[ if ( entity.attributes.today[2].phenomenon_max_color_id
                    == 1 ) return 'green';  else if (
                    entity.attributes.today[2].phenomenon_max_color_id == 2 )
                    return 'yellow'; else if (
                    entity.attributes.today[2].phenomenon_max_color_id == 3 )
                    return 'orange';  else return 'red'; ]]]
            card_mod:
              style: |
                ha-card {
                  top: 1px !important;
                  border: none;
                }
          - type: custom:button-card
            entity: sensor.meteo_france_alertes_69
            name: Inondation
            aspect_ratio: 4/3
            show_state: false
            show_icon: true
            icon: mdi:home-flood
            size: 100%
            styles:
              card:
                - '--mdc-ripple-color': rgb(68, 115, 158)
                - '--mdc-ripple-press-opacity': 0.5
              name:
                - font-size: 0.84em
              state:
                - font-size: 0.7em
              icon:
                - color: >
                    [[[ if ( entity.attributes.today[3].phenomenon_max_color_id
                    == 1 ) return 'green';  else if (
                    entity.attributes.today[3].phenomenon_max_color_id == 2 )
                    return 'yellow'; else if (
                    entity.attributes.today[3].phenomenon_max_color_id == 3 )
                    return 'orange';  else return 'red'; ]]]
            card_mod:
              style: |
                ha-card {
                  top: 1px !important;
                  border: none;
                }
          - type: custom:button-card
            entity: sensor.meteo_france_alertes_69
            name: Neige
            aspect_ratio: 4/3
            show_state: false
            show_icon: true
            icon: mdi:weather-snowy
            size: 100%
            styles:
              card:
                - '--mdc-ripple-color': rgb(68, 115, 158)
                - '--mdc-ripple-press-opacity': 0.5
              name:
                - font-size: 0.84em
              state:
                - font-size: 0.7em
              icon:
                - color: >
                    [[[ if ( entity.attributes.today[4].phenomenon_max_color_id
                    == 1 ) return 'green';  else if (
                    entity.attributes.today[4].phenomenon_max_color_id == 2 )
                    return 'yellow'; else if (
                    entity.attributes.today[4].phenomenon_max_color_id == 3 )
                    return 'orange';  else return 'red'; ]]]
            card_mod:
              style: |
                ha-card {
                  top: 1px !important;
                  border: none;
                }    
          - type: custom:button-card
            entity: sensor.meteo_france_alertes_69
            name: Canicule
            aspect_ratio: 4/3
            show_state: false
            show_icon: true
            icon: mdi:temperature-celsius
            size: 100%
            styles:
              card:
                - '--mdc-ripple-color': rgb(68, 115, 158)
                - '--mdc-ripple-press-opacity': 0.5
              name:
                - font-size: 0.84em
              state:
                - font-size: 0.7em
              icon:
                - color: >
                    [[[ if ( entity.attributes.today[5].phenomenon_max_color_id
                    == 1 ) return 'green';  else if (
                    entity.attributes.today[5].phenomenon_max_color_id == 2 )
                    return 'yellow'; else if (
                    entity.attributes.today[5].phenomenon_max_color_id == 3 )
                    return 'orange';  else return 'red'; ]]]
            card_mod:
              style: |
                ha-card {
                  top: 1px !important;
                  border: none;
                } 
  - type: custom:bar-card
    entities:
      - entity: sensor.meteo_france_alertes_69
        name: Alerte Météo France
        height: 30px
        color: red
        min: 0
        max: 4
        positions:
          indicator: 'off'
          icon: 'off'
        severity:
          - color: green
            from: 1
            to: 1
          - color: yellow
            from: 2
            to: 2
          - color: orange
            from: 3
            to: 3
          - color: Red
            from: 4
            to: 4
    card_mod:
      style: >
        bar-card-currentbar, bar-card-backgroundbar {
          border-radius: 25px;
        }

        #states > bar-card-row > bar-card-card > bar-card-background >
        bar-card-contentbar > bar-card-name {
          font-size: 16px;
          font-weight: bold;
        }      ha-card {
          margin-top: -10px;
          background: none;
          border: none;
        }    

En navigation privée j’ai le même problème.

Merci

Je reprends, le sensor command_line:

exemple ( ma config):

- sensor:
    name: Météo France alertes 11
    unique_id: meteo_france_alertes_11
    scan_interval: 3600
    command: >
      curl -X GET "https://public-api.meteofrance.fr/public/DPVigilance/v1/cartevigilance/encours" -H "accept: */*" -H "apikey: keyapi" | jq '{details: {"domain_max_color_id_today": .product.periods[0].timelaps.domain_ids[1].max_color_id,"domain_max_color_id_tomorrow": .product.periods[1].timelaps.domain_ids[1].max_color_id, "update_time": .product.update_time}, "today": .product.periods[0].timelaps.domain_ids[1].phenomenon_items | sort_by(.phenomenon_id), "tomorrow": .product.periods[1].timelaps.domain_ids[1].phenomenon_items | sort_by(.phenomenon_id)}'
    value_template: "{{ value_json.details.domain_max_color_id_today }}"
    json_attributes:
      - details
      - today
      - tomorrow

le sensor template ( exemple de ma config):

- sensor:
    - name: Météo Alerte 11
      unique_id: meteo_alerte_11
      state: >-
        {% if is_state("sensor.meteo_france_alertes_11", "1") %}
          Vert
        {% elif is_state("sensor.meteo_france_alertes_11", "2") %}
          Jaune
        {% elif is_state("sensor.meteo_france_alertes_11", "3") %}
          Orange
        {% elif is_state("sensor.meteo_france_alertes_11", "4") %}
          Rouge
        {% else %}
          None
        {% endif %}
      attributes: 
        Canicule: >- 
          {% set a = state_attr('sensor.meteo_france_alertes_11', 'today')[5]['phenomenon_max_color_id'] %}
          {% if a == 1 %}
            Vert
          {% elif a == 2 %}
            Jaune
          {% elif a == 3 %}
            Orange
          {% elif a == 4 %}
            Rouge
          {% else %}
            None
          {% endif %}
        Inondation: >- 
          {% set b = state_attr('sensor.meteo_france_alertes_11', 'today')[3]['phenomenon_max_color_id'] %}
          {% if b == 1 %}
            Vert
          {% elif b == 2 %}
            Jaune
          {% elif b == 3 %}
            Orange
          {% elif b == 4 %}
            Rouge
          {% else %}
            None
          {% endif %}
        Neige-verglas: >-
          {% set c = state_attr('sensor.meteo_france_alertes_11', 'today')[4]['phenomenon_max_color_id'] %}
          {% if c == 1 %}
            Vert
          {% elif c == 2 %}
            Jaune
          {% elif c == 3 %}
            Orange
          {% elif c == 4 %}
            Rouge
          {% else %}
            None
          {% endif %}
        Orages: >-
          {% set d = state_attr('sensor.meteo_france_alertes_11', 'today')[2]['phenomenon_max_color_id'] %}
          {% if d == 1 %}
            Vert
          {% elif d == 2 %}
            Jaune
          {% elif d == 3 %}
            Orange
          {% elif d == 4 %}
            Rouge
          {% else %}
            None
          {% endif %}
        Pluie-inondation: >-
          {% set e = state_attr('sensor.meteo_france_alertes_11', 'today')[1]['phenomenon_max_color_id'] %}
          {% if e == 1 %}
            Vert
          {% elif e == 2 %}
            Jaune
          {% elif e == 3 %}
            Orange
          {% elif e == 4 %}
            Rouge
          {% else %}
            None
          {% endif %}
        'Vent violent': >-
          {% set f = state_attr('sensor.meteo_france_alertes_11', 'today')[0]['phenomenon_max_color_id'] %}
          {% if f == 1 %}
            Vert
          {% elif f == 2 %}
            Jaune
          {% elif f == 3 %}
            Orange
          {% elif f == 4 %}
            Rouge
          {% else %}
            None
          {% endif %}
        attribution: "Data provided by Météo-France"
      icon: mdi:weather-cloudy-alert

Pareille pour moi, si on enlève le ?v=1 ca affiche bien l’image.
Tout les jours faut ajouter ou supprimer ?v=1 :rofl:

Sa ne fonctionne pas pour mon cas :frowning:

J’ai pas eu le temps de revoir mais effectivement, le ?v=1 ne marche plus, en enlement j’ai tois verison pour ‹ aujourd’hui ›. Je pense qu’il faut contacter le dev de custom-button card…Moi, dès mon retour demain, je vais voir si le même soucis est visible dans d’autres cartes, p.e. picture element. Ce qui est intéressant c’est que sur mon iPhone c’est bon, le portable: pas bon

bonjour,
je trouve ce sujet très intéressant et je vous en remercie.
je peux me tromper, mais si en changeant l’adresse ca marche pour un temps, c’est peut etre lié a une histoire de cache quelque part (navigateur ou serveur web) ?
avez vous testé en navigation privé ?
sinon, j’arrive pas a ajouter le sensor « meteo_france_alertes_11 », faut le mettre à quel endroit exactement ? car tout ceux que j’ai essayé m’on provoqué des erreurs.

je vais peut être dire une connerie, mais ca serait pas plus simple d’afficher l’url de la carte de la page web ? comme ça elle est à jour en temps reel

je vien d’y arrivée.
meteo france
et vue que je me r’appelle plus je suis tout en vert et les icone sont gris es normale?

Oui, quand pas d’alerte ( etat en Vert ) les icones sont grise. Il y a que quand ca passe en jaune, orange ou rouge que les icones affichent la couleur.
C’est la carte météo france qui est comme ca.

Marche pas :frowning:

et si tu affiches l’url de l’image stoché en local ? peut-être que le rafraichissement fonctionnera avec url plutot que image ?
je peux pas essayer, j’ai toujours mon pb d enregsitrement de la carte, pas eu le temps de chercher

vous pensez que le sensor peut facilement être adapté comme ceci :
exemple
ca permet de mettre l’apikey dans les secrets.