Lovelace: Simple thermostat card

Share your Projects! Dashboards & Frontend
827

Has anyone figured out if it is possible to change the order of the modes? Edit: Specifically Fan modes!
I am using the hvac control and it seems like the order is locked to what the entity reports for that attribute.
The problem is that the Mitsubishi heat pumps have a very strange order.

control:
  hvac:
    heat_cool: false
    fan_only: false
  fan:
    diffuse:
      name: Quiet
    low:
      name: 1
    medium:
      name: 2
    middle:
      name: 3
    high:
      name: 4

Which is shown as in the picture below.
I would like to have the order: Auto, Quiet, Low, Medium, Middle, High since that is the order they are actually used when stepping through the speeds with the original remote.

Skärmbild

Edit: Saw it was reported in Issue #185 already and that the hvac_modes was fixed previously!
Modes are not displayed in the order configured · Issue #185 · nervetattoo/simple-thermostat · GitHub

828

I don’t get the hang of this setpoint thing. What’s the use case and can I misuse it for generating an additional preset?
Goal:
I’d like to have an additional button for the minimum temperature (just thermostats, no hvac included) so I can get with one click from let’s say 20°C to 5°C (10 minutes prior to opening the windows for the morning air).

With a rather lengthy YAML (and heavy card_moding) I stripped the card down to this (the wind icon and the 5°C are on purpose):
thermostat01

Just make a preset button out of the fas:wind 5°C… ???

829

Hello there!
First of all - it’s a really beautiful card. Thank you for maintaining it for more than 3 years now.

Is it possible to change the temperature value on the top right corner depending on the state?
Here are some good and bad situations:

  1. The action is set to off - everything is fine. The thermostat and the card show 0°C and the preset changed to manuell.
    off

  2. The preset away is selected. The thermostat is set to 17°C but the card stuck with the last value.
    away

  3. The preset max is selected - fine again. Thermostat and card get the same value with 30°C. The action changed to heat also.
    max

  4. The preset or action automatic is selected. The thermostat is set to 21°C but the card stuck at the last value again.
    auto

Is there a chance to get the same value on the thermostat and the card in all situations?

830

The number on the card comes from your heating Integration, that one should update the number, then the card will display the correct number.

I would assume that the correct number shows up after a while?

831

Hi, I can’t get my simple thermostat card to behave like it was 1 month ago, I can’t get back the background colors of the buttons neither change the active mode color background.

the most annoying one is the green auto mode.

any help will be appreciated

code:

type: custom:simple-thermostat
entity: climate.netatmo_salon_pabellon
icon: mdi:fireplace
decimals: '1'
show_header: true
name: Estufa
step_layout: row
label:
  temperature: Temperatura
  state: Estado
sensors:
  - entity: sensor.netatmo_salon_pabellon_current_temperature
    name: Mesilla
  - entity: sensor.netatmo_pabellon_cocina_pabellon_humidity
    name: Humedad
layout:
  mode:
    headings: false
    names: false
  step: row
hide:
  temperature: true
control:
  _names: false
  _headings: false
  hvac:
    some_mode: false
    another_mode: false
    'off':
      name: Apagado
    auto:
      name: Auto
      icon: mdi:calendar
header:
  name: Estufa
  icon: mdi:fireplace
style: |


  ha-card {
  --st-font-size-xl: 24px !important;
  --st-font-size-title: 20px !important;
  --st-font-size-m: 10px !important;
  --st-font-size-sensors: 15px !important;
  }




  .body {
    padding-bottom: 0px !important;    
    padding-left: 15px !important;

  }
  header {
    padding-bottom: 15px !important;

  }

Theme:

noctis

