# Gestion de l'option Tempo EDF

**URL:** <https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190>\
**Category:** Entraide Home Assistant\
**Tags:** energie\
**Created:** [Décembre 9, 2022, 8:46 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190 "2022-12-09T20:46:08Z")\
**Posts on this page:** 20\
**Page:** 7

<div class="post-metadata">

**Author:** ![chuppito](https://forum.hacf.fr/user_avatar/forum.hacf.fr/chuppito/32/17877_2.png) [@chuppito](https://forum.hacf.fr/u/chuppito)\
**Post date:** [Janvier 10, 2024, 12:41 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/125 "2024-01-10T12:41:53Z")

</div>

Bonjour, j’essaie depuis quelques temps de faire à peu près la même chose sans y parvenir.

> [@Gestion de l'option Tempo EDF](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/27):
>
> Bonjour, je voulais intégrer la couleur du jour, du lendemain et les tarifs dans une interface relativement légère, et que les couleurs fonctionnent en thème sombre (ce que j’ai sur téléphone) et clair (ce que j’utilise sur PC). Pour cela, j’ai utilisé une mise en forme Chips - Template car je trouve ça plus léger visuellement qu’une card-mod. J’y ai tout de même intégré les tarifs pour lesquels j’ai des input manuels. Voici le code : 
> 
> > **Code Template pour une Chips**
> >
> > - type: template enti…

Quelle carte permet d’inclure la couleur du jour et son tarif HC / HP ?  
Merci

---

<div class="post-metadata">

**Author:** ![Sten](https://forum.hacf.fr/user_avatar/forum.hacf.fr/sten/32/22583_2.png) [@Sten](https://forum.hacf.fr/u/Sten)\
**Post date:** [Janvier 10, 2024, 7:26 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/126 "2024-01-10T19:26:31Z")

</div>

@BBE peux-tu expliquer comment tu paramètres le module Energy pour obtenir les différentes conso sur le graph en fonction des tarifs ?  
Merci vivement !

---

<div class="post-metadata">

**Author:** ![BBE](https://forum.hacf.fr/user_avatar/forum.hacf.fr/bbe/32/64915_2.png) [@BBE](https://forum.hacf.fr/u/BBE)\
**Post date:** [Janvier 10, 2024, 11:30 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/127 "2024-01-10T23:30:28Z")

</div>

regarde ce post:

> [@Couleur dans module Energie : special Tempo](https://forum.hacf.fr/t/couleur-dans-module-energie-special-tempo/27751):
>
> Salut, Pour information, depuis la mise a jour de septembre ( 2023.9.x), on peut changer la couleur de chaque sensor du module énergie, surtout utile pour les gens sous «&nbsp;tempo&nbsp;» Voici un exemple de comment faire, via l’édition de configuration.yaml : themes: theme\_sansbordure: ha-card-border-width: 0 # Bleu nuit: HC Bleu energy-grid-consumption-color-0: '#0f056b' # Bleu -magenta : HP Bleu energy-grid-consumption-color-1: '#3737e9' # Gris: HC Blanc …

tout y est il me semble

---

<div class="post-metadata">

**Author:** ![heaven7](https://forum.hacf.fr/user_avatar/forum.hacf.fr/heaven7/32/26200_2.png) [@heaven7](https://forum.hacf.fr/u/heaven7)\
**Post date:** [Janvier 11, 2024, 12:13 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/128 "2024-01-11T12:13:39Z")

</div>

C’est une «&nbsp;Chips Mushroom Template&nbsp;»

```auto
cards:
  - type: custom:mushroom-chips-card
      - type: template
        entity: sensor.rte_tempo_prochaine_couleur
        icon: |-
          {% set tempo = states('sensor.rte_tempo_prochaine_couleur') %}
          {% if tempo == 'Bleu' %} mdi:flash
          {% elif tempo == 'Blanc' %} mdi:flash-outline
          {% elif tempo == 'Rouge' %} mdi:flash
          {% else %} mdi:flash-off
          {% endif %}   
        content: >-
          Demain - {% set tempo = states('sensor.rte_tempo_prochaine_couleur')%}
          {% if tempo == 'Bleu' %} Bleu
          ({{states('input_number.tarif_hc_bleu')}} |
          {{states('input_number.tarif_hp_bleu')}} €/kWh) {% elif tempo
          =='Blanc' %} Blanc ({{states('input_number.tarif_hc_blanc')}} |
          {{states('input_number.tarif_hp_blanc')}} €/kWh) {% elif tempo
          =='Rouge' %} Rouge ({{states('input_number.tarif_hc_rouge')}} |
          {{states('input_number.tarif_hp_rouge')}} €/kWh) {% else %}
          Indeterminé {% endif %}
        icon_color: |-
          {% set tempo = states('sensor.rte_tempo_prochaine_couleur') %}
          {% if tempo == 'Bleu' %} blue
          {% elif tempo == 'Blanc' %} primary_color
          {% elif tempo == 'Rouge' %} red
          {% else %} yellow
          {% endif %}          
        double_tap_action:
          action: more-info
        tap_action:
          action: more-info
        hold_action:
          action: more-info

```

---

<div class="post-metadata">

**Author:** ![stban1983](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/s/779978/32.png) [@stban1983](https://forum.hacf.fr/u/stban1983)\
**Post date:** [Janvier 11, 2024, 1:38 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/129 "2024-01-11T13:38:16Z")

</div>

Dites, comment vous gérer le calcul de consommation en € d’une prise connectée quelconque (qui remonte la puissance) ? Je ne sais pas faire avec les différents tarifs Tempo…

---

<div class="post-metadata">

**Author:** ![chuppito](https://forum.hacf.fr/user_avatar/forum.hacf.fr/chuppito/32/17877_2.png) [@chuppito](https://forum.hacf.fr/u/chuppito)\
**Post date:** [Janvier 12, 2024, 8:32 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/130 "2024-01-12T08:32:25Z")

</div>

@heaven7 merci beaucoup grâce à toi j’ai enfin pu mettre les tarifs hc hp dans le bouton.  
Est-ce que tu sais comment changer la couleur d’arrière-plan ? Je n’y parviens pas

---

<div class="post-metadata">

**Author:** ![heaven7](https://forum.hacf.fr/user_avatar/forum.hacf.fr/heaven7/32/26200_2.png) [@heaven7](https://forum.hacf.fr/u/heaven7)\
**Post date:** [Janvier 12, 2024, 10:09 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/131 "2024-01-12T10:09:27Z")

</div>

Je ne crois pas que ce soit possible directement dans la card. Faudrait aller dans le thème peut-être, mais là ça dépasse ce que je connais !

---

<div class="post-metadata">

**Author:** ![chuppito](https://forum.hacf.fr/user_avatar/forum.hacf.fr/chuppito/32/17877_2.png) [@chuppito](https://forum.hacf.fr/u/chuppito)\
**Post date:** [Janvier 12, 2024, 4:04 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/132 "2024-01-12T16:04:54Z")

</div>

Bon a force de lire sur les sites anglais, j’ai même posé la question mais toujours en attente. Un bon début :

```auto
card_mod:
      style: |
        ha-card {
          --chip-background: {% set tempo = states('sensor.rte_tempo_couleur_actuelle') %}
                           {% if tempo == 'Bleu' %} blue
                           {% elif tempo == 'Blanc' %} whitesmoke
                           {% elif tempo == 'Rouge' %} red
  
                           {% endif %};
        }

```

 ![1000739297](https://forum.hacf.fr/uploads/default/original/3X/6/b/6b0c0f6ed13fa5d520ccec2d49a2b9592dbfd4dc.png)

Voilà maintenant que j’ai les bases, je vais pouvoir travailler le fond.

Merci

---

<div class="post-metadata">

**Author:** ![chuppito](https://forum.hacf.fr/user_avatar/forum.hacf.fr/chuppito/32/17877_2.png) [@chuppito](https://forum.hacf.fr/u/chuppito)\
**Post date:** [Janvier 13, 2024, 8:41 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/133 "2024-01-13T08:41:18Z")

</div>

J’avance un peu mais le code n’est pas encore bon

 ![1000739568](https://forum.hacf.fr/uploads/default/original/3X/8/7/87b048689bf8344dd0d8421e892f12cd93d27625.png)

---

<div class="post-metadata">

**Author:** ![chuppito](https://forum.hacf.fr/user_avatar/forum.hacf.fr/chuppito/32/17877_2.png) [@chuppito](https://forum.hacf.fr/u/chuppito)\
**Post date:** [Janvier 13, 2024, 2:43 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/134 "2024-01-13T14:43:12Z")

</div>

Voilà le rendu dès que j’aurai d’autres idées je modifierai

 ![1000739576](https://forum.hacf.fr/uploads/default/original/3X/e/5/e5605f47e2f09d931d5066b1ce7fdb58af084ae8.png)

---

<div class="post-metadata">

**Author:** ![wibeweb](https://forum.hacf.fr/user_avatar/forum.hacf.fr/wibeweb/32/47974_2.png) [@wibeweb](https://forum.hacf.fr/u/wibeweb)\
**Post date:** [Janvier 13, 2024, 4:30 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/135 "2024-01-13T16:30:07Z")

</div>

Merci @JeanJean  
Sur la base de ton Yaml, j’ai réalisé le mien 🙏

![image](https://forum.hacf.fr/uploads/default/original/3X/5/9/59c1c885a13527bcd31ed7c6c185045e028fa3f2.png)

```auto
type: vertical-stack
cards:
  - type: horizontal-stack
    cards:
      - type: custom:button-card
        entity: sensor.rte_tempo_couleur_actuelle
        name: Aujourd'hui
        show_label: true
        label: |
          [[[
            var date = new Date();
            var day = date.toLocaleString('fr-FR', { weekday: 'short' }).slice(0, 3);
            var dayOfMonth = ('0' + date.getDate()).slice(-2);
            var month = date.toLocaleString('fr-FR', { month: 'short' }).replace('.', '');
            var color = states['sensor.rte_tempo_couleur_actuelle'].state;
            return `<span style="font-size: 1.2em; margin: 10px 0;">${day} ${dayOfMonth} ${month}</span><br><span style="font-size: 0.9em; margin: 5px 0;">Jusqu'à 06h00</span><hr style="margin: 1px 0 8px; border-top: 1px solid rgba(0, 0, 0, 0.2);">Jour ${color}`;
          ]]]
        styles:
          card:
            - height: 110px
            - background-color: |
                [[[
                  var color = states['sensor.rte_tempo_couleur_actuelle'].state.toLowerCase();
                  return (color === 'rouge') ? '#c62828' : 
                         (color === 'blanc') ? '#f5f5f5' : 
                         (color === 'bleu') ? '#1565c0' : 
                         'var(--card-background-color)';
                ]]]
            - color: |
                [[[
                  return (states['sensor.rte_tempo_couleur_actuelle'].state.toLowerCase() === 'blanc') ? 'black' : 'white';
                ]]]
            - border-radius: 20px
            - padding: 16px
            - font-size: 1.2em
            - text-align: center
            - box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3)
          grid:
            - grid-template-areas: '"n" "l"'
            - grid-template-rows: 1fr min-content
          name:
            - font-weight: bold
            - font-size: 1.2em
          label:
            - font-size: 0.8em
            - justify-self: center
            - align-self: center
      - type: custom:button-card
        entity: sensor.rte_tempo_prochaine_couleur
        name: Demain
        show_label: true
        label: |
          [[[
            var date = new Date();
            date.setDate(date.getDate() + 1);
            var day = date.toLocaleString('fr-FR', { weekday: 'short' }).slice(0, 3);
            var dayOfMonth = ('0' + date.getDate()).slice(-2);
            var month = date.toLocaleString('fr-FR', { month: 'short' }).replace('.', '');
            var color = states['sensor.rte_tempo_prochaine_couleur'].state;
            return `<span style="font-size: 1.2em; margin: 10px 0;">${day} ${dayOfMonth} ${month}</span><br><span style="font-size: 0.9em; margin: 5px 0;">À partir de 06h00</span><hr style="margin: 1px 0 8px; border-top: 1px solid rgba(0, 0, 0, 0.2);">Jour ${color}`;
          ]]]
        styles:
          card:
            - height: 110px
            - background-color: |
                [[[
                  var color = states['sensor.rte_tempo_prochaine_couleur'].state.toLowerCase();
                  return (color === 'rouge') ? '#c62828' : 
                         (color === 'blanc') ? '#f5f5f5' : 
                         (color === 'bleu') ? '#1565c0' : 
                         'var(--card-background-color)';
                ]]]
            - color: |
                [[[
                  return (states['sensor.rte_tempo_prochaine_couleur'].state.toLowerCase() === 'blanc') ? 'black' : 'white';
                ]]]
            - border-radius: 20px
            - padding: 16px
            - font-size: 1.2em
            - text-align: center
            - box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3)
          grid:
            - grid-template-areas: '"n" "l"'
            - grid-template-rows: 1fr min-content
          name:
            - font-weight: bold
            - font-size: 1.2em
          label:
            - font-size: 0.8em
            - justify-self: center
            - align-self: center
  - type: horizontal-stack
    cards:
      - type: custom:button-card
        name: Tarif HP
        show_label: true
        show_state: true
        label: |
          [[[
            var couleurActuelle = states['sensor.rte_tempo_couleur_actuelle'].state.toLowerCase();
            var heuresPleinesActuelles = states['binary_sensor.heures_pleines'].state;
            var prixLabel;

            if (couleurActuelle === 'bleu' && heuresPleinesActuelles) {
              prixLabel = '0.13692 €';
            } else if (couleurActuelle === 'blanc' && heuresPleinesActuelles) {
              prixLabel = '0.1654 €';
            } else if (couleurActuelle === 'rouge' && heuresPleinesActuelles) {
              prixLabel = '0.7324 €';
            } else {
              prixLabel = 'Aucune information disponible';
            }

            var currentHour = new Date().getHours();
            var isChecked = currentHour >= 6 && currentHour < 22; // Check if the current hour is between 06:00 and 22:00

            return `<div style="text-align: right; font-size: 1.2em;">${prixLabel}&nbsp;&nbsp;${isChecked ? ' ✔' : ''}</div>`;
          ]]]
        styles:
          card:
            - height: 50px
            - background-color: |
                [[[
                  var couleurActuelle = states['sensor.rte_tempo_couleur_actuelle'].state.toLowerCase();
                  return (couleurActuelle === 'rouge') ? '#c62828' : 
                         (couleurActuelle === 'blanc') ? '#f5f5f5' : 
                         (couleurActuelle === 'bleu') ? '#1565c0' : 
                         'var(--card-background-color)';
                ]]]
            - color: |
                [[[
                  return (states['sensor.rte_tempo_couleur_actuelle'].state.toLowerCase() === 'blanc') ? 'black' : 'white';
                ]]]
            - border-radius: 20px
            - padding: 16px
            - font-size: 1em
            - text-align: center
            - box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3)
          label:
            - font-weight: bold
      - type: custom:button-card
        name: Tarif HC
        show_label: true
        show_state: true
        label: |
          [[[
            var couleurActuelle = states['sensor.rte_tempo_couleur_actuelle'].state.toLowerCase();
            var heuresCreusesActuelles = states['binary_sensor.heures_creuses'].state;
            var prixLabel;

            if (couleurActuelle === 'bleu' && heuresCreusesActuelles) {
              prixLabel = '0.1056 €';
            } else if (couleurActuelle === 'blanc' && heuresCreusesActuelles) {
              prixLabel = '0.1246 €';
            } else if (couleurActuelle === 'rouge' && heuresCreusesActuelles) {
              prixLabel = '0.1328 €';
            } else {
              prixLabel = 'Aucune information disponible';
            }

            var currentHour = new Date().getHours();
            var isChecked = currentHour < 6 || currentHour >= 22; // Check if the current hour is before 06:00 or after 22:00

            return `<div style="text-align: right; font-size: 1.2em;">${prixLabel}&nbsp;&nbsp;${isChecked ? ' ✔' : ''}</div>`;
          ]]]
        styles:
          card:
            - height: 50px
            - background-color: |
                [[[
                  var couleurActuelle = states['sensor.rte_tempo_couleur_actuelle'].state.toLowerCase();
                  return (couleurActuelle === 'rouge') ? '#c62828' : 
                         (couleurActuelle === 'blanc') ? '#f5f5f5' : 
                         (couleurActuelle === 'bleu') ? '#1565c0' : 
                         'var(--card-background-color)';
                ]]]
            - color: |
                [[[
                  return (states['sensor.rte_tempo_couleur_actuelle'].state.toLowerCase() === 'blanc') ? 'black' : 'white';
                ]]]
            - border-radius: 20px
            - padding: 16px
            - font-size: 1em
            - text-align: center
            - box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3)
          label:
            - font-weight: bold
  - type: markdown
    content: |
      **Jours restants**
      Pour la période du 1er septembre 2023 au 31 août 2024
  - type: grid
    cards:
      - type: horizontal-stack
        cards:
          - type: markdown
            content: |
              J. Bleus
              🔵 {{states('sensor.rte_tempo_cycle_jours_restants_bleu')}}/301
          - type: markdown
            content: |
              J. Blancs
              ⚪️ {{states('sensor.rte_tempo_cycle_jours_restants_blanc')}}/43
          - type: markdown
            content: |
              J. Rouges
              🔴 {{states('sensor.rte_tempo_cycle_jours_restants_rouge')}}/22
    columns: 1
    square: false

```

---

<div class="post-metadata">

**Author:** ![chuppito](https://forum.hacf.fr/user_avatar/forum.hacf.fr/chuppito/32/17877_2.png) [@chuppito](https://forum.hacf.fr/u/chuppito)\
**Post date:** [Janvier 14, 2024, 11:59 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/136 "2024-01-14T11:59:41Z")

</div>

Salut, j’ai regardé un peu ton code @wibeweb, pourquoi n’utilises tu pas des input.number ? Car quand les tarifs vont changer, il faudra que tu les change de partout (à moins que tu n’es pas de suivi de conso et que s’est le seul endroit ou tu as les chiffres)

---

<div class="post-metadata">

**Author:** ![wibeweb](https://forum.hacf.fr/user_avatar/forum.hacf.fr/wibeweb/32/47974_2.png) [@wibeweb](https://forum.hacf.fr/u/wibeweb)\
**Post date:** [Janvier 14, 2024, 2:17 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/137 "2024-01-14T14:17:53Z")

</div>

Salut @chuppito ,  
c’est exactement ça je n’ai pas de suivi et donc j’ai tout mis dans la carte, la modif ne me prendra pas longtemps car je sais où la faire mais il faudra que j’utilise les input car j’aimerais bien faire un suivi de dépenses (pas encore penché là dessus) et je crois savoir que des solutions existent ?

---

<div class="post-metadata">

**Author:** ![chuppito](https://forum.hacf.fr/user_avatar/forum.hacf.fr/chuppito/32/17877_2.png) [@chuppito](https://forum.hacf.fr/u/chuppito)\
**Post date:** [Janvier 14, 2024, 2:36 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/138 "2024-01-14T14:36:07Z")

</div>

Salut, oui moi j’ai une prise tic fais maison, je récupère avec MQTT les 7 index (6 tarifs tempo et 1 injection).  
J’ai fais mes input.number car sinon je devrais changer de partout les chiffres.  
Je me suis amusé avec ton code (ça me permet d’apprendre ce langage) j’ai fais ça

 ![1000739598](https://forum.hacf.fr/uploads/default/original/3X/5/c/5c98c607577684954737af687cad9e3482201feb.png)

---

<div class="post-metadata">

**Author:** ![leaure](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/l/9f8e36/32.png) [@leaure](https://forum.hacf.fr/u/leaure)\
**Post date:** [Janvier 14, 2024, 4:52 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/139 "2024-01-14T16:52:11Z")

</div>

Je m’auto réponds, ça marche avec le code suivant :

```auto
- id: XXXXXXXXX
  alias: SMS Tempo Bleu/Rouge
  description: ''
  trigger:
  - platform: state
    entity_id:
    - sensor.rte_tempo_prochaine_couleur
    from:
    to:
  condition:
  - condition: state
    entity_id: sensor.rte_tempo_couleur_actuelle
    state: Bleu
  - condition: and
    conditions:
    - condition: state
      entity_id: sensor.rte_tempo_prochaine_couleur
      state: Rouge
  action:
  - service: notify.sms_free
    data:
      message: Demain Tempo passe à Rouge
  - service: notify.sms_free_lea
    data:
      message: Demain Tempo passe à Rouge
  mode: single

```

---

<div class="post-metadata">

**Author:** ![MilesTEG1](https://forum.hacf.fr/user_avatar/forum.hacf.fr/milesteg1/32/45824_2.png) [@MilesTEG1](https://forum.hacf.fr/u/MilesTEG1)\
**Post date:** [Janvier 15, 2024, 5:57 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/140 "2024-01-15T05:57:03Z")

</div>

He’ll @chuppito  
Ta carte m’intéresse pour les tarifs mis dedans.  
Aurais tu l’amabilité de poster leur code s’il te plaît ?

---

<div class="post-metadata">

**Author:** ![chuppito](https://forum.hacf.fr/user_avatar/forum.hacf.fr/chuppito/32/17877_2.png) [@chuppito](https://forum.hacf.fr/u/chuppito)\
**Post date:** [Janvier 15, 2024, 6:08 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/141 "2024-01-15T06:08:31Z")

</div>

Salut, sans soucis. Je suppose que tu parles de la dernière que j’ai fais pas la carte mushroom chips template

```auto
type: vertical-stack
cards:
  - type: horizontal-stack
    cards:
      - type: custom:button-card
        entity: sensor.rte_tempo_couleur_actuelle
        name: Aujourd'hui
        show_label: label
        label: |
          [[[
            var date = new Date();
            var day = date.toLocaleString('fr-FR', { weekday: 'short' }).slice(0, 3);
            var dayOfMonth = ('0' + date.getDate()).slice(-2);
            var month = date.toLocaleString('fr-FR', { month: 'short' }).replace('.', '');
            var color = states['sensor.rte_tempo_couleur_actuelle'].state;
            var hpPrice = states['input_number.prix_achat_hp_' + color.toLowerCase()].state;
            var hcPrice = states['input_number.prix_achat_hc_' + color.toLowerCase()].state;
            var joursRestants = states['sensor.jours_' + color.toLowerCase() + '_restants'].state;

            var content = `<span style="font-size: 1.2em; margin: 10px 0;">${day} ${dayOfMonth} ${month}</span><br><span style="font-size: 0.9em; margin: 5px 0;">Jusqu'à 06h00</span><hr style="margin: 1px 0 8px; border-top: 1px solid rgba(0, 0, 0, 0.2);">il reste ${joursRestants} ${color}`;
            content += `<br>Tarif HP: ${hpPrice} €/kWh<br>Tarif HC: ${hcPrice} €/kWh`;

            return content;
          ]]]
        styles:
          card:
            - height: 130px
            - background-color: |
                [[[
                  var color = states['sensor.rte_tempo_couleur_actuelle'].state.toLowerCase();
                  return (color === 'rouge') ? '#fe1b00' : 
                         (color === 'blanc') ? 'white' : 
                         (color === 'bleu') ? 'dodgerblue' : 
                         'var(--card-background-color)';
                ]]]
            - color: |
                [[[
                  return (states['sensor.rte_tempo_couleur_actuelle'].state.toLowerCase() === 'blanc') ? 'black' : 'white';
                ]]]
            - border-radius: 20px
            - padding: 16px
            - font-size: 1.2em
            - text-align: center
            - box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3)
          grid:
            - grid-template-areas: '"n" "l"'
            - grid-template-rows: 1fr min-content
          name:
            - font-weight: bold
            - font-size: 1.2em
          label:
            - font-size: 0.8em
            - justify-self: center
            - align-self: center
            - margin-top: 10px
      - type: custom:button-card
        entity: sensor.rte_tempo_prochaine_couleur
        name: Demain
        show_label: true
        label: |
          [[[
            var date = new Date();
            date.setDate(date.getDate() + 1);
            var day = date.toLocaleString('fr-FR', { weekday: 'short' }).slice(0, 3);
            var dayOfMonth = ('0' + date.getDate()).slice(-2);
            var month = date.toLocaleString('fr-FR', { month: 'short' }).replace('.', '');
            var color = states['sensor.rte_tempo_prochaine_couleur'].state;
            var hpPrice = states['input_number.prix_achat_hp_' + color.toLowerCase()].state;
            var hcPrice = states['input_number.prix_achat_hc_' + color.toLowerCase()].state;
            var joursRestants = states['sensor.jours_' + color.toLowerCase() + '_restants'].state;
            var content = `<span style="font-size: 1.2em; margin: 10px 0;">${day} ${dayOfMonth} ${month}</span><br><span style="font-size: 0.9em; margin: 5px 0;">Jusqu'à 06h00</span><hr style="margin: 1px 0 8px; border-top: 1px solid rgba(0, 0, 0, 0.2);">il reste ${joursRestants} ${color}`;
            content += `<br>Tarif HP: ${hpPrice} €/kWh<br>Tarif HC: ${hcPrice} €/kWh`;
            return content;
          ]]]
        styles:
          card:
            - height: 130px
            - background-color: |
                [[[
                  var color = states['sensor.rte_tempo_prochaine_couleur'].state.toLowerCase();
                  return (color === 'rouge') ? '#fe1b00' : 
                         (color === 'blanc') ? 'white' : 
                         (color === 'bleu') ? 'dodgerblue' : 
                         'var(--card-background-color)';
                ]]]
            - color: |
                [[[
                  return (states['sensor.rte_tempo_prochaine_couleur'].state.toLowerCase() === 'blanc') ? 'black' : 'white';
                ]]]
            - border-radius: 20px
            - padding: 16px
            - font-size: 1.2em
            - text-align: center
            - box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3)
          grid:
            - grid-template-areas: '"n" "l"'
            - grid-template-rows: 1fr min-content
          name:
            - font-weight: bold
            - font-size: 1.2em
          label:
            - font-size: 0.8em
            - justify-self: center
            - align-self: center
            - margin-top: 10px

```

---

<div class="post-metadata">

**Author:** ![chuppito](https://forum.hacf.fr/user_avatar/forum.hacf.fr/chuppito/32/17877_2.png) [@chuppito](https://forum.hacf.fr/u/chuppito)\
**Post date:** [Janvier 16, 2024, 7:38 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/142 "2024-01-16T07:38:19Z")

</div>

Bonjour, j’ai pu résoudre ce problème en enlevant le visuel RTE et à la place j’ai mis les emojis 🔵⚪🔴

 ![1000735938](https://forum.hacf.fr/uploads/default/original/3X/7/9/7976dc66ac9c85230f94605b61264c637bf36fc5.png)

---

<div class="post-metadata">

**Author:** ![heaven7](https://forum.hacf.fr/user_avatar/forum.hacf.fr/heaven7/32/26200_2.png) [@heaven7](https://forum.hacf.fr/u/heaven7)\
**Post date:** [Janvier 16, 2024, 8:25 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/143 "2024-01-16T08:25:14Z")

</div>

J’ai une notification similaire et j’ai le même problème avec le ?.

Je l’explique de cette façon : à la seconde où la prochaine couleur change, la notification part. Néanmoins, l’état du visuel est aussi en train de changer mais remonte encore en indéterminé. ça doit se jouer à une seconde vu mes historiques !  
Ce que j’ai fait et qui devrait régler le problème, c’est de mettre un délai de 30 secondes sur les changements.  
Voici mon code (je ne notifie que les blancs et rouges) :  
alias: RTE Tempo - Notification  
description: Notification des jours blancs et rouges

```auto
trigger:
  - platform: state
    entity_id:
      - sensor.rte_tempo_prochaine_couleur
    to: Blanc
    for:
      hours: 0
      minutes: 0
      seconds: 30
  - platform: state
    entity_id:
      - sensor.rte_tempo_prochaine_couleur
    to: Rouge
    for:
      hours: 0
      minutes: 0
      seconds: 30
condition: []
action:
  - service: notify.mobile_app_hd1900
    data:
      title: ⚡️ Changement Tempo
      message: >-
        {{states('sensor.rte_tempo_couleur_actuelle') }} {{
        states('sensor.rte_tempo_couleur_actuelle_visuel') }} ->
        {{states('sensor.rte_tempo_prochaine_couleur') }} {{
        states('sensor.rte_tempo_prochaine_couleur_visuel') }}
      data:
        sticky: true
        car_ui: true
        channel: Tempo
        notification_icon: mdi:flash
mode: single

```

---

<div class="post-metadata">

**Author:** ![chuppito](https://forum.hacf.fr/user_avatar/forum.hacf.fr/chuppito/32/17877_2.png) [@chuppito](https://forum.hacf.fr/u/chuppito)\
**Post date:** [Janvier 16, 2024, 9:13 UTC](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190/144 "2024-01-16T09:13:49Z")

</div>

Salut,  
Oui j’ai fouillé longtemps dans l’historique pour le comprendre également. Hier les 2 à 6h32min52s. Il doit y avoir le 1er changement puis tout de suite l’autre.  
J’ai pas pensé au délai vu que j’avais vu les emojis. Un peu comme ton éclair. Dommage je n’ai pas trouvé en emoji les éclairs de différentes couleurs.

J’ai d’ailleurs changé en enlevant la couleur du jour pour demain j’ai le message :  
`⚪ Demain sera un jour blanc ⚪`

[Page précédente](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190.md?page=6)

[Page suivante](https://forum.hacf.fr/t/gestion-de-loption-tempo-edf/18190.md?page=8)