As you can see. the thermostat is not in center of the card.

A good enhancement would be the chance to switch between the setting of the high and low thresholds and just the center value appling the idle zone like the distance between high and low.

good work graphically very good

Hey, I absolutely love your card! And I got it basically working.

The thing is, I cannot really use the hvac mode. When I click on the symbol, it fills out the whole card and when I click on it again it says Failed to call service climate/set_hvac_mode.

2020-02-19 22:41:11 ERROR (MainThread) [homeassistant.components.websocket_api.http.connection.139732047504912]
Traceback (most recent call last):
  File "/usr/src/homeassistant/homeassistant/components/websocket_api/commands.py", line 134, in handle_call_service
    connection.context(msg),
  File "/usr/src/homeassistant/homeassistant/core.py", line 1226, in async_call
    await asyncio.shield(self._execute_service(handler, service_call))
  File "/usr/src/homeassistant/homeassistant/core.py", line 1251, in _execute_service
    await handler.func(service_call)
  File "/usr/src/homeassistant/homeassistant/helpers/entity_component.py", line 198, in handle_service
    self._platforms.values(), func, call, required_features
  File "/usr/src/homeassistant/homeassistant/helpers/service.py", line 356, in entity_service_call
    future.result()  # pop exception if have
  File "/usr/src/homeassistant/homeassistant/helpers/service.py", line 384, in _handle_service_platform_call
    result = await result
  File "/usr/src/homeassistant/homeassistant/components/climate/__init__.py", line 422, in async_set_hvac_mode
    await self.hass.async_add_executor_job(self.set_hvac_mode, hvac_mode)
  File "/usr/local/lib/python3.7/concurrent/futures/thread.py", line 57, in run
    result = self.fn(*self.args, **self.kwargs)
  File "/usr/src/homeassistant/homeassistant/components/climate/__init__.py", line 418, in set_hvac_mode
    raise NotImplementedError()
NotImplementedError

I was hoping I could switch between the original modes of the thermostat, which are auto, boost, manual and vacation.

The sensor in HA looks like this in Auto mode:

hvac_modes: auto
min_temp: 4.5
max_temp: 30.5
preset_modes: boost,manual,vacation
current_temperature: 22.8
temperature: 21
preset_mode: null
friendly_name: Bad
supported_features: 17

and like this in manual mode:

hvac_modes: auto
min_temp: 4.5
max_temp: 30.5
preset_modes: boost,manual,vacation
current_temperature: 22.9
temperature: 16.5
preset_mode: manual
friendly_name: Bad
supported_features: 17

Any chance to reflect that?

Hi

installed the very last version of HACS (1.0.1), thermostat-card(v1.2.9) and HA (0.110.1).
I'm getting "Custom element doesn't exist: thermostat-card."

The 3 dots icon does not appear with dark themes (Google Dark Theme). Is it possible to make it visible?

Hi,
It seems that there is an issue with clicking on the target temperature up chevron, due it is behind the title.
In the smaller size mode.

Thanks in advance.

Hello,

i want to know how to change the background color of the dial.

Changes to the styles.js did nothing.

Thanks and greetings
Gunter

Hi, thanks for amazing card in the first place. I was wondering if there could be some way to make overall size of card a bit smaller, as now it "shouts out" over my other cards in my dashboard . thanks

Is it possible to add a different (highlighted) color to the tick marks between the current temperature and the target temperature?
The original control on Codepen does have a different tick mark color (see image below:)

And this is the behavior in lovelace:

Also, when the heater is off, no tick mark highlights are visible:

(btw: using Thermostat Lovelace card v1.2.8 on HASS 105.4, browsers: Safari and Chrome)

Hello
I find your card very beautiful.
Is it possible to insert the possibility to set the fan speed for the air conditioner?

Initial install via HACS did not work at all due to missing components. That issue was fixed by recent checkin (40 mins ago).

Now entire page of controls does not render because of presence of this control.

I am using the new Nest Integration. The thermostat attributes are:

hvac_modes:
  - 'off'
  - heat
min_temp: 7
max_temp: 35
preset_modes:
  - none
  - eco
