/simple-thermostat

A different take on the thermostat card for Home Assistant Lovelace UI

Primary LanguageJavaScriptMIT LicenseMIT

Lovelace simple thermostat card

A different take on the thermostat card for Home Assistant Lovelace UI. The aim is to provide a card with simpler interactions that are easier to use and take up less space, as well as provide more modularity to tweak the card. For example the abiltity to embed sensor values that are relevant to your thermostat (like humidity, energy usage, hours on +++).

Example thermostat

Requirements

Home Assistant 0.84 or higher

Installation

Installation (Manual)

  1. Download the simple-thermostat.js from the latest release and store it in your configuration/www folder. Previously you could download the source file from Github but starting from the 0.14 release that is no longer possible. If you try to do so it will crash
  2. Configure Lovelace to load the card:
resources:
  - url: /local/simple-thermostat.js?v=1
    type: module

Installation and tracking with custom updater (Recommended)

  1. Make sure you've the custom_updater component installed and working.
  2. Configure Lovelace to load the card:.
resources:
  - url: /customcards/github/nervetattoo/simple-thermostat.js?track=true
    type: module
  1. Run the service custom_updater.check_all or click the "CHECK" button if you use the tracker-card.
  2. Refresh the website.

Available configuration options:

  • entity string: The thermostat entity id required
  • name string|false: Override the card name, or disable showing a name at all. Default is to use the friendly_name of the thermostat provided
  • icon string|object: Show an icon next to the card name. You can also pass an object to specify state-specific icons. Defaults state-specific icons radiator/radiator-disabled/snowflake
    • idle: string: Use this icon for state idle
    • heat: string Use this icon for state heat
    • cool: string Use this icon for state cool
  • step_size number: Override the default 0.5 step size for increasing/decreasing the temperature
  • hide object: Control specifically information fields to show. Defaults to showing everything
    • temperature: bool (Default to false)
    • state: bool (Default to false)
    • mode: bool (Default to false)
    • away: bool (Default to true)
  • sensors array
    • entity string: A sensor value entity id
    • attribute string: The key for an attribute provided by the main entity (for example min_temp)
    • name string: Specify a sensor name to use instead of the default friendly_name

Example usage:

cards:
  - type: custom:simple-thermostat
    entity: climate.my_room
    step_size: 1
    sensors:
      - entity: sensor.fibaro_system_fgwpef_wall_plug_gen5_energy
      - entity: sensor.fibaro_system_fgwpef_wall_plug_gen5_power
        name: Energy today
      - attribute: min_temp
        name: Min temp
    hide:
      mode: true