Carte pour Thermostat Netatmo

[team_pouce]

Bonjour,

Merci @jerome6994 pour la confirmation.

J’ai donc créer une carte par vanne soit 7 en tout et une carte deédie pour les modes et programme.

J’ai du adapter dans mon ficher /config/scripts.yaml les consignes increment (+) et decrement (-) pour qu’elle soient spécific a chaque vanne, ex:

Citation

netatmo_increment_consigne_salon:

alias: netatmo_increment_consigne_salon

…

netatmo_decrement_consigne_salon:

alias: netatmo_decrement_consigne_salon

Citation

Tout marche, il me reste un point ou je bloque c’est lorsque justement j’utilise le + ou le - et que je check dans l’app netatmo la vannne se met a jour correctement sur la vanne ciblée.
En revanche sur la carte la temperature de consique se met à jour sur toute les vannes !

J’ai essayé d’individualisé les variables sur le base des fonctions increment / decrement mais sans succès.

Auriez-vous une idée d’ou cela peut provenir ?

Merci par avance pour votre aide

Voici une partie de ma config :

• Scripts.yaml

#################################
#### NETATMO-SCRIPTS ############
#### Mode              ##########
#################################
netatmo_mode_absent:
  alias: netatmo_mode_absent
  sequence:
  - service: climate.set_preset_mode
    target:
    # Remplacer "netatmo_entree"  par le nom de votre thermostat
      entity_id: select.segny
    data:
      preset_mode: away
  - service: python_script.set_state
    data_template:
      entity_id: sensor.netatmo_preset_mode
      state: away
  mode: single
  
netatmo_mode_hors_gel:
  alias: netatmo_mode_hors_gel
  sequence:
  - service: climate.set_preset_mode
    target:
    # Remplacer "netatmo_entree"  par le nom de votre thermostat
      entity_id: select.segny
    data:
      preset_mode: Frost Guard
  - service: python_script.set_state
    data_template:
      entity_id: sensor.netatmo_preset_mode
      state: Frost Guard
  mode: single
  
netatmo_mode_schedule:
  alias: netatmo_mode_schedule
  sequence:
  - service: climate.set_preset_mode
    target:
    # Remplacer "netatmo_entree"  par le nom de votre thermostat
      entity_id: select.segny
    data:
      preset_mode: Schedule
  - service: python_script.set_state
    data_template:
      entity_id: sensor.netatmo_preset_mode
      state: Schedule
  mode: single
#################################
#### NETATMO-SCRIPTS ############
#### climate.chambre_ambre ######
#################################
netatmo_increment_consigne_ambre:
  alias: netatmo_increment_consigne_ambre
  sequence:
  - service: climate.set_temperature
    data:
      temperature: '{{(states.sensor.netatmo_temperature_consigne.state | float +
        0.5)}}'
    target:
    # Remplacer "netatmo_entree"  par le nom de votre thermostat
      entity_id: climate.chambre_ambre
  - service: python_script.set_state
    data_template:
      entity_id: sensor.netatmo_temperature_consigne_ambre
      state: '{{(states.sensor.netatmo_temperature_consigne.state | float + 0.5)}}'
  mode: single
  
netatmo_decrement_consigne_ambre:
  alias: netatmo_decrement_consigne_ambre
  sequence:
  - service: climate.set_temperature
    data:
      temperature: '{{(states.sensor.netatmo_temperature_consigne.state | float -
        0.5)}}'
    target:
    # Remplacer "netatmo_entree"  par le nom de votre thermostat
      entity_id: climate.chambre_ambre
  - service: python_script.set_state
    data_template:
      entity_id: sensor.netatmo_temperature_consigne_ambre
      state: '{{(states.sensor.netatmo_temperature_consigne.state | float - 0.5)}}'
  mode: single
#################################  
#### climate.salon ##############
#################################
netatmo_increment_consigne_salon:
  alias: netatmo_increment_consigne_salon
  sequence:
  - service: climate.set_temperature
    data:
      temperature: '{{(states.sensor.netatmo_temperature_consigne.state | float +
        0.5)}}'
    target:
    # Remplacer "netatmo_entree"  par le nom de votre thermostat
      entity_id: climate.salon
  - service: python_script.set_state
    data_template:
      entity_id: sensor.netatmo_temperature_consigne
      state: '{{(states.sensor.netatmo_temperature_consigne.state | float + 0.5)}}'
  mode: single
  
netatmo_decrement_consigne_salon:
  alias: netatmo_decrement_consigne_salon
  sequence:
  - service: climate.set_temperature
    data:
      temperature: '{{(states.sensor.netatmo_temperature_consigne.state | float -
        0.5)}}'
    target:
    # Remplacer "netatmo_entree"  par le nom de votre thermostat
      entity_id: climate.salon
  - service: python_script.set_state
    data_template:
      entity_id: sensor.netatmo_temperature_consigne
      state: '{{(states.sensor.netatmo_temperature_consigne.state | float - 0.5)}}'
  mode: single

sensors.yaml :

#####climate.chambre_ambre#######
- platform: template
  sensors:
    netatmo_temperature_consigne:
      # Remplacer "Entrée"  par le nom de votre thermostat
      friendly_name: température consigne Chambre de Ambre
      device_class: temperature
      unit_of_measurement: '°C'
     # Remplacer "netatmo_entree"  par le nom de votre thermostat
      value_template: >
        {% set tempcon = state_attr('climate.chambre_ambre', 'temperature') %}
        {% if tempcon == 0 %}
           OFF
        {% else %}
           {{ state_attr('climate.chambre_ambre', 'temperature') }}
        {% endif %}

    netatmo_hvac_action:
      # Remplacer "Entrée"  par le nom de votre thermostat
      friendly_name: Hvac action Chambre de Ambre
      # Remplacer "netatmo_entree"  par le nom de votre thermostat
      value_template: "{{ state_attr('climate.chambre_ambre', 'hvac_action') }}"

    netatmo_preset_mode:
      # Remplacer "Entrée"  par le nom de votre thermostat
      friendly_name: Preset mode Chambre de Ambre
      # Remplacer "netatmo_entree"  par le nom de votre thermostat
      value_template: "{{ state_attr('climate.chambre_ambre', 'preset_mode') }}"
#####climate.salon#######
- platform: template
  sensors:
    netatmo_temperature_consigne:
      # Remplacer "Entrée"  par le nom de votre thermostat
      friendly_name: température consigne Salon
      device_class: temperature
      unit_of_measurement: '°C'
     # Remplacer "netatmo_entree"  par le nom de votre thermostat
      value_template: >
        {% set tempcon = state_attr('climate.salon', 'temperature') %}
        {% if tempcon == 0 %}
           OFF
        {% else %}
           {{ state_attr('climate.salon', 'temperature') }}
        {% endif %}

    netatmo_hvac_action:
      # Remplacer "Entrée"  par le nom de votre thermostat
      friendly_name: Hvac action Salon
      # Remplacer "netatmo_entree"  par le nom de votre thermostat
      value_template: "{{ state_attr('climate.salon', 'hvac_action') }}"

    netatmo_preset_mode:
      # Remplacer "Entrée"  par le nom de votre thermostat
      friendly_name: Preset mode Salon
      # Remplacer "netatmo_entree"  par le nom de votre thermostat
      value_template: "{{ state_attr('climate.salon', 'preset_mode') }}"

• Carte 1 :