current_temperature: 21.6
temperature: 22
hvac_action: heating
preset_mode: none
friendly_name: Living Room
supported_features: 17

As you can see, hvac_action is reported as heating not heat. I think the code triggers an orange dial when hvac_action is heat. There is another thermostat-card project that allows you to map off, heat and cool to your thermostat's action states.

Hello, first a great implementation of a thermostat. I would like to use it but there is one issue I would like you to resolve.

I have a Hive Thermostat which is located in the living room and multiple TRVs (not hive and various manufacturers), the TRVs are showing a scale which has 18 - 20 c at the extreme lower end of the scale while the Hive thermostat has the 18 - 20 c at the mid point of the scale.

I have error:

Uncaught TypeError: Cannot read property 'toLowerCase' of null
    at ThermostatUI._updateColor (thermostat_card.lib.js?v=0.1.1:332)
    at ThermostatUI.updateState (thermostat_card.lib.js?v=0.1.1:188)
    at HTMLElement.set hass [as hass] (main.js:42)
    at HTMLElement.value (hui-view.ts:61)
    at HTMLElement.value (hui-view.ts:337)
    at HTMLElement.t.addEventListener.once (hui-view.ts:68)
    at r (fire_event.ts:76)
    at create-element-base.ts:92

and that's true actually, as my thermostat preset_mode is null, when it's in manual mode

I've just set this up, thank you firstly for the hard work on this!

Version: 1.3.0

When adding this card to Lovelace but I don't utilise the title: option my thermostat just shows "Title", when I assume it should be blank instead?
YAML:

type: 'custom:thermostat-card'
entity: climate.hallway_thermostat

Screenshot:

Thanks in advance 😄

HI,
The buttons are broken on HA 0.110.0

Uncaught TypeError: Cannot read property 'toLowerCase' of null
    at ThermostatUI._updateColor (thermostat_card.lib.js?v=0.1.1:332)
    at ThermostatUI.updateState (thermostat_card.lib.js?v=0.1.1:188)
    at HTMLElement.set hass [as hass] (main.js:42)
    at HTMLElement.value (hui-view.ts:61)
    at HTMLElement.value (hui-view.ts:337)
    at HTMLElement.<anonymous> (hui-view.ts:68)
    at r (fire_event.ts:76)
    at create-element-base.ts:92

Still error occurs.

Hi.

A change in how lovelace cards are set up in Home Assistant 0.105 increases performance, but enables cards to accidentally modify their own configuration in the loaded lovelace configuration.

I'm going through the cards in the HACS default repository, and noticed that your card may be susceptible to this. Looking through your code it seems you may modify parts of the config object passed to your card in setConfig.

The result could be that your card does not work well with the GUI editors or that parts of the configuration start showing up multiple times.

At some point in the future, it is likely that the configuration will be frozen before being passed to setConfig. At this point, your card will fail entirely when it tries to modify the configuration object.

There are several ways to fix/protect agains this problem.

The best is to restructure setConfig such that the configuration is never modified.
Other alternatives are to make a copy of the configuration and work on that instead.

