Lovelace: Simple thermostat card

Hi, is there an option that I can use this card with a climate group? I’m using this integration https://github.com/daenny/climate_group to combine my 3 valves in the livingroom and control them at the same time but the simple thermostat card does not seem to work with it. In my other rooms the simple card works perfectly! Thanks.

Duplicate them inside a conditional card.

Any reason this hasn’t been added to HACS?

Yes of course. In my setup it works very well even with the climate_group. Just use your climate.group id as climate which you have configured in your config.yaml

Oh strange, I tried a few times this way but I got an error. Tried again now and it works :slight_smile: no idea what I did wrong. Thanks

Hi Joachim, my problem might be related to yours. I have three netatmo valves that appears as “thermostat” in simple th. card (or even in the default th card). Every button for preset or operation works and changes the state for all three valves (away, frost guard…), in netatmo app (setpoint work for the particular valve) but in lovelace the buttons dont change their state/color. Do you think that this can be done by a grouping them?

So grouping works perfectly but does not solve my problem. When I click on any button of the simple thermostat it changes states of all valves in netatmo interface but the state of the button in lovelace does not change. Any ideas?

Hi, I do not think we have the same problem when I read your post. I also have a slightly different valve. It looks the same but has different software and behavior.

HI guys,
Could someone help me setting this up.
I’ve added the ‘simple-thermostat.js’ file to the www folder and enabled advanced mode and added the local resource /local/simple-thermostat.js?v=1 but whenever i try using it i get the error ‘Error: Custom element not found: simple-thermostat’ and i’ve restarted the server.
Am i installing this the wrong way
Thanks

Do it using hacs, it’s way better and reliable. Then everything you need to do is to add your custom card to the configuration.yaml; in the following format

lovelace:
  resources:
    - url: /hacsfiles/simple-thermostat/simple-thermostat.js?v=1
      type: module
1 Like

Folks,

I am not sure whether I read the behavior properly but I tried the default ‘thermostat’ and the custom ‘simple_thermostat’, both shows the same behavior.

I can send commands to NETATMO Thermostat (in my case valves) using buttons (or through scripts or services) that are accepted immediately but the button in the lovelace does not change, even after refreshing or waiting some time, the lovelace cards do not read the state of the netatmo valves. Both of them.

Any ideas what I am doing wrong?

ok, this is a problem with webhooks, will be corrected in the following version of netatmo integration

Is it possible, when using compact mode, to use chevrons instead of +/-? I have seen the issue #99 on git and it looks like there are plans for it.
I would happily edit config files, but cannot find them. I tried to change mt="mdi:minus" to mt="hass:chevron-down" in X:\www\community\simple-thermostat\simple-thermostat.js, but it made no difference.
Anyone know where the config files are hiding. (HACS install)

thanks

Hello,

It is not possible to configure or retrieve classes for some sensors (Closed for a windows instead of off) ?

It seems that the icon in the top left corner does not change state.

Finally, the Daikin integration does not display its state and hide: / mode does not seem to work.

Thank you for your help.

@Vahaldor do you know when this will be fixed? In my case the sesors related to netatmo update but after sometime (between 5 to 8mins after the setting has been implemented). With this behavious it is (almost) impossible use any automation.

thanks,
Antonio

If you properly configure webhooks, netatmo thermostat should work fine. I have three valves. The author of the integration is in touch with me and debugging this behavior currently. However, everything seems to work with webhooks, I have only some unpredictable lags in seconds, so we changed the behavior significantly since my recent post with the gif

the key is webhooks and external access to HA on port 443 or nabu casa cloud

Check the proper configuration here:
https://community.home-assistant.io/t/netatmo-receives-commands-but-does-not-send-states

Hi,
I had the same problem. When adding to the local resource then: /local/simple-thermostat.js
Not: /local/simple-thermostat.js?v=1
It works…

greetings
Sascha

2 Likes

Unfortunately the last update seems to have a breaking change for me which was not mentioned. I had blue colored buttons and now i have green and orange buttons. Can someone tell me how to change button colors after this update?