[center]type: picture-elements[/center]
[center]image: /local/netatmo/Netatmo_background_409x762_2.png[/center]
[center]elements:[/center]
[center]  - type: image[/center]
[center]    entity: climate.chambre_ambre[/center]
[center]    title: Up Consigne[/center]
[center]    tap_action:[/center]
[center]      action: call-service[/center]
[center]      service: Script.netatmo_increment_consigne_ambre[/center]
[center]    hold_action:[/center]
[center]      action: more-info[/center]
[center]    image: /local/netatmo/Netatmo_up.png[/center]
[center]    style:[/center]
[center]      top: 52.6%[/center]
[center]      left: 76.5%[/center]
[center]      width: 6%[/center]
[center]  - type: image[/center]
[center]    entity: climate.chambre_ambre[/center]
[center]    title: Down Consigne[/center]
[center]    tap_action:[/center]
[center]      action: call-service[/center]
[center]      service: Script.netatmo_decrement_consigne_ambre[/center]
[center]    hold_action:[/center]
[center]      action: more-info[/center]
[center]    image: /local/netatmo/Netatmo_down.png[/center]
[center]    style:[/center]
[center]      top: 52.6%[/center]
[center]      left: 56.5%[/center]
[center]      width: 6%[/center]
[center]  - type: image[/center]
[center]    entity: sensor.netatmo_hvac_action[/center]
[center]    title: Temoin Chauffe[/center]
[center]    tap_action:[/center]
[center]      action: none[/center]
[center]    image: /local/netatmo/Netatmo_chauffe.png[/center]
[center]    style:[/center]
[center]      top: 58%[/center]
[center]      left: 25.5%[/center]
[center]      width: 7%[/center]
[center]    state_filter:[/center]
[center]      heating: brightness(100%) saturate(1)[/center]
[center]      idle: opacity(0%)[/center]
[center]  - type: image[/center]
[center]    entity: sensor.netatmo_preset_mode[/center]
[center]    title: Mode de fonctionnement[/center]
[center]    style:[/center]
[center]      top: 29.9%[/center]
[center]      left: 39%[/center]
[center]      width: 11%[/center]
[center]    state_image:[/center]
[center]      manual: /local/netatmo/Netatmo_manual.png[/center]
[center]      Schedule: /local/netatmo/Automatique.png[/center]
[center]      away: /local/netatmo/Absent.png[/center]
[center]      Frost Guard: /local/netatmo/Hors Gel.png[/center]
[center]    tap_action:[/center]
[center]      action: none[/center]
[center]  - type: state-label[/center]
[center]    entity: climate.chambre_ambre[/center]
[center]    attribute: current_temperature[/center]
[center]    unit_of_measurement: .[/center]
[center]    title: Température Actuelle[/center]
[center]    tap_action:[/center]
[center]      action: null[/center]
[center]    style:[/center]
[center]      top: 48%[/center]
[center]      left: 25.5%[/center]
[center]      font-size: 1.6em[/center]
[center]      color: black[/center]
[center]      font-weight: 600[/center]
[center]  - type: state-label[/center]
[center]    entity: sensor.netatmo_temperature_consigne[/center]
[center]    title: Température de consigne[/center]
[center]    tap_action:[/center]
[center]      action: null[/center]
[center]    style:[/center]
[center]      top: 25%[/center]
[center]      left: 25.5%[/center]
[center]      font-size: 1em[/center]
[center]      color: white[/center]
[center]      font-weight: 600[/center]
[center]  - type: state-label[/center]
[center]    entity: climate.chambre_ambre[/center]
[center]    attribute: friendly_name[/center]
[center]    style:[/center]
[center]      top: 25%[/center]
[center]      left: 66%[/center]
[center]      font-size: 1.4em[/center]
[center]      color: black[/center]
[center]      font-weight: 400[/center]
[center]  - type: state-label[/center]
[center]    entity: sensor.vanne_chambre_ambre_battery_percent[/center]
[center]    title: '% Batterie'[/center]
[center]    tap_action:[/center]
[center]      action: none[/center]
[center]    style:[/center]
[center]      top: 79%[/center]
[center]      left: 8.3%[/center]
[center]      font-size: 0.7em[/center]
[center]      color: grey[/center]
[center]      font-weight: 600[/center]
[center]  - type: state-icon[/center]
[center]    entity: sensor.vanne_chambre_ambre_battery_percent[/center]
[center]    title: Niveau Batterie[/center]
[center]    icon: mdi:battery-high[/center]
[center]    tap_action:[/center]
[center]      action: more-info[/center]
[center]    style:[/center]
[center]      top: 86%[/center]
[center]      left: 8%[/center]
[center]      '--paper-item-icon-color': grey[/center]

• Carte 2

