# Bouton augmenter / diminuer température

**URL:** <https://forum.hacf.fr/t/bouton-augmenter-diminuer-temperature/53558>\
**Category:** Entraide Home Assistant\
**Tags:** interface-lovelace, aide\
**Created:** [Décembre 14, 2024, 4:49 UTC](https://forum.hacf.fr/t/bouton-augmenter-diminuer-temperature/53558 "2024-12-14T16:49:44Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![18yt8zhg](https://forum.hacf.fr/user_avatar/forum.hacf.fr/18yt8zhg/32/81062_2.png) [@18yt8zhg](https://forum.hacf.fr/u/18yt8zhg)\
**Post date:** [Décembre 14, 2024, 4:49 UTC](https://forum.hacf.fr/t/bouton-augmenter-diminuer-temperature/53558/1 "2024-12-14T16:49:44Z")

</div>

Bonjour à tous,

Ayant refait mon dashboard pour [mobile, desktop et tablette](https://forum.hacf.fr/t/presentation-de-mes-dashboards-18yt8zhg/46683) il y a quelques mois mais pas totalement terminé, je me penche aujourd’hui sur mes entités climate (2 clims réversibles et 1 poêle à granules).

Dans le même style que le reste, j’ai refait ma carte climatisation avec button-card, tout est ok sauf les 2 boutons pour augmenter ou diminuer la température…

 ![Capture d’écran 2024-12-14 à 17.39.47](https://forum.hacf.fr/uploads/default/original/3X/8/e/8ea6d7673bf18324f65df7e9bb1beb2a6023bef9.png)

Si à la place de la faire avec button-card, je la fais avec [bubble-card](https://forum.hacf.fr/t/carte-bubble-card-des-pop-up-et-une-collection-de-cartes-minimalistes/28028) de @Clooos ou avec Mushroom, en choisi mon entité Climatisation, il m’est possible d’augmenter ou diminuer la température. Cela sous entend donc que ça appelle quelque chose mais quoi ?

Merci pour votre aide 🙂

PS : ici ce n’est pas centré car c’est un aperçu de la version mobile mais depuis mon desktop ^^

---

<div class="post-metadata">

**Author:** ![WarC0zes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/warc0zes/32/62511_2.png) [@WarC0zes](https://forum.hacf.fr/u/WarC0zes)\
**Post date:** [Décembre 14, 2024, 5:11 UTC](https://forum.hacf.fr/t/bouton-augmenter-diminuer-temperature/53558/2 "2024-12-14T17:11:08Z")

</div>

> [@18yt8zhg](#):
>
> Dans le même style que le reste, j’ai refait ma carte climatisation avec button-card, tout est ok sauf les 2 boutons pour augmenter ou diminuer la température…

Bonjour,  
sans le code de ta carte button-card, c’est compliqué à voir le problème.

---

<div class="post-metadata">

**Author:** ![18yt8zhg](https://forum.hacf.fr/user_avatar/forum.hacf.fr/18yt8zhg/32/81062_2.png) [@18yt8zhg](https://forum.hacf.fr/u/18yt8zhg)\
**Post date:** [Décembre 15, 2024, 9:56 UTC](https://forum.hacf.fr/t/bouton-augmenter-diminuer-temperature/53558/3 "2024-12-15T21:56:24Z")

</div>

Hello,

Bien sur le voici désolé pour le retour tardif de la réponse, la soirée de ce samedi a été bien animée ^^

```auto
type: custom:button-card
entity: climate.climatisation_salon
icon: mdi:fan
name: |
  [[[
    return 'Température actuelle (' + Math.round((states['climate.climatisation_salon'].attributes.current_temperature)) + '°)'
  ]]]
label: Climatisation
show_icon: true
show_label: true
show_name: true
tap_action:
  action: toggle
state:
  - value: heat
    spin: true
    styles:
      card:
        - background: linear-gradient(145deg, rgba(2,0,36,1) 0%, rgba(17,19,24,1) 50%
  - value: "off"
    icon: mdi:fan-off
styles:
  card:
    - padding: 34px
    - background: var(--contrast2)
  grid:
    - grid-template-areas: "\"i l l l icon\" \"i n n n icon\" \"i btn_minus state btn_plus icon\""
    - grid-template-columns: min-content min-content min-content min-content 1fr
    - grid-template-rows: min-content min-content 1fr
  label:
    - justify-self: start
    - font-size: 26px
    - font-weight: 300
  name:
    - justify-self: start
    - font-size: 14px
    - font-weight: 400
    - padding: 6px 0 18px 0
  img_cell:
    - width: 64px
    - height: 64px
    - padding-right: 34px
  icon:
    - width: 44px
    - color: white
  custom_fields:
    icon:
      - justify-self: end
    state:
      - font-size: 40px
      - font-weight: 300
      - color: white
custom_fields:
  btn_minus:
    card:
      type: custom:button-card
      icon: mdi:minus
      show_name: false
      aspect_ratio: 1/1
      tap_action:
        action: call-service
        service: input_number.decrement
        target:
          entity_id:
            - climate.climatisation_salon
        data:
          amount: 1
      styles:
        card:
          - background: none
  btn_plus:
    card:
      type: custom:button-card
      icon: mdi:plus
      show_name: false
      aspect_ratio: 1/1
      tap_action:
        action: call-service
        service: input_number.increment
        target:
          entity_id:
            - climate.climatisation_salon
        data:
          amount: 1
      styles:
        card:
          - background: none
  icon: |
    [[[
      var state = entity.state;
      if(state == "heat")
        return `<ha-icon icon="mdi:toggle-switch" style="color: white; width: 40px; height: 40px">`
      else
        return `<ha-icon icon="mdi:toggle-switch-off" style="color: white; width: 40px; height: 40px">`
    ]]]
  state: |
    [[[
      return Math.round((states['climate.climatisation_salon'].attributes.temperature)) + '°'
    ]]]

```

Je suis passé par cette vidéo pour créer ma card (comme beaucoup d’élements de mes templates) : [https://www.youtube.com/watch?v=agrhVgIGWdQ](https://www.youtube.com/watch?v=agrhVgIGWdQ)

Et quand je clique sur le +, voici ce que j’ai

 ![Capture d’écran 2024-12-15 à 22.55.43](https://forum.hacf.fr/uploads/default/original/3X/9/4/94b4664bc4f0c0b488d9cc30be6c164388fac046.png)

Merci pour l’aide 🙂

---

<div class="post-metadata">

**Author:** ![WarC0zes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/warc0zes/32/62511_2.png) [@WarC0zes](https://forum.hacf.fr/u/WarC0zes)\
**Post date:** [Décembre 16, 2024, 3:45 UTC](https://forum.hacf.fr/t/bouton-augmenter-diminuer-temperature/53558/4 "2024-12-16T03:45:30Z")

</div>

> [@18yt8zhg](#):
>
> ```auto
> tap_action:
> action: call-service
> service: input_number.increment
> target:
> entity_id:
> - climate.climatisation_salon
> data:
> amount: 1
> 
> ```

Salut,  
dans ton tuto, il utilise une entité `input_number` et non, une entité climate.

 ![image](https://forum.hacf.fr/uploads/default/original/3X/c/e/ce40390180d31a40e6cca588fd0d3b256433b409.png)

chez moi, j’utilise un script.  
Pour le + (script.thermostat\_salon\_up\_temp):

```auto
data:
  temperature: >-
    {{ state_attr('climate.versatile_thermostat_salon', 'temperature') + value |
    float(0) }}
target:
  entity_id: climate.versatile_thermostat_salon
action: climate.set_temperature

```

Pour le - (script.thermostat\_salon\_down\_temp):

```auto
data:
  temperature: >-
    {{ state_attr('climate.versatile_thermostat_salon', 'temperature') - value |
    float(0) }}
target:
  entity_id: climate.versatile_thermostat_salon
action: climate.set_temperature

```

dans button-card:  
pour le button + :

```auto
tap_action:
  action: call-service
  service: script.thermostat_salon_up_temp
  data:
    climate_id: climate.versatile_thermostat_salon
    value: 1

```

pour le button - :

```auto
tap_action:
  action: call-service
  service: script.thermostat_salon_down_temp
  data:
    climate_id: climate.versatile_thermostat_salon
    value: 1

```

---

<div class="post-metadata">

**Author:** ![18yt8zhg](https://forum.hacf.fr/user_avatar/forum.hacf.fr/18yt8zhg/32/81062_2.png) [@18yt8zhg](https://forum.hacf.fr/u/18yt8zhg)\
**Post date:** [Décembre 16, 2024, 9:27 UTC](https://forum.hacf.fr/t/bouton-augmenter-diminuer-temperature/53558/5 "2024-12-16T09:27:22Z")

</div>

Merci pour ton script, je vais essayer ça.

Oui j’ai vu qu’il utilisé cette fonction, et en créant un script de mon côté, je voyais bien que ma climatisation n’était pas proposée, donc pas prise en compte 😕

Mais comme les boutons + et - sont bien pris en compte par la carte thermostat, bubble ou autre, c’est que ça doit bien appeler un service qui existe.

Je tente et te dis 😉

---

<div class="post-metadata">

**Author:** ![18yt8zhg](https://forum.hacf.fr/user_avatar/forum.hacf.fr/18yt8zhg/32/81062_2.png) [@18yt8zhg](https://forum.hacf.fr/u/18yt8zhg)\
**Post date:** [Décembre 16, 2024, 9:35 UTC](https://forum.hacf.fr/t/bouton-augmenter-diminuer-temperature/53558/6 "2024-12-16T09:35:54Z")

</div>

Alors si je copie colle ton script dans un nouveau que je créé pour l’occasion et je remplace tes ID par l’ID de ma climatisation, j’ai un message d’erreur 😕

 ![Capture d’écran 2024-12-16 à 10.35.11](https://forum.hacf.fr/uploads/default/original/3X/1/3/1373568fe6be857a18fccc6b233bd841d560b8da.png)

---

<div class="post-metadata">

**Author:** ![WarC0zes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/warc0zes/32/62511_2.png) [@WarC0zes](https://forum.hacf.fr/u/WarC0zes)\
**Post date:** [Décembre 16, 2024, 12:29 UTC](https://forum.hacf.fr/t/bouton-augmenter-diminuer-temperature/53558/7 "2024-12-16T12:29:28Z")

</div>

Désoler mal copier en YAML:

```auto
alias: Thermostat salon down temp
sequence:
  - data:
      temperature: >-
        {{ state_attr('climate.versatile_thermostat_salon', 'temperature') -
        value | float(0) }}
    target:
      entity_id: climate.versatile_thermostat_salon
    action: climate.set_temperature
icon: mdi:minus
mode: single

```

```auto
alias: Thermostat salon up temp
sequence:
  - data:
      temperature: >-
        {{ state_attr('climate.versatile_thermostat_salon', 'temperature') +
        value | float(0) }}
    target:
      entity_id: climate.versatile_thermostat_salon
    action: climate.set_temperature
icon: mdi:plus
mode: single

```

---

<div class="post-metadata">

**Author:** ![18yt8zhg](https://forum.hacf.fr/user_avatar/forum.hacf.fr/18yt8zhg/32/81062_2.png) [@18yt8zhg](https://forum.hacf.fr/u/18yt8zhg)\
**Post date:** [Décembre 16, 2024, 12:51 UTC](https://forum.hacf.fr/t/bouton-augmenter-diminuer-temperature/53558/8 "2024-12-16T12:51:17Z")

</div>

J’ai créé mon script dans _ **Automatisations et scènes \> Scripts** _. Chez moi, ça donne ça du coup (j’ai fait un simple copié collé pour commencer)

```auto
alias: Thermostat salon down temp
sequence:
  - data:
      temperature: >-
        {{ state_attr('climate.climatisation_salon', 'temperature') - value |
        float(0) }}
    target:
      entity_id: climate.climatisation_salon
    action: climate.set_temperature
icon: mdi:minus
mode: single

```

Enregistrement ok, pour le moment tout roule.

Je vais maintenant dans mon dashboard pour le mettre à jour et le modifie comme ça :

```auto
custom_fields:
  btn_minus:
    card:
      type: custom:button-card
      icon: mdi:minus
      show_name: false
      aspect_ratio: 1/1
      tap_action:
        action: perform-action
        service: script.thermostat_salon_down_temp
        target:
          entity_id:
            - climate.climatisation_salon
        data:
          amount: 1
      styles:
        card:
          - background: none

```

Mais j’ai toujours ça 😕

 ![Capture d’écran 2024-12-16 à 13.50.56](https://forum.hacf.fr/uploads/default/original/3X/b/9/b949d1104da419bfee5554a3ed517ad46d348b34.png)

Mais je vois dans ton entity qu’elle se nomme versatile, ça a un rapport avec l’intégration Versatile ?

---

<div class="post-metadata">

**Author:** ![WarC0zes](https://forum.hacf.fr/user_avatar/forum.hacf.fr/warc0zes/32/62511_2.png) [@WarC0zes](https://forum.hacf.fr/u/WarC0zes)\
**Post date:** [Décembre 16, 2024, 1:41 UTC](https://forum.hacf.fr/t/bouton-augmenter-diminuer-temperature/53558/9 "2024-12-16T13:41:42Z")

</div>

> [@18yt8zhg](#):
>
> Mais j’ai toujours ça 😕

Il faut lire ce que j’écris 😅

> [@WarC0zes](#):
>
> dans button-card:  
> pour le button + :
> 
> ```auto
> tap_action:
> action: call-service
> service: script.thermostat_salon_up_temp
> data:
> climate_id: climate.versatile_thermostat_salon
> value: 1
> 
> ```
> 
> pour le button - :
> 
> ```auto
> tap_action:
> action: call-service
> service: script.thermostat_salon_down_temp
> data:
> climate_id: climate.versatile_thermostat_salon
> value: 1
> 
> ```

Puis il faut changer l’entité climate par le tient … Dans le script et le code de button-card.

---

<div class="post-metadata">

**Author:** ![18yt8zhg](https://forum.hacf.fr/user_avatar/forum.hacf.fr/18yt8zhg/32/81062_2.png) [@18yt8zhg](https://forum.hacf.fr/u/18yt8zhg)\
**Post date:** [Décembre 16, 2024, 2:02 UTC](https://forum.hacf.fr/t/bouton-augmenter-diminuer-temperature/53558/10 "2024-12-16T14:02:10Z")

</div>

Oui c’est bien ce que j’avais fait. Mon erreur a été ici où j’avais ça :

```auto
tap_action:
  action: perform-action
   service: script.thermostat_salon_down_temp
   target:
     entity_id:
       - climate.climatisation_salon
   data:
     amount: 1

```

Et maintenant avec le code que tu m’as fourni à la place :

```auto
tap_action:
  action: call-service
  service: script.thermostat_salon_down_temp
  data:
    climate-id: climate.climatisation_salon
    value: 1

```

Et là, ça fonctionne 😉

Merci beaucoup en tout cas 🙂

---

<div class="post-metadata">

**Author:** ![18yt8zhg](https://forum.hacf.fr/user_avatar/forum.hacf.fr/18yt8zhg/32/81062_2.png) [@18yt8zhg](https://forum.hacf.fr/u/18yt8zhg)\
**Post date:** [Décembre 16, 2024, 3:33 UTC](https://forum.hacf.fr/t/bouton-augmenter-diminuer-temperature/53558/11 "2024-12-16T15:33:47Z")

</div>

Voici le résultat en action. Bon évidemment l’animation de l’icône est plus fluide car là j’ai dû convertir mon fichier vidéo en .gif 😉

![ScreenRecording_12-16-2024-16-32-20_1](https://forum.hacf.fr/uploads/default/original/3X/5/8/5870c6caa971c4f9235d9120bdf4ff81c1edad10.gif)