The first part with the orange button:

      - type: 'custom:simple-thermostat'          # card type
        entity: climate.generic_thermostat_office # used climate entity
        name: false                               # card title or false
        icon: false                               # icon details or false
            # heating: mdi:fire       # defines icon for heating beside card title. Alternative - mdi:radiator         
            # idle: mdi:fire          # defines icon for heating beside card title. Alternative - mdi:radiator-disabled
            # 'off': mdi:power        # defines icon for heating beside card title. Alternative - mdi:radiator-off
        fallback: 'AUS'               # defines what is shown if no temperature is available
        decimals: 1                   # defines number of shown decimals
        step_size: 0.5                # defines step size of the thermostat
        step_layout: column           # defines layout
        label:
            temperature: Temperatur   # defines used label for temperature 
            state: Status             # defines used label for state 
        hide:
            temperature: true         # defines if temperature should be shown
            state: true               # defines if temperature should be shown
        control:
          _headings: false            # defines if actionname is written besides the hvac modes
          _names: true                # defines if button has a name
          _icons: true                # defines if buttons have an icon
          hvac:
            heat:
              name: 'An'              # defines label of mode heat
              icon: mdi:radiator      # defines icon of mode heat
            'off':
              name: 'Aus'             # defines label of mode off
              icon: mdi:radiator-off  # defines icon of mode off
        sensors:
          - entity: sensor.homematic_ip_temperature_current_temperatur_office
            name: Temperatur
            icon: mdi:home-thermometer-outline
          - entity: sensor.bu_wandthermostat_humidity
            name: Luftfeuchtigkeit
            icon: mdi:water-percent
          - entity: sensor.bu_heizkorperthermostat_heating
            name: Heizleistung
            icon: mdi:radiator
        style: |
          ha-card {
            border-radius: 15px;
            background-color: rgba(000,000,000,0.0);
            box-shadow: 1px 1px 2px 0px rgba(000,000,000,0.0);
            font-weight: bold;
            --st-font-size-sensors: 21px;
            --st-spacing: 2px;
          }
          ha-card .mode-item {
            border-radius: 8px;
            background: rgba(200,200,200,0.5);
            color: rgba(120,120,120, 1.0);
          }
          ha-card .mode-item.active {
            border-radius: 8px;
            background: rgba(002,136,209,1.0); 
          }
          ha-card .mode-item:hover {
            border-radius: 8px;
            background: rgba(150,150,150,0.5);
           }

And the other part (with the green button):

        - type: 'custom:simple-thermostat'
          entity: climate.buro
          name: false
          icon: false
          fallback: 'AUS'
          decimals: 1
          step_size: 0.5
          step_layout: row
          hide:
              temperature: true
              state: true
          control:
            _headings: false
            _names: true
            _icons: true
            hvac:
              heat:
                name: 'Manuell'
                icon: mdi:car-shift-pattern
              auto:
                name: 'Auto'
                icon: mdi:cogs
            preset:
              'boost':
                name: 'Boost'
                icon: mdi:fire
              'HA Remote':
                name: 'HA Remote'
                icon: mdi:home-assistant
              'Aus (Konstant 14°C)':
                name: 'Aus'
                icon: mdi:power
              'An (Konstant 21,5°C)':
                name: 'An'
                icon: mdi:thermostat
          style: |
            ha-card {
              border-radius: 15px;
              background-color: rgba(000,000,000,0.0);
              box-shadow: 1px 1px 2px 0px rgba(000,000,000,0.0);
              font-weight: bold;
              --st-font-size-sensors: 21px;
              --st-spacing: 1px;
            }
            ha-card .mode-item {
              border-radius: 8px;
              background: rgba(200,200,200,0.5);
              color: rgba(120,120,120, 1.0);
              font-size: 13px;
            }
            ha-card .mode-item.active {
              border-radius: 8px;
              background: rgba(002,136,209,1.0); 
              font-size: 13px;
            }
            ha-card .mode-item:hover {
              border-radius: 8px;
              background: rgba(150,150,150,0.5);
              font-size: 13px;
            }
2 Likes

A bit off-topic and I apologise in advance :slight_smile:
But, can you please share your full card configuration? The setup with the graph looks amazing!

1 Like