noctis:  

  # Fonts
  primary-font-family: 'Raleway,sans-serif'
  paper-font-common-base_-_font-family: "var(--primary-font-family)"
  paper-font-common-code_-_font-family: "var(--primary-font-family)"
  paper-font-body1_-_font-family: "var(--primary-font-family)"
  paper-font-subhead_-_font-family: "var(--primary-font-family)"
  paper-font-headline_-_font-family: "var(--primary-font-family)"
  paper-font-caption_-_font-family: "var(--primary-font-family)"
  paper-font-title_-_font-family: "var(--primary-font-family)"
  ha-card-header-font-family: "var(--primary-font-family)"

  # Text
  text-color: '#ffffff' 
  primary-text-color: 'var(--text-color)'
  text-primary-color: 'var(--text-color)'
  secondary-text-color: "#BAC0C6"
  text-medium-light-color: '#A0A2A8'
  text-medium-color: '#80828A'
  disabled-text-color: '#626569'
  primary-color: 'var(--accent-color)'

  # Text Fields an Dropdown
  mdc-text-field-fill-color: 'var(--background-color)'
  mdc-text-field-ink-color: 'var(--text-color)'
  mdc-select-fill-color: 'var(--background-color)'
  mdc-text-field-label-ink-color: 'var(--secondary-text-color)'
  input-fill-color: 'var(--background-color)'
  input-ink-color: 'var(--text-color)'
  input-label-ink-color: 'var(--text-color)'
  input-disabled-fill-color: 'var(--background-color)'
  input-disabled-ink-color: 'var(--disabled-text-color)'
  input-disabled-label-ink-color: 'var(--disabled-text-color)'
  input-idle-line-color: 'var(--background-color)'
  input-dropdown-icon-color: 'var(--secondary-text-color)'
  input-hover-line-color: 'var(--primary-color)'
  code-editor-background-color: '#222c40'
  codemirror-property: 'var(--accent-color)'
  
  # Main Colors
  app-header-background-color: '#242e42'
  header-height: 48px
  accent-color: '#1A89F5'
  accent-medium-color: 'var(--accent-color)'

  # Background
  background-color: '#242e42'
  primary-background-color: 'var(--background-color)'
  background-color-2: '#20293c' 
  secondary-background-color: 'none'
  markdown-code-background-color: 'var(--background-color)'
  
  # Card
  card-background-color: 'var(--ha-card-background)'
  ha-card-background: 'rgba(43,55,78,1)' #'linear-gradient(145deg, #273246, #2e3b53)'
  ha-card-box-shadow: "3px 3px 13px -6px rgba(17,35,52,1)"
  ha-card-border-radius: "5px"
  border-color: 'none'

  # Icons
  paper-item-icon-color: '#EBEBEB'
  paper-item-icon-active-color: 'var(--accent-color)'
  
  # Sidebar
  sidebar-background-color: 'var(--background-color)'
  sidebar-icon-color: '#98a7b9'
  sidebar-selected-icon-color: 'var(--accent-color)'
  sidebar-selected-text-color: 'var(--text-color)'
  paper-listbox-background-color: 'var(--sidebar-background-color)'
  divider-color: 'var(--background-color)'
  light-primary-color: 'var(--ha-card-background)'

  # Sliders
  paper-slider-knob-color: 'var(--accent-color)'
  paper-slider-pin-color: 'var(--background-color-2)'
  paper-slider-active-color: 'var(--accent-color)'
  paper-slider-container-color: 'var(--background-color-2)'

  # Toggle:
  paper-toggle-button-checked-bar-color: 'var(--accent-color)'
  mdc-theme-primary: 'var(--accent-color)'

  # Switch
  switch-unchecked-color: '#70889e'
  switch-checked-button-color: 'var(--accent-color)'
  switch-unchecked-track-color: 'var(--background-color-2)'
  switch-checked-track-color: 'var(--background-color-2)'

  # Radio Button
  paper-radio-button-checked-color: 'var(--accent-color)'

  # Popups
  more-info-header-background: 'var(--secondary-background-color)'
  paper-dialog-background-color: 'var(--background-color)' #'rgba(47,59,82,0.4)'

  # Tables
  table-row-background-color: 'var(--background-color)'
  table-row-alternative-background-color: 'var(--ha-card-background)'

  # Badges
  label-badge-background-color: 'var(--background-color)'
  label-badge-text-color: 'var(--text-primary-color)'
  label-badge-red: 'rgba(73,85,108,1)'
  label-badge-blue: 'rgba(26,137,245,1)'
  label-badge-green: 'rgba(0,202,139,1)'
  label-badge-yellow: 'rgba(222,176,107,1)'

  paper-input-container-focus-color: 'var(--accent-color)'
  
  # Custom Header
  ch-background: 'var(--background-color)'
  ch-active-tab-color: 'var(--accent-color)'
  ch-notification-dot-color: 'var(--accent-color)'
  ch-all-tabs-color: 'var(--sidebar-icon-color)'
  ch-tab-indicator-color: 'var(--accent-color)'

  # Mini Mediaplayer
  mini-media-player-base-color: 'var(--text-color)'
  mini-media-player-accent-color: 'var(--accent-color)'

  # Alarm
  alarm-color-armed: 'rgba(247,53,67,1)'


  # Card-Mod #####################################################################
  # Uncomment the Code below if you have card-mod installed and want blur effect #
  ################################################################################


  # card-mod-theme: noctis
  
  # card-mod-more-info-yaml: |
  #   $: |
  #     .mdc-dialog .mdc-dialog__scrim {
  #       backdrop-filter: blur(15px);
  #       -webkit-backdrop-filter: blur(15px);
  #       background: rgba(0,0,0,.6);
  #     } 
  #     .mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
  #       box-shadow: none !important;
  #       border-radius: var(--ha-card-border-radius);
  #     }
  #   .: |
  #     :host {
  #       --ha-card-box-shadow: none;
  #     }
    


