Thermostat popup card (homekit style)

Popup lovelace card for thermostats. Can be used in combination with thomas loven browser_mod or custom pop-up card or in combination with my homekit style card: https://github.com/DBuit/Homekit-panel-card

Configuration

Installation instructions

HACS installation: Go to the hacs store and use the repo url https://github.com/DBuit/thermostat-popup-card and add this as a custom repository under settings.

Add the following to your ui-lovelace.yaml:

resources:
  url: /community_plugin/thermostat-popup-card/thermostat-popup-card.js
  type: module

Manual installation: Copy the .js file from the dist directory to your www directory and add the following to your ui-lovelace.yaml file:

resources:
  url: /local/thermostat-popup-card.js
  type: module

Main Options

Name	Type	Default	Supported options	Description
`entity`	string	Required	`climate.nest`	Entity of the thermostat
`fullscreen`	boolean	optional	true	If false it will remove the pop-up wrapper which makes it fullscreen
`stepSize`	number	optional	1	If your climate gives a target_temp_step in the attributes this will be used, fallback is 1 if you don't set in in your configuration.
`settings`	boolean	optional	false	When it will add an settings button that displays the more-info content see settings example for my light popup for more options/information [here]: https://github.com/DBuit/light-popup-card#settings
`settingsPosition`	string	optional	`bottom`	set position of the settings button options: `top` or `bottom`.

Example configuration in lovelace-ui.yaml

popup_cards:
  climate.test:
    title: ""
    style:
      position: fixed
      z-index: 999
      top: 0
      left: 0
      height: 100%
      width: 100%
      display: block
      align-items: center
      justify-content: center
      background: rgba(0, 0, 0, 0.8)
      flex-direction: column
      margin: 0
      "--iron-icon-fill-color": "#FFF"
    card:
      type: custom:thermostat-popup-card
      entity: climate.test