[center]type: picture-elements[/center]
[center]image: /local/netatmo/Netatmo_background_409x762_2.png[/center]
[center]elements:[/center]
[center]  - type: image[/center]
[center]    entity: climate.salon[/center]
[center]    title: Up Consigne[/center]
[center]    tap_action:[/center]
[center]      action: call-service[/center]
[center]      service: Script.netatmo_increment_consigne_salon[/center]
[center]    hold_action:[/center]
[center]      action: more-info[/center]
[center]    image: /local/netatmo/Netatmo_up.png[/center]
[center]    style:[/center]
[center]      top: 52.6%[/center]
[center]      left: 76.5%[/center]
[center]      width: 6%[/center]
[center]  - type: image[/center]
[center]    entity: climate.salon[/center]
[center]    title: Down Consigne[/center]
[center]    tap_action:[/center]
[center]      action: call-service[/center]
[center]      service: Script.netatmo_decrement_consigne_salon[/center]
[center]    hold_action:[/center]
[center]      action: more-info[/center]
[center]    image: /local/netatmo/Netatmo_down.png[/center]
[center]    style:[/center]
[center]      top: 52.6%[/center]
[center]      left: 56.5%[/center]
[center]      width: 6%[/center]
[center]  - type: image[/center]
[center]    entity: sensor.netatmo_hvac_action[/center]
[center]    title: Temoin Chauffe[/center]
[center]    tap_action:[/center]
[center]      action: none[/center]
[center]    image: /local/netatmo/Netatmo_chauffe.png[/center]
[center]    style:[/center]
[center]      top: 58%[/center]
[center]      left: 25.5%[/center]
[center]      width: 7%[/center]
[center]    state_filter:[/center]
[center]      heating: brightness(100%) saturate(1)[/center]
[center]      idle: opacity(0%)[/center]
[center]  - type: image[/center]
[center]    entity: sensor.netatmo_preset_mode[/center]
[center]    title: Mode de fonctionnement[/center]
[center]    style:[/center]
[center]      top: 29.9%[/center]
[center]      left: 39%[/center]
[center]      width: 11%[/center]
[center]    state_image:[/center]
[center]      manual: /local/netatmo/Netatmo_manual.png[/center]
[center]      Schedule: /local/netatmo/Automatique.png[/center]
[center]      away: /local/netatmo/Absent.png[/center]
[center]      Frost Guard: /local/netatmo/Hors Gel.png[/center]
[center]    tap_action:[/center]
[center]      action: none[/center]
[center]  - type: state-label[/center]
[center]    entity: climate.salon[/center]
[center]    attribute: current_temperature[/center]
[center]    unit_of_measurement: .[/center]
[center]    title: Température Actuelle[/center]
[center]    tap_action:[/center]
[center]      action: null[/center]
[center]    style:[/center]
[center]      top: 48%[/center]
[center]      left: 25.5%[/center]
[center]      font-size: 1.6em[/center]
[center]      color: black[/center]
[center]      font-weight: 600[/center]
[center]  - type: state-label[/center]
[center]    entity: sensor.netatmo_temperature_consigne[/center]
[center]    title: Température de consigne[/center]
[center]    tap_action:[/center]
[center]      action: null[/center]
[center]    style:[/center]
[center]      top: 25%[/center]
[center]      left: 25.5%[/center]
[center]      font-size: 1em[/center]
[center]      color: white[/center]
[center]      font-weight: 600[/center]
[center]  - type: state-label[/center]
[center]    entity: climate.salon[/center]
[center]    attribute: friendly_name[/center]
[center]    style:[/center]
[center]      top: 25%[/center]
[center]      left: 66%[/center]
[center]      font-size: 1.4em[/center]
[center]      color: black[/center]
[center]      font-weight: 400[/center]
[center]  - type: state-label[/center]
[center]    entity: sensor.vanne_chemin_battery_percent[/center]
[center]    title: '% Batterie'[/center]
[center]    tap_action:[/center]
[center]      action: none[/center]
[center]    style:[/center]
[center]      top: 79%[/center]
[center]      left: 8.3%[/center]
[center]      font-size: 0.7em[/center]
[center]      color: grey[/center]
[center]      font-weight: 600[/center]
[center]  - type: state-icon[/center]
[center]    entity: sensor.vanne_chemin_battery_percent[/center]
[center]    title: Niveau Batterie Chemin[/center]
[center]    icon: mdi:battery-high[/center]
[center]    tap_action:[/center]
[center]      action: more-info[/center]
[center]    style:[/center]
[center]      top: 86%[/center]
[center]      left: 8%[/center]
[center]      '--paper-item-icon-color': grey[/center]
[center]  - type: state-label[/center]
[center]    entity: sensor.vanne_entree_battery_percent[/center]
[center]    title: '% Batterie'[/center]
[center]    tap_action:[/center]
[center]      action: none[/center]
[center]    style:[/center]
[center]      top: 79%[/center]
[center]      left: 15.3%[/center]
[center]      font-size: 0.7em[/center]
[center]      color: grey[/center]
[center]      font-weight: 600[/center]
[center]  - type: state-icon[/center]
[center]    entity: sensor.vanne_entree_battery_percent[/center]
[center]    title: Niveau Batterie Entree[/center]
[center]    icon: mdi:battery-high[/center]
[center]    tap_action:[/center]
[center]      action: more-info[/center]
[center]    style:[/center]
[center]      top: 86%[/center]
[center]      left: 15%[/center]
[center]      '--paper-item-icon-color': grey[/center]
[center]  - type: state-label[/center]
[center]    entity: sensor.vanne_jardin_battery_percent[/center]
[center]    title: '% Batterie'[/center]
[center]    tap_action:[/center]
[center]      action: none[/center]
[center]    style:[/center]
[center]      top: 79%[/center]
[center]      left: 22.3%[/center]
[center]      font-size: 0.7em[/center]
[center]      color: grey[/center]
[center]      font-weight: 600[/center]
[center]  - type: state-icon[/center]
[center]    entity: sensor.vanne_jardin_battery_percent[/center]
[center]    title: Niveau Batterie Entree[/center]
[center]    icon: mdi:battery-high[/center]
[center]    tap_action:[/center]
[center]      action: more-info[/center]
[center]    style:[/center]
[center]      top: 86%[/center]
[center]      left: 22%[/center]
[center]      '--paper-item-icon-color': grey[/center]

[telenaze]

Salut @team_pouce,
C’est normal, il faut que tu créer 1 sensor de température de consigne par vanne.
du coup, il faut aussi changer dans la carte.

- platform: template
  sensors:
    netatmo_temperature_consigne_vanne_salon:
      # Remplacer "Entrée"  par le nom de votre thermostat
      friendly_name: température consigne Salon
      device_class: temperature
      unit_of_measurement: '°C'
     # Remplacer "netatmo_entree"  par le nom de votre thermostat
      value_template: >
        {% set tempcon = state_attr('climate.salon', 'temperature') %}
        {% if tempcon == 0 %}
           OFF
        {% else %}
           {{ state_attr('climate.salon', 'temperature') }}
        {% endif %}

    netatmo_temperature_consigne_vanne_chambre:
      # Remplacer "Entrée"  par le nom de votre thermostat
      friendly_name: température consigne chambre
      device_class: temperature
      unit_of_measurement: '°C'
     # Remplacer "netatmo_entree"  par le nom de votre thermostat
      value_template: >
        {% set tempcon = state_attr('climate.chambre', 'temperature') %}
        {% if tempcon == 0 %}
           OFF
        {% else %}
           {{ state_attr('climate.chambre', 'temperature') }}
        {% endif %}

[jerome6994]

Dans tes scripts tu appelles toujours le même sensor !
states.sensor.netatmo_temperature_consigne.state

cela recoupe ce que vient de dire @telenaze il te faut 1 sensor par vanne que tu appelles ensuite dans chaque script dédié à tes vannes

netatmo_increment_consigne_cuisine:
  alias: netatmo_increment_consigne_cuisine
  sequence:
  - service: climate.set_temperature
    data:
      temperature: '{{(states.sensor.netatmo_temperature_consigne_cuisine.state |
        float + 0.5)}}'
    target:
      entity_id: climate.cuisine
  - service: python_script.set_state
    data_template:
      entity_id: sensor.netatmo_temperature_consigne_cuisine
      state: '{{(states.sensor.netatmo_temperature_consigne_cuisine.state | float
        + 0.5)}}'
  mode: single
netatmo_decrement_consigne_cuisine:
  alias: netatmo_decrement_consigne_cuisine
  sequence:
  - service: climate.set_temperature
    data:
      temperature: '{{(states.sensor.netatmo_temperature_consigne_cuisine.state |
        float - 0.5)}}'
    target:
      entity_id: climate.cuisine
  - service: python_script.set_state
    data_template:
      entity_id: sensor.netatmo_temperature_consigne_cuisine
      state: '{{(states.sensor.netatmo_temperature_consigne_cuisine.state | float
        - 0.5)}}'
  mode: single

[team_pouce]

Nikel, j’ai modifié mes scripts en conséquence est tout fonctionne … au top !!!

Merci bcp @telenaze @jerome6994

[stardan]

@telenaze Effectivement en me relisant, il se peut que se ne soit pas si claire. Je parle bien de la carte de base du thermostat.
Une photo vaut mieux que de long discours…

V1, V2 etc representent les vannes; en appuyant sur celle de son choix, elle se grise et avec les + et - de la même carte pourvoir manuellement agir sur la vanne sélectionné/grisé.

[telenaze]

Effectivement cela est possible, mais j’y vois quelques inconvénients.
si tu clique sur V2 par exemple, tu va te retrouver avec une carte dont certaines informations seront liées à la carte master et d’autres à la carte vanne, je pense que cela va apporter des confusion à la longue.
Ensuite, le code de la carte va vraiment s’alourdir déjà qu"il est pas mal riche…
Donc l’idéal serait de passer d’une carte à une autre facilement et pour cela je te propose la carte [CARTE] Swiper card.
Voici un autre lien avec un peu plus d’explications.
https://community.home-assistant.io/t/lovelace-swiper-card/72447
et voici ce que cela donne avec notre carte.

