Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/DBuit/thermostat-popup-card
Lovelace card to use as custom pop-up for thermostat in homekit style
https://github.com/DBuit/thermostat-popup-card
Last synced: 8 days ago
JSON representation
Lovelace card to use as custom pop-up for thermostat in homekit style
- Host: GitHub
- URL: https://github.com/DBuit/thermostat-popup-card
- Owner: DBuit
- Created: 2020-01-08T10:28:18.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-12T04:34:38.000Z (almost 2 years ago)
- Last Synced: 2024-08-02T16:12:26.454Z (3 months ago)
- Language: TypeScript
- Size: 204 KB
- Stars: 35
- Watchers: 3
- Forks: 15
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://github.com/custom-components/hacs)
# 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:
```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:
```yaml
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
```