#ST thermostat:
  st-mode-active-background: 'var(--accent-color)' #Background color for active mode button
  st-mode-active-color: 'var(--text-color)' #Text color for active mode button
  st-mode-background: 'var(--accent-color)' #Background color for inactive mode button
  st-toggle-label-color: 'var(--accent-color)' #Text color for toggle label

Captura de pantalla 2022-03-15 a las 12.53.11
Captura de pantalla 2022-03-15 a las 12.53.111018×478 21.9 KB

1 Like
832

Thanks, I have been looking and tweaking trying to find this solution for a few days now! Worked perfectly

833

Unfortunately not. The number doesn’t change after multiple hours.
I’m getting the values from my zigbee2mqtt mosquito broker.

The manual value is stored in “current_heating_setpoint” and the auto value is stored in “current_heating_setpoint_auto”.

834

Ok. Sorry I’m not an expert on this card :slight_smile:
Did you look at the version 3 options?

Maybe there is something in there that helps you?

835

I just found this and setup a new card, and I’m seeing similar problems as well. No icons for the temperature set, or on my buttons for modes and presets either. Text on the buttons is darker and harder to read on my current theme as well.

836

this card is as good as dead, the last commit in repo is from 15.11.2021 The only chance is adoption by another dev.

837

Hi all !
I’m using two generic thermostats, one for heating and the other for cooling.
Is it possible to have them together in one simple thermostat card ?
If so, please tell me how ?
Thanks

838

somehow I lost the +/- on my thermostat… how do I check what theme variable has a conflict here?

didnt see the card officially has --st variables for that, so must be a global theme setting, but even in default there’s nothing:

all that happens is a gray circle when hovering the hotspot…

Schermafbeelding 2022-04-08 om 17.37.44
Schermafbeelding 2022-04-08 om 17.37.44978×864 57.4 KB

dont have anything on the layout for step control in my config, but even when adding:

type: custom:simple-thermostat
entity: climate.front_room
header: false
layout:
  step: column

they dont show. If I change that to ‘row’, the grey circles do change position, so thats working alright. No +/- however…

I did still have this:

control:
  _names: false

but that is no longer an option? cant find that anymore in the docs… taking it out doesnt make a difference though :wink:

839

Mine are there in 2022.4.1. The simple thermostat is inside a horizontal stack card, which is in a panel.

840

thanks. Ive had it like that for ever, and am sure they were there… the controls I mean. Just not sure when they disappeared, but I only noticed just now. And no errors in the inspector.

Ive just tried with a minimal setup of just the card and the entity, and the result is identical. really odd

841

Hi this was an issue in old HA versions
Please upgrade to last one and this will be fixed
Phil

1 Like
842

Old Ha versions ? Or old STC versions.

I am on dev nightly, so hardly ‘old’ ha version…

Will check to be sure if I have the latest STC though, thanks for making me aware…!
seems you’re right, I was using 2.4.1 . doesnt happen very often I skip an update :wink:

Bingo!

Schermafbeelding 2022-04-09 om 18.19.48
Schermafbeelding 2022-04-09 om 18.19.48966×854 64.2 KB

thank you very much again, cant believe I made such a stupid user error… really sorry

843

I can I disable displaying the Target Temperature and the Up and Down Arrows?

I have read most of the above and skimmed over a lot and did not see anything that helped.

844

But have you read the docs? Its in there, search for setpoint.

845

@nickrout Thanks. Yes I have also read the docs, but it was not obvious to me how to accomplish what I wanted. I even entered the examples for setpoints and added hide for both, but it did nothing except put N/A where the temperature would be displayed. I finally tried

setpoints: false

and that worked.

846

I tried

setpoints:
  temperature:
    hide: true

and that seemed to work. Yours is simpler!