Code de la carte

type: custom:swipe-card
parameters:
  spaceBetween: 8
  scrollbar:
    hide: false
    draggable: true
    snapOnRelease: true
cards:
  - type: picture-elements
    image: /local/netatmo/Netatmo_background_409x762_2.png
    elements:
      - type: image
        entity: climate.netatmo_entree
        image: /local/netatmo/Engie.png
        title: null
        tap_action:
          action: none
        style:
          top: 10%
          left: 90%
          width: 10%
      - type: image
        entity: climate.netatmo_entree
        title: Up Consigne
        tap_action:
          action: call-service
          service: Script.netatmo_increment_consigne
        hold_action:
          action: more-info
        image: /local/netatmo/Netatmo_up.png
        style:
          top: 52.6%
          left: 76.5%
          width: 6%
      - type: image
        entity: climate.netatmo_entree
        title: Down Consigne
        tap_action:
          action: call-service
          service: Script.netatmo_decrement_consigne
        hold_action:
          action: more-info
        image: /local/netatmo/Netatmo_down.png
        style:
          top: 52.6%
          left: 56.5%
          width: 6%
      - type: image
        entity: sensor.netatmo_hvac_action
        title: Temoin Chauffe
        tap_action:
          action: none
        image: /local/netatmo/Netatmo_chauffe.png
        style:
          top: 58%
          left: 25.5%
          width: 7%
        state_filter:
          heating: brightness(100%) saturate(1)
          idle: opacity(0%)
      - type: image
        entity: sensor.netatmo_preset_mode
        title: Mode de fonctionnement
        style:
          top: 29.9%
          left: 39%
          width: 11%
        state_image:
          manual: /local/netatmo/Netatmo_manual.png
          Schedule: /local/netatmo/Automatique.png
          away: /local/netatmo/Absent.png
          Frost Guard: /local/netatmo/Hors Gel.png
        tap_action:
          action: none
      - type: state-label
        entity: climate.netatmo_entree
        attribute: current_temperature
        unit_of_measurement: .
        title: Température Actuelle
        tap_action:
          action: null
        style:
          top: 48%
          left: 25.5%
          font-size: 1.6em
          color: black
          font-weight: 600
      - type: state-label
        entity: sensor.netatmo_temperature_consigne
        title: Température de consigne
        tap_action:
          action: null
        style:
          top: 25%
          left: 25.5%
          font-size: 1em
          color: white
          font-weight: 600
      - type: state-label
        entity: climate.netatmo_entree
        attribute: friendly_name
        style:
          top: 25%
          left: 66%
          font-size: 1.4em
          color: black
          font-weight: 400
      - type: state-label
        entity: sensor.thermostat_entree_battery_percent
        title: '% Batterie'
        tap_action:
          action: none
        style:
          top: 79%
          left: 8.3%
          font-size: 0.7em
          color: grey
          font-weight: 600
      - type: state-icon
        entity: sensor.thermostat_entree_battery_percent
        title: Niveau Batterie
        icon: mdi:battery-high
        tap_action:
          action: more-info
        style:
          top: 86%
          left: 8%
          '--paper-item-icon-color': grey
      - type: image
        entity: climate.netatmo_entree
        title: null
        tap_action:
          action: none
        image: /local/netatmo/bouton_fond-300x98.png
        style:
          top: 83.2%
          left: 71%
          width: 58%
      - type: image
        entity: climate.netatmo_entree
        title: Passer en Mode Absent
        tap_action:
          action: call-service
          service: Script.netatmo_mode_absent
        image: /local/netatmo/Absent.png
        style:
          top: 83%
          left: 53%
          width: 12%
      - type: image
        entity: climate.netatmo_entree
        title: Passer en Mode Hors Gel
        tap_action:
          action: call-service
          service: Script.netatmo_mode_hors_gel
        image: /local/netatmo/Hors Gel.png
        style:
          top: 83.2%
          left: 79.5%
          width: 14.5%
      - type: image
        entity: climate.netatmo_entree
        title: Passer en Mode Automatique
        tap_action:
          action: call-service
          service: Script.netatmo_mode_schedule
        image: /local/netatmo/Automatique.png
        style:
          top: 83.2%
          left: 67%
          width: 10%
      - type: state-label
        entity: select.netatmo_domicile
        title: Planning
        icon: mdi:calendar
        style:
          top: 85%
          left: 27%
          '--paper-item-icon-color': rgb(68,68,68)
      - type: image
        entity: climate.netatmo_entree
        title: On / Off
        style:
          top: 10%
          left: 8%
          width: 07%
        state_image:
          'off': /local/netatmo/netatmo-off.png
          auto: /local/netatmo/netatmo-on.png
        tap_action:
          action: call-service
          service: Script.netatmo_on_off
  - type: picture-elements
    image: /local/netatmo/Netatmo_background_409x762_2.png
    elements:
      - type: image
        entity: climate.netatmo_entree
        image: /local/netatmo/Engie.png
        title: null
        tap_action:
          action: none
        style:
          top: 10%
          left: 90%
          width: 10%
      - type: image
        entity: climate.netatmo_entree
        title: Up Consigne
        tap_action:
          action: call-service
          service: Script.netatmo_increment_consigne
        hold_action:
          action: more-info
        image: /local/netatmo/Netatmo_up.png
        style:
          top: 52.6%
          left: 76.5%
          width: 6%
      - type: image
        entity: climate.netatmo_entree
        title: Down Consigne
        tap_action:
          action: call-service
          service: Script.netatmo_decrement_consigne
        hold_action:
          action: more-info
        image: /local/netatmo/Netatmo_down.png
        style:
          top: 52.6%
          left: 56.5%
          width: 6%
      - type: image
        entity: sensor.netatmo_hvac_action
        title: Temoin Chauffe
        tap_action:
          action: none
        image: /local/netatmo/Netatmo_chauffe.png
        style:
          top: 58%
          left: 25.5%
          width: 7%
        state_filter:
          heating: brightness(100%) saturate(1)
          idle: opacity(0%)
      - type: image
        entity: sensor.netatmo_preset_mode
        title: Mode de fonctionnement
        style:
          top: 29.9%
          left: 39%
          width: 11%
        state_image:
          manual: /local/netatmo/Netatmo_manual.png
          Schedule: /local/netatmo/Automatique.png
          away: /local/netatmo/Absent.png
          Frost Guard: /local/netatmo/Hors Gel.png
        tap_action:
          action: none
      - type: state-label
        entity: climate.netatmo_entree
        attribute: current_temperature
        unit_of_measurement: .
        title: Température Actuelle
        tap_action:
          action: null
        style:
          top: 48%
          left: 25.5%
          font-size: 1.6em
          color: black
          font-weight: 600
      - type: state-label
        entity: sensor.netatmo_temperature_consigne
        title: Température de consigne
        tap_action:
          action: null
        style:
          top: 25%
          left: 25.5%
          font-size: 1em
          color: white
          font-weight: 600
      - type: state-label
        entity: climate.netatmo_entree
        attribute: friendly_name
        style:
          top: 25%
          left: 66%
          font-size: 1.4em
          color: black
          font-weight: 400
      - type: state-label
        entity: sensor.thermostat_entree_battery_percent
        title: '% Batterie'
        tap_action:
          action: none
        style:
          top: 79%
          left: 8.3%
          font-size: 0.7em
          color: grey
          font-weight: 600
      - type: state-icon
        entity: sensor.thermostat_entree_battery_percent
        title: Niveau Batterie
        icon: mdi:battery-high
        tap_action:
          action: more-info
        style:
          top: 86%
          left: 8%
          '--paper-item-icon-color': grey
      - type: image
        entity: climate.netatmo_entree
        title: null
        tap_action:
          action: none
        image: /local/netatmo/bouton_fond-300x98.png
        style:
          top: 83.2%
          left: 71%
          width: 58%
      - type: image
        entity: climate.netatmo_entree
        title: Passer en Mode Absent
        tap_action:
          action: call-service
          service: Script.netatmo_mode_absent
        image: /local/netatmo/Absent.png
        style:
          top: 83%
          left: 53%
          width: 12%
      - type: image
        entity: climate.netatmo_entree
        title: Passer en Mode Hors Gel
        tap_action:
          action: call-service
          service: Script.netatmo_mode_hors_gel
        image: /local/netatmo/Hors Gel.png
        style:
          top: 83.2%
          left: 79.5%
          width: 14.5%
      - type: image
        entity: climate.netatmo_entree
        title: Passer en Mode Automatique
        tap_action:
          action: call-service
          service: Script.netatmo_mode_schedule
        image: /local/netatmo/Automatique.png
        style:
          top: 83.2%
          left: 67%
          width: 10%
      - type: state-label
        entity: select.netatmo_domicile
        title: Planning
        icon: mdi:calendar
        style:
          top: 85%
          left: 27%
          '--paper-item-icon-color': rgb(68,68,68)
      - type: image
        entity: climate.netatmo_entree
        title: On / Off
        style:
          top: 10%
          left: 8%
          width: 07%
        state_image:
          'off': /local/netatmo/netatmo-off.png
          auto: /local/netatmo/netatmo-on.png
        tap_action:
          action: call-service
          service: Script.netatmo_on_off
  - type: picture-elements
    image: /local/netatmo/Netatmo_background_409x762_2.png
    elements:
      - type: image
        entity: climate.netatmo_entree
        image: /local/netatmo/Engie.png
        title: null
        tap_action:
          action: none
        style:
          top: 10%
          left: 90%
          width: 10%
      - type: image
        entity: climate.netatmo_entree
        title: Up Consigne
        tap_action:
          action: call-service
          service: Script.netatmo_increment_consigne
        hold_action:
          action: more-info
        image: /local/netatmo/Netatmo_up.png
        style:
          top: 52.6%
          left: 76.5%
          width: 6%
      - type: image
        entity: climate.netatmo_entree
        title: Down Consigne
        tap_action:
          action: call-service
          service: Script.netatmo_decrement_consigne
        hold_action:
          action: more-info
        image: /local/netatmo/Netatmo_down.png
        style:
          top: 52.6%
          left: 56.5%
          width: 6%
      - type: image
        entity: sensor.netatmo_hvac_action
        title: Temoin Chauffe
        tap_action:
          action: none
        image: /local/netatmo/Netatmo_chauffe.png
        style:
          top: 58%
          left: 25.5%
          width: 7%
        state_filter:
          heating: brightness(100%) saturate(1)
          idle: opacity(0%)
      - type: image
        entity: sensor.netatmo_preset_mode
        title: Mode de fonctionnement
        style:
          top: 29.9%
          left: 39%
          width: 11%
        state_image:
          manual: /local/netatmo/Netatmo_manual.png
          Schedule: /local/netatmo/Automatique.png
          away: /local/netatmo/Absent.png
          Frost Guard: /local/netatmo/Hors Gel.png
        tap_action:
          action: none
      - type: state-label
        entity: climate.netatmo_entree
        attribute: current_temperature
        unit_of_measurement: .
        title: Température Actuelle
        tap_action:
          action: null
        style:
          top: 48%
          left: 25.5%
          font-size: 1.6em
          color: black
          font-weight: 600
      - type: state-label
        entity: sensor.netatmo_temperature_consigne
        title: Température de consigne
        tap_action:
          action: null
        style:
          top: 25%
          left: 25.5%
          font-size: 1em
          color: white
          font-weight: 600
      - type: state-label
        entity: climate.netatmo_entree
        attribute: friendly_name
        style:
          top: 25%
          left: 66%
          font-size: 1.4em
          color: black
          font-weight: 400
      - type: state-label
        entity: sensor.thermostat_entree_battery_percent
        title: '% Batterie'
        tap_action:
          action: none
        style:
          top: 79%
          left: 8.3%
          font-size: 0.7em
          color: grey
          font-weight: 600
      - type: state-icon
        entity: sensor.thermostat_entree_battery_percent
        title: Niveau Batterie
        icon: mdi:battery-high
        tap_action:
          action: more-info
        style:
          top: 86%
          left: 8%
          '--paper-item-icon-color': grey
      - type: image
        entity: climate.netatmo_entree
        title: null
        tap_action:
          action: none
        image: /local/netatmo/bouton_fond-300x98.png
        style:
          top: 83.2%
          left: 71%
          width: 58%
      - type: image
        entity: climate.netatmo_entree
        title: Passer en Mode Absent
        tap_action:
          action: call-service
          service: Script.netatmo_mode_absent
        image: /local/netatmo/Absent.png
        style:
          top: 83%
          left: 53%
          width: 12%
      - type: image
        entity: climate.netatmo_entree
        title: Passer en Mode Hors Gel
        tap_action:
          action: call-service
          service: Script.netatmo_mode_hors_gel
        image: /local/netatmo/Hors Gel.png
        style:
          top: 83.2%
          left: 79.5%
          width: 14.5%
      - type: image
        entity: climate.netatmo_entree
        title: Passer en Mode Automatique
        tap_action:
          action: call-service
          service: Script.netatmo_mode_schedule
        image: /local/netatmo/Automatique.png
        style:
          top: 83.2%
          left: 67%
          width: 10%
      - type: state-label
        entity: select.netatmo_domicile
        title: Planning
        icon: mdi:calendar
        style:
          top: 85%
          left: 27%
          '--paper-item-icon-color': rgb(68,68,68)
      - type: image
        entity: climate.netatmo_entree
        title: On / Off
        style:
          top: 10%
          left: 8%
          width: 07%
        state_image:
          'off': /local/netatmo/netatmo-off.png
          auto: /local/netatmo/netatmo-on.png
        tap_action:
          action: call-service
          service: Script.netatmo_on_off

Je pense qu’il doit aussi être possible d’ajouter 4 boutons master, v1, v2, v3 et d’utiliser la carte condition, mais ces boutons vont alourdir la carte. si tu souhaite vraiment ces boutons, je peux regarder la faisabilité.
@+

[jerome6994]

la carte swiper card allège bien le dahsboad je trouve avec les différentes possibilités de carrousels

[telenaze]

Il est certain que si tu possède un thermostat et plusieurs vannes, la solution est séduisante.

[jerome6994]

c’est claire car sinon sans rien un bon pavé !!

je voulais refaire des cadres plus petit mais je suis tellement nul en Photoshop que je n’ai pas poussé plus loin. Mais j’aurais bien fait un truc 50% plus petit et carrousel et hop simple et lisible même sur téléphone

[telenaze]

J’ai essayé en réduisant de 50% la background, mais la carte reste à la même dimension
Pour la réduire il faut faire une carte avec pile verticale et horizontale.

[telenaze]

Je viens de créer cela rapidement avec les 3 boutons en dehors de la carte.
ce mode oblige à créer un input_number.

Code

type: vertical-stack
cards:
  - type: entities
    entities:
      - entity: input_number.hacf_0_1
        secondary_info: none
    state_color: false
  - type: conditional
    conditions:
      - entity: input_number.hacf_0_1
        state: '1.0'
    card:
      type: picture-elements
      image: /local/netatmo/Netatmo_background_409x762_2.png
      elements:
        - type: image
          entity: climate.netatmo_entree
          image: /local/netatmo/Engie.png
          title: null
          tap_action:
            action: none
          style:
            top: 10%
            left: 90%
            width: 10%
        - type: image
          entity: climate.netatmo_entree
          title: Up Consigne
          tap_action:
            action: call-service
            service: Script.netatmo_increment_consigne
          hold_action:
            action: more-info
          image: /local/netatmo/Netatmo_up.png
          style:
            top: 52.6%
            left: 76.5%
            width: 6%
        - type: image
          entity: climate.netatmo_entree
          title: Down Consigne
          tap_action:
            action: call-service
            service: Script.netatmo_decrement_consigne
          hold_action:
            action: more-info
          image: /local/netatmo/Netatmo_down.png
          style:
            top: 52.6%
            left: 56.5%
            width: 6%
        - type: image
          entity: sensor.netatmo_hvac_action
          title: Temoin Chauffe
          tap_action:
            action: none
          image: /local/netatmo/Netatmo_chauffe.png
          style:
            top: 58%
            left: 25.5%
            width: 7%
          state_filter:
            heating: brightness(100%) saturate(1)
            idle: opacity(0%)
        - type: image
          entity: sensor.netatmo_preset_mode
          title: Mode de fonctionnement
          style:
            top: 29.9%
            left: 39%
            width: 11%
          state_image:
            manual: /local/netatmo/Netatmo_manual.png
            Schedule: /local/netatmo/Automatique.png
            away: /local/netatmo/Absent.png
            Frost Guard: /local/netatmo/Hors Gel.png
          tap_action:
            action: none
        - type: state-label
          entity: climate.netatmo_entree
          attribute: current_temperature
          unit_of_measurement: .
          title: Température Actuelle
          tap_action:
            action: null
          style:
            top: 48%
            left: 25.5%
            font-size: 1.6em
            color: black
            font-weight: 600
        - type: state-label
          entity: sensor.netatmo_temperature_consigne
          title: Température de consigne
          tap_action:
            action: null
          style:
            top: 25%
            left: 25.5%
            font-size: 1em
            color: white
            font-weight: 600
        - type: state-label
          entity: climate.netatmo_entree
          attribute: friendly_name
          style:
            top: 25%
            left: 66%
            font-size: 1.4em
            color: black
            font-weight: 400
        - type: state-label
          entity: sensor.thermostat_entree_battery_percent
          title: '% Batterie'
          tap_action:
            action: none
          style:
            top: 79%
            left: 8.3%
            font-size: 0.7em
            color: grey
            font-weight: 600
        - type: state-icon
          entity: sensor.thermostat_entree_battery_percent
          title: Niveau Batterie
          icon: mdi:battery-high
          tap_action:
            action: more-info
          style:
            top: 86%
            left: 8%
            '--paper-item-icon-color': grey
        - type: image
          entity: climate.netatmo_entree
          title: null
          tap_action:
            action: none
          image: /local/netatmo/bouton_fond-300x98.png
          style:
            top: 83.2%
            left: 71%
            width: 58%
        - type: image
          entity: climate.netatmo_entree
          title: Passer en Mode Absent
          tap_action:
            action: call-service
            service: Script.netatmo_mode_absent
          image: /local/netatmo/Absent.png
          style:
            top: 83%
            left: 53%
            width: 12%
        - type: image
          entity: climate.netatmo_entree
          title: Passer en Mode Hors Gel
          tap_action:
            action: call-service
            service: Script.netatmo_mode_hors_gel
          image: /local/netatmo/Hors Gel.png
          style:
            top: 83.2%
            left: 79.5%
            width: 14.5%
        - type: image
          entity: climate.netatmo_entree
          title: Passer en Mode Automatique
          tap_action:
            action: call-service
            service: Script.netatmo_mode_schedule
          image: /local/netatmo/Automatique.png
          style:
            top: 83.2%
            left: 67%
            width: 10%
        - type: state-label
          entity: select.netatmo_domicile
          title: Planning
          icon: mdi:calendar
          style:
            top: 85%
            left: 27%
            '--paper-item-icon-color': rgb(68,68,68)
        - type: image
          entity: climate.netatmo_entree
          title: On / Off
          style:
            top: 10%
            left: 8%
            width: 07%
          state_image:
            'off': /local/netatmo/netatmo-off.png
            auto: /local/netatmo/netatmo-on.png
          tap_action:
            action: call-service
            service: Script.netatmo_on_off
  - type: conditional
    conditions:
      - entity: input_number.hacf_0_1
        state: '2.0'
    card:
      type: picture-elements
      image: /local/netatmo/Netatmo_background_409x762_2.png
      elements:
        - type: image
          entity: climate.netatmo_entree
          image: /local/netatmo/Engie.png
          title: null
          tap_action:
            action: none
          style:
            top: 10%
            left: 90%
            width: 10%
        - type: image
          entity: climate.netatmo_entree
          title: Up Consigne
          tap_action:
            action: call-service
            service: Script.netatmo_increment_consigne
          hold_action:
            action: more-info
          image: /local/netatmo/Netatmo_up.png
          style:
            top: 52.6%
            left: 76.5%
            width: 6%
        - type: image
          entity: climate.netatmo_entree
          title: Down Consigne
          tap_action:
            action: call-service
            service: Script.netatmo_decrement_consigne
          hold_action:
            action: more-info
          image: /local/netatmo/Netatmo_down.png
          style:
            top: 52.6%
            left: 56.5%
            width: 6%
        - type: image
          entity: sensor.netatmo_hvac_action
          title: Temoin Chauffe
          tap_action:
            action: none
          image: /local/netatmo/Netatmo_chauffe.png
          style:
            top: 58%
            left: 25.5%
            width: 7%
          state_filter:
            heating: brightness(100%) saturate(1)
            idle: opacity(0%)
        - type: image
          entity: sensor.netatmo_preset_mode
          title: Mode de fonctionnement
          style:
            top: 29.9%
            left: 39%
            width: 11%
          state_image:
            manual: /local/netatmo/Netatmo_manual.png
            Schedule: /local/netatmo/Automatique.png
            away: /local/netatmo/Absent.png
            Frost Guard: /local/netatmo/Hors Gel.png
          tap_action:
            action: none
        - type: state-label
          entity: climate.netatmo_entree
          attribute: current_temperature
          unit_of_measurement: .
          title: Température Actuelle
          tap_action:
            action: null
          style:
            top: 48%
            left: 25.5%
            font-size: 1.6em
            color: black
            font-weight: 600
        - type: state-label
          entity: sensor.netatmo_temperature_consigne
          title: Température de consigne
          tap_action:
            action: null
          style:
            top: 25%
            left: 25.5%
            font-size: 1em
            color: white
            font-weight: 600
        - type: state-label
          entity: climate.netatmo_entree
          attribute: friendly_name
          style:
            top: 25%
            left: 66%
            font-size: 1.4em
            color: black
            font-weight: 400
        - type: state-label
          entity: sensor.thermostat_entree_battery_percent
          title: '% Batterie'
          tap_action:
            action: none
          style:
            top: 79%
            left: 8.3%
            font-size: 0.7em
            color: grey
            font-weight: 600
        - type: state-icon
          entity: sensor.thermostat_entree_battery_percent
          title: Niveau Batterie
          icon: mdi:battery-high
          tap_action:
            action: more-info
          style:
            top: 86%
            left: 8%
            '--paper-item-icon-color': grey
        - type: image
          entity: climate.netatmo_entree
          title: null
          tap_action:
            action: none
          image: /local/netatmo/bouton_fond-300x98.png
          style:
            top: 83.2%
            left: 71%
            width: 58%
        - type: image
          entity: climate.netatmo_entree
          title: Passer en Mode Absent
          tap_action:
            action: call-service
            service: Script.netatmo_mode_absent
          image: /local/netatmo/Absent.png
          style:
            top: 83%
            left: 53%
            width: 12%
        - type: image
          entity: climate.netatmo_entree
          title: Passer en Mode Hors Gel
          tap_action:
            action: call-service
            service: Script.netatmo_mode_hors_gel
          image: /local/netatmo/Hors Gel.png
          style:
            top: 83.2%
            left: 79.5%
            width: 14.5%
        - type: image
          entity: climate.netatmo_entree
          title: Passer en Mode Automatique
          tap_action:
            action: call-service
            service: Script.netatmo_mode_schedule
          image: /local/netatmo/Automatique.png
          style:
            top: 83.2%
            left: 67%
            width: 10%
        - type: state-label
          entity: select.netatmo_domicile
          title: Planning
          icon: mdi:calendar
          style:
            top: 85%
            left: 27%
            '--paper-item-icon-color': rgb(68,68,68)
        - type: image
          entity: climate.netatmo_entree
          title: On / Off
          style:
            top: 10%
            left: 8%
            width: 07%
          state_image:
            'off': /local/netatmo/netatmo-off.png
            auto: /local/netatmo/netatmo-on.png
          tap_action:
            action: call-service
            service: Script.netatmo_on_off
        - type: state-label
          entity: climate.netatmo_entree
          prefix: Salon
          tap_action:
            action: null
          style:
            top: 10%
            left: 60%
            font-size: 20px
  - type: conditional
    conditions:
      - entity: input_number.hacf_0_1
        state: '3.0'
    card:
      type: picture-elements
      image: /local/netatmo/Netatmo_background_409x762_2.png
      elements:
        - type: image
          entity: climate.netatmo_entree
          image: /local/netatmo/Engie.png
          title: null
          tap_action:
            action: none
          style:
            top: 10%
            left: 90%
            width: 10%
        - type: image
          entity: climate.netatmo_entree
          title: Up Consigne
          tap_action:
            action: call-service
            service: Script.netatmo_increment_consigne
          hold_action:
            action: more-info
          image: /local/netatmo/Netatmo_up.png
          style:
            top: 52.6%
            left: 76.5%
            width: 6%
        - type: image
          entity: climate.netatmo_entree
          title: Down Consigne
          tap_action:
            action: call-service
            service: Script.netatmo_decrement_consigne
          hold_action:
            action: more-info
          image: /local/netatmo/Netatmo_down.png
          style:
            top: 52.6%
            left: 56.5%
            width: 6%
        - type: image
          entity: sensor.netatmo_hvac_action
          title: Temoin Chauffe
          tap_action:
            action: none
          image: /local/netatmo/Netatmo_chauffe.png
          style:
            top: 58%
            left: 25.5%
            width: 7%
          state_filter:
            heating: brightness(100%) saturate(1)
            idle: opacity(0%)
        - type: image
          entity: sensor.netatmo_preset_mode
          title: Mode de fonctionnement
          style:
            top: 29.9%
            left: 39%
            width: 11%
          state_image:
            manual: /local/netatmo/Netatmo_manual.png
            Schedule: /local/netatmo/Automatique.png
            away: /local/netatmo/Absent.png
            Frost Guard: /local/netatmo/Hors Gel.png
          tap_action:
            action: none
        - type: state-label
          entity: climate.netatmo_entree
          attribute: current_temperature
          unit_of_measurement: .
          title: Température Actuelle
          tap_action:
            action: null
          style:
            top: 48%
            left: 25.5%
            font-size: 1.6em
            color: black
            font-weight: 600
        - type: state-label
          entity: sensor.netatmo_temperature_consigne
          title: Température de consigne
          tap_action:
            action: null
          style:
            top: 25%
            left: 25.5%
            font-size: 1em
            color: white
            font-weight: 600
        - type: state-label
          entity: climate.netatmo_entree
          attribute: friendly_name
          style:
            top: 25%
            left: 66%
            font-size: 1.4em
            color: black
            font-weight: 400
        - type: state-label
          entity: sensor.thermostat_entree_battery_percent
          title: '% Batterie'
          tap_action:
            action: none
          style:
            top: 79%
            left: 8.3%
            font-size: 0.7em
            color: grey
            font-weight: 600
        - type: state-icon
          entity: sensor.thermostat_entree_battery_percent
          title: Niveau Batterie
          icon: mdi:battery-high
          tap_action:
            action: more-info
          style:
            top: 86%
            left: 8%
            '--paper-item-icon-color': grey
        - type: image
          entity: climate.netatmo_entree
          title: null
          tap_action:
            action: none
          image: /local/netatmo/bouton_fond-300x98.png
          style:
            top: 83.2%
            left: 71%
            width: 58%
        - type: image
          entity: climate.netatmo_entree
          title: Passer en Mode Absent
          tap_action:
            action: call-service
            service: Script.netatmo_mode_absent
          image: /local/netatmo/Absent.png
          style:
            top: 83%
            left: 53%
            width: 12%
        - type: image
          entity: climate.netatmo_entree
          title: Passer en Mode Hors Gel
          tap_action:
            action: call-service
            service: Script.netatmo_mode_hors_gel
          image: /local/netatmo/Hors Gel.png
          style:
            top: 83.2%
            left: 79.5%
            width: 14.5%
        - type: image
          entity: climate.netatmo_entree
          title: Passer en Mode Automatique
          tap_action:
            action: call-service
            service: Script.netatmo_mode_schedule
          image: /local/netatmo/Automatique.png
          style:
            top: 83.2%
            left: 67%
            width: 10%
        - type: state-label
          entity: select.netatmo_domicile
          title: Planning
          icon: mdi:calendar
          style:
            top: 85%
            left: 27%
            '--paper-item-icon-color': rgb(68,68,68)
        - type: image
          entity: climate.netatmo_entree
          title: On / Off
          style:
            top: 10%
            left: 8%
            width: 07%
          state_image:
            'off': /local/netatmo/netatmo-off.png
            auto: /local/netatmo/netatmo-on.png
          tap_action:
            action: call-service
            service: Script.netatmo_on_off
        - type: state-label
          entity: climate.netatmo_entree
          prefix: Chambre
          tap_action:
            action: null
          style:
            top: 10%
            left: 60%
            font-size: 20px
  - type: custom:mushroom-chips-card
    chips:
      - type: entity
        entity: input_number.hacf_0_1
        name: V1
        use_entity_picture: false
        content_info: name
        tap_action:
          action: call-service
          service: input_number.set_value
          data:
            value: 1
          target:
            entity_id: input_number.hacf_0_1
        icon: mdi:eye-arrow-left-outline
      - type: entity
        entity: input_number.hacf_0_1
        name: V2
        content_info: name
        use_entity_picture: false
        tap_action:
          action: call-service
          service: input_number.set_value
          data:
            value: 2
          target:
            entity_id: input_number.hacf_0_1
        icon: mdi:eye-arrow-left-outline
      - type: entity
        entity: input_number.hacf_0_1
        name: V3
        content_info: name
        use_entity_picture: false
        tap_action:
          action: call-service
          service: input_number.set_value
          data:
            value: 3
          target:
            entity_id: input_number.hacf_0_1
        icon: mdi:eye-arrow-left-outline

[jerome6994]

Je n’y avais pas pensé du tout
Fait très vite !
Il faut ajuster un peu mais voilà qui est mieux tout sur le même écran un template derrière et hop une évolution de plus
merci pour l’idée @telenaze

[Sulli]

Bonjour

Je rencontre un problème au niveau de la carte car je n’ai pas les images…
J’ai Home assistant via Portainer. Et j’ai un message d’erreur quand j’essaie de créer un répertoire netatmo dans le répoertoire www (permission denied).
Comment faire ?

Merci

[telenaze]

Bonjour,
Je n’ai pas hassio sur portainer, tu a essayé de créer le répertoire avec File editor ?

[Julien]

Bonjour
Je suis sous proxmox avec une VM pour HAOS.
Au moment de mettre le code de la carte, je ne comprends pas comment mettre les images au bon endroit.
En ssh dans mon dossier /config, je n’ai pas de dossier www
Si je le crée avec le dossier netatmo, j’obtiens l’arborescence suivante /config/www/netatmo
Je mets les fichiers images téléchargés individuellement et renommés pour qu’il colle à ce qu’on a dans le code de la carte, (copié collé du nom indiqué dans le mode op)
Par contre, dans le code de la carte, si je reste en /local/netatmo/xxxx , je n’ai toujours pas les images qui s’affichent.
Comment procéder alors pour avoir l’affichage des images ?

Merci pour le boulot

[telenaze]

Salut,
tu as bien redémarrer hassio après avoir créer les répertoires www et netatmo ?

[Pascal_RUIZ]

Bonjour et merci pour votre travail.
J’ai suivi les explications et tout semble être en place, cependant les images apparaissent toutes en double sur la carte et la rendent illisible.
Avez vous une piste svp?
Merci d’avance

[telenaze]

salut,
Peux tu me mettre le code de ta carte et éventuellement une photo du défaut ?

[Pascal_RUIZ]

Merci de ton retour
Le code de la carte:

type: picture-elements
image: /local/netatmo/Netatmo_background_409x762_2.png
elements:

• type: image
  entity: climate.salon
  image: /local/netatmo/Engie.png
  title: null
  tap_action:
  action: none
  style:
  top: 10%
  left: 90%
  width: 10%
• type: image
  entity: climate.salon
  title: Up Consigne
  tap_action:
  action: call-service
  service: Script.netatmo_increment_consigne
  hold_action:
  action: more-info
  image: /local/netatmo/Netatmo_up.png
  style:
  top: 52.6%
  left: 76.5%
  width: 6%
• type: image
  entity: climate.salon
  title: Down Consigne
  tap_action:
  action: call-service
  service: Script.netatmo_decrement_consigne
  hold_action:
  action: more-info
  image: /local/netatmo/Netatmo_down.png
  style:
  top: 52.6%
  left: 56.5%
  width: 6%
• type: image
  entity: sensor.netatmo_hvac_action
  title: Temoin Chauffe
  tap_action:
  action: none
  image: /local/netatmo/Netatmo_chauffe.png
  style:
  top: 58%
  left: 25.5%
  width: 7%
  state_filter:
  heating: brightness(100%) saturate(1)
  idle: opacity(0%)
• type: image
  entity: sensor.netatmo_preset_mode
  title: Mode de fonctionnement
  style:
  top: 29.9%
  left: 39%
  width: 11%
  state_image:
  manual: /local/netatmo/Netatmo_manual.png
  Schedule: /local/netatmo/Automatique.png
  away: /local/netatmo/Absent.png
  Frost Guard: /local/netatmo/Hors Gel.png
  tap_action:
  action: none
• type: state-label
  entity: climate.salon
  attribute: current_temperature
  unit_of_measurement: .
  title: Température Actuelle
  tap_action:
  action: null
  style:
  top: 48%
  left: 25.5%
  font-size: 1.6em
  color: black
  font-weight: 600
• type: state-label
  entity: sensor.netatmo_temperature_consigne
  title: Température de consigne
  tap_action:
  action: null
  style:
  top: 25%
  left: 25.5%
  font-size: 1em
  color: white
  font-weight: 600
• type: state-label
  entity: climate.salon
  attribute: friendly_name
  style:
  top: 25%
  left: 66%
  font-size: 1.4em
  color: black
  font-weight: 400
• type: state-label
  entity: sensor.thermostat_battery_percent
  title: ‹ % Batterie ›
  tap_action:
  action: none
  style:
  top: 79%
  left: 8.3%
  font-size: 0.7em
  color: grey
  font-weight: 600
• type: state-icon
  entity: sensor.thermostat_battery_percent
  title: Niveau Batterie
  icon: mdi:battery-high
  tap_action:
  action: more-info
  style:
  top: 86%
  left: 8%
  ‹ –paper-item-icon-color ›: grey
• type: image
  entity: climate.salon
  title: null
  tap_action:
  action: none
  image: /local/netatmo/bouton_fond-300x98.png
  style:
  top: 80.2%
  left: 71%
  width: 58%
• type: image
  entity: climate.salon
  title: Passer en Mode Absent
  tap_action:
  action: call-service
  service: Script.netatmo_mode_absent
  image: /local/netatmo/Absent.png
  style:
  top: 80%
  left: 53%
  width: 12%
• type: image
  entity: climate.salon
  title: Passer en Mode Hors Gel
  tap_action:
  action: call-service
  service: Script.netatmo_mode_hors_gel
  image: /local/netatmo/Hors Gel.png
  style:
  top: 80%
  left: 79.5%
  width: 14.5%
• type: image
  entity: select.mon_domicile
  title: Passer en Mode Automatique
  tap_action:
  action: call-service
  service: Script.netatmo_mode_schedule
  image: /local/netatmo/Automatique.png
  style:
  top: 80%
  left: 67%
  width: 10%
• type: state-label
  entity: select.mon_domicile
  title: Planning
  icon: mdi:calendar
  style:
  top: 85%
  left: 27%
  ‹ –paper-item-icon-color ›: rgb(68,68,68)
• type: image
  entity: climate.salon
  title: On / Off
  style:
  top: 10%
  left: 8%
  width: 07%
  state_image:
  ‹ off ›: /local/netatmo/netatmo-off.png
  auto: /local/netatmo/netatmo-on.png
  tap_action:
  action: call-service
  service: Script.netatmo_on_off

La carte:

[Pascal_RUIZ]

Désolé, c’est mon premier post, ca ne rend pas vraiment comme ca