I would do it differently

We all have lovelace. With so many options around (custom buttom cards etc) sometimes we need to have a fresh view on how it can be done differently. So if anyone has an example of a temp control card - would love to see how it’s being done.

For example working on the following.
Room temp card done just with entities (Bedroom). Taking tooo much space and looking ugly

It shows the temperature in the room 1.
Setpoint for the day temperature 2
Setpoint for night temperature 3
Valve position on the radiator 4
Hostory graph for valve position 5.

image

Here are some options:

Thanks. Not exactly what i meant. Maybe HA commuity would share their screenshots on how they have done it. This would also provide inspiration on the logic they have used for such a task

Oh right. Sorry for the misunderstanding.

Here’s mine:

Screenshot 2022-02-12 at 15-19-02 Overview – Home Assistant

The reason for the bar graph temperature is that the temperature reported on the thermostat is the system temperature, not the room temperature. They just happen to be the same at the moment. Usually they’re not, like this (you can also see how the bottom section expands to reveal the settings. It uses fold entity row):

I also have this graph:

Screenshot 2022-02-12 at 15-23-57 Overview – Home Assistant

Where space is a little cramped I use this:

Screenshot 2022-02-12 at 15-26-46 Overview – Home Assistant

5 Likes

Exactly what i wanted. Idea with the collapsible automations i what i was looking for! Thanks!
Really neat styling of the dashboard. Do you have a descriton of it somewhere?

https://community.home-assistant.io/t/day-and-night/116232/31?u=tom_l

It has one minor issue at the moment, that only occurs if the window is open as sunset occurs and the theme is switched.

For this one. Is it a vertical stack? Thermostat + two bar cards and then a foldable one?

I’m guessing stack-in-card

It’s actually an entities card. Using this:

entities:
  - type: custom:hui-element
    card_type: thermostat
    entity: climate.downstairs
    card_mod:
      class: inline-card-no-border
  - animation:
      state: 'off'
    columns: '1'
    direction: right
    entities:
      - entity: sensor.rumpus_room_temperature
        icon: mdi:thermometer
        max: '40'
        min: '-10'
        name: Temperature
        severity:
          - color: '#039BE5'
            from: '-10'
            to: '17.9'
          - color: '#0da035'
            from: '18'
            to: '22.9'
          - color: '#e0b400'
            from: '23'
            to: '24.9'
          - color: '#e45e65'
            from: '25'
            to: '40'
        target: '18'
      - entity: sensor.downstairs_heat_pump_power
        max: '4000'
        min: '0'
        name: Power
        severity:
          - color: '#039BE5'
            from: '0'
            to: '299.9'
          - color: '#0da035'
            from: '300'
            to: '899.9'
          - color: '#e0b400'
            from: '900'
            to: '1799.9'
          - color: '#e45e65'
            from: '1800'
            to: '4000'
    entity_row: true
    height: 28px
    positions:
      icon: inside
      indicator: inside
      minmax: 'off'
      name: inside
      title: 'off'
      value: inside
    type: custom:bar-card
    value_style:
      color: var(--primary-text-color)
      text-shadow: none
  - card_type: custom:fold-entity-row
    entities:
      - entity: automation.downstairs_aircon_am_schedule
        name: Enable AM Schedule
        type: custom:multiple-entity-row
        toggle: true
        state_color: true
        entities:
          - entity: input_datetime.downstairs_ac_am_on_time
            name: AM On
          - entity: input_datetime.downstairs_ac_am_off_time
            name: AM Off
      - entity: automation.downstairs_aircon_pm_schedule
        name: Enable PM Schedule
        type: custom:multiple-entity-row
        toggle: true
        state_color: true
        entities:
          - entity: input_datetime.downstairs_ac_pm_on_time
            name: PM On
          - entity: input_datetime.downstairs_ac_pm_off_time
            name: PM Off
      - entity: automation.downstairs_boost_on
        name: Boost
      - entity: input_boolean.downstairs_ac_workday
        state_color: true
      - entity: input_number.downstairs_ac_heat_temp_set
      - entity: input_number.downstairs_ac_cool_temp_set
      - entity: input_number.downstairs_ac_temp_set_heat
        name: AC Heat Set Temp
      - entity: input_number.downstairs_ac_temp_set_cool
        name: AC Cool Set Temp
      - entity: binary_sensor.downstairs_ac_am_automation_time_active
        state_color: true
      - entity: binary_sensor.downstairs_ac_pm_automation_time_active
        state_color: true
      - entity: binary_sensor.downstairs_ac_heat_required
        state_color: true
      - entity: binary_sensor.downstairs_ac_cool_required
        state_color: true
      - entity: sensor.downstairs_preset_mode
    head:
      label: Automation
      type: section
    padding: 0
    type: custom:hui-element
show_header_toggle: false
title: Downstairs
type: entities
card_mod:
  class: top-level-card
2 Likes

Thanks once again.
Using your ideas i came to a dream solution

Vertical stack per floor. Then use the entity:row plus folding
Only thing i am missing is how to remove that trv_bedroom_position line

image

This is the code i use

type: vertical-stack

cards:
  - type: entities
    title: 2ой Этаж
    icon: mdi:bed
    entities:
      - type: custom:fold-entity-row
        head:
          entity: climate.trv_bedroom
          type: custom:multiple-entity-row
          name: Спальня
          attribute: current_heating_setpoint
          unit: C
          secondary_info:
            name: В комнате
            entity: sensor.temp_kids_temperature
            unit: C
          entities:
            - sensor.trv_bedroom_position
              name: THIS BREAKS CONFIG


        entities:
          - input_number.temp_day_bed
          - input_number.temp_night_bed
          - sensor.trv_bedroom_position
          - climate.trv_bedroom

As soon as i insert the name: THIS BREAKS CONFIG

I get

bad indentation of a sequence entry (21:19)

18 | unit: C
19 | entities:
20 | - sensor.trv_bedroom_position
21 | name: THIS BREAKS CONFIG
------------------------^
22 |
23 |

label: not name:

Screenshot 2022-02-12 at 23-13-37 thomasloven lovelace-fold-entity-row 🔹 A foldable row for entities card, containing othe...

https://github.com/thomasloven/lovelace-fold-entity-row#usage

Changed the one below for label. But actually name also works. The config in question which breaks is for custom:multiple-entity-row and not for the fold one

Oh right. If you want to supply a name you have to declare the entity like this:

          entities:
            - entity: sensor.trv_bedroom_position
              name: THIS WONT BREAK THE CONFIG

This pretty much goes for all loveloace cards.

you can supply a simple list of entities:

entities:
  - sensor.something
  - switch.something
  - cover.something

But if you want to change the appearance of an entity you must do this:

entities:
  - sensor.something
  - entity: switch.something
    name: new name
    icon: mdi:whatever
  - cover.something
1 Like