setConfig(config) {
  config = { ...config }; // This works for simple configurations not containing arrays or objects
...

import { deepClone } from "deep-clone-simple";
// https://github.com/balloob/deep-clone-simple

setConfig(config) {
  config = deepClone(config); // This is a safe and fast method
...

or

setConfig(config) {
  config = JSON.parse(JSON.stringify(config)); // This uses built-in functions, but may be slower than deepClone
  ...

Please note that I have not tested your card agains Home Assistant 0.105 or later, but just quickly looked through the code. If I'm mistaken in my assessment, I appologize for taking your time.

See thomasloven/hass-config#6 for more info.

ALSO! Please restore the original MIT license file and honor it's attribution clause.

Hey there,

is there any plan to synchronize this HACS integrated lovelace card with the original repository?

I am currently adding proper support for the away leaf by configuring custom attribute/sensor (as in hvac) and I'd like to pull that via HACS after my PR got merged (fingers crossed tho).

ciotlosm/lovelace-thermostat-dark-card#262

Ive set the step configuration to 0.5, however, when I go to change temperature setting it goes from 74.9 to 74.4 to 73.9 etc.

To me the expectation here would be 75 to 74.5 to 74 etc. I think the current temp to the 1 decimal place is coming through and then its stepping 0.5 from there. I say this because even if I change step to 1.0 I still get a similar experience.

Can this be fixed?
Perhaps there’s a way to set temp to full numbers or .5 numbers. Thoughts?

wen i put the code in a new card in lovelace, a message tel me no card type configured

Hi,

When I switch to AWAY preset mode it does not change on the thermostat lovelace card.

It remains HOME.

The target temperature is correct.

Regards,

I have tried both a HACS install and a manual install. can't get around the "type does not exist" issue that many others seem to have. How did anyone else even get this card working?

Installed via HACS, worked until the update yesterday. Webdev console says:

GET http://ha/community_plugin/lovelace-thermostat-card/dist/styles.js?v=0.1.1 net::ERR_ABORTED 404 (Not Found)

GET http://ha/community_plugin/lovelace-thermostat-card/dist/thermostat_card.lib.js?v=0.1.1 net::ERR_ABORTED 404 (Not Found)

Uncaught (in promise) http://ha/community_plugin/lovelace-thermostat-card/main.js

Hi,
Since last HA update, 0.110.2, there is no scale coloring, blue, orange, depends on the AC operation mode.
It is all white now.

Thanks in advance.

The dial background color is always orange because heat mode is enabled. If I disable heat mode the dial background color is black.

I'd like the dial background to reflect the climate sensor's "hvac_action" attribute current value.

• "idle" shows black background.
• "heating" shows orange background.
• "cooling" shows blue background.

Essentially, exactly what happens when you look at a Nest thermostat.

Please fix HACS installation

Files are copied by HACS, but your card is not working

Please add support for the Nest Leaf!
The Nest Leaf displays on my thermostat when my heating temperature is set to 19 C or less. It's not based on ECO mode. In ECO mode, the Leaf is simply triggered to display because ECO mode sets the ECO temperature to a range I configure in Nest settings (range is off, 4.5 to 21.0). That range setting happens to display a Leaf on the slider at 16.5 C or less but in operation, the Nest displays a Leaf at <19.5 C. Perhaps add an option to manually specify leaf_heat_setpoint: and default to 19 if not configured. That way the user can control the display of the Leaf but within a range of min_setpoint to max 19 C and if user specifies a higher value use 19 C. I don't know what the cooling setpoints are for the Leaf trigger as I do not have A/C...

Hi,

Is there a way to also show the humidity?
On this Github page I've noticed a yellow raindrop with percentage icon:

So I suppose this is the humidity level? On your Github there is no parameter to add/hide the humidity sensor.
Currently I'm using another custom thermostat because I want to visualize the humidity/room (thermostat)
So If I could also see the humidity in your lovelace-thermostat-card I would instantly switch.

  - type: 'custom:simple-thermostat'
    id: tado_thermostat_bathroom
    name: "BATHROOM"
    entity: climate.badkamer
    step_layout: row
    icon: false
    step_size: 1
    sensors:
      - entity: sensor.badkamer_humidity
        name: Humidity
    control:
      hvac:
        some_mode: false
        another_mode: false

  - type: 'custom:thermostat-card'
    title: BATHROOM
    entity: climate.badkamer
    small_i: true

Thanks!

Hi
I am using lovelace thermo card. I recognized that the values temp and set-temp are not marked with colors as shown here.

I am using HA version

In my dashboard the thermostat looks like this, no colors !

what is here wrong, can you give me some hints what I am doing wrong ?
regards Chris

Hi,
Seems that the menu button (3 dots) is not visible anymore. Although it is still possible to tap on that area to get the whole settings pop-up opened.

Totally fine if this was the intention, maybe make it configurable. What do you think?

Thanks in advance.

Dark icons can't be seen when use default theme.
Screenshot: https://konnected.vn/wp-content/uploads/2020/06/konnected_vn_Lovelace-Thermostat-Card-Color-Issue-6-6-2020.png