Add new tile features (#28720)

* Add new tile features

* fix case

* Update tile card screenshot

* tiny tweaks

---------

Co-authored-by: c0ffeeca7 <38767475+c0ffeeca7@users.noreply.github.com>
This commit is contained in:
Paul Bottein 2023-08-29 19:25:48 +02:00 committed by GitHub
parent 9bda57b88b
commit 25e61847a6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 183 additions and 5 deletions

View File

@ -138,9 +138,42 @@ modes:
type: list
{% endconfiguration %}
### Climate HVAC modes
Widget that displays buttons to control the HVAC mode for a [climate](/integrations/climate).
<p class='img'>
<img src='/images/dashboards/tile-features/climate_hvac_modes.png' alt='Screenshot of the tile card with the climate HVAC modes feature'>
Screenshot of the tile card with the climate HVAC modes feature
</p>
```yaml
features:
- type: "climate-hvac-modes"
hvac_modes:
- auto
- heat_cool
- heat
- cool
- dry
- fan_only
- "off"
```
{% configuration %}
type:
required: true
description: "`climate-hvac-modes`"
type: string
hvac_modes:
required: true
description: List of modes to show on the card. The list can contain `auto`, `heat_cool`, `heat`, `cool`, `dry`, `fan_only` and `off`.
type: list
{% endconfiguration %}
### Cover open/close
Widget that display buttons to open, close or stop a [cover](/integrations/cover).
Widget that displays buttons to open, close, or stop a [cover](/integrations/cover).
<p class='img'>
<img src='/images/dashboards/tile-features/cover_open_close.png' alt='Screenshot of the tile card with open/close feature'>
@ -159,9 +192,30 @@ type:
type: string
{% endconfiguration %}
### Cover position
Widget that displays a slider to control the position for a [cover](/integrations/cover).
<p class='img'>
<img src='/images/dashboards/tile-features/cover_position.png' alt='Screenshot of the tile card with the cover position feature'>
Screenshot of the tile card with the cover position feature
</p>
```yaml
features:
- type: "cover-position"
```
{% configuration %}
type:
required: true
description: "`cover-position`"
type: string
{% endconfiguration %}
### Cover tilt
Widget that display buttons to open, close or stop a [cover](/integrations/cover).
Widget that displays buttons to open, close, or stop a [cover](/integrations/cover).
<p class='img'>
<img src='/images/dashboards/tile-features/cover_tilt.png' alt='Screenshot of the tile card with tilt feature'>
@ -180,9 +234,30 @@ type:
type: string
{% endconfiguration %}
### Cover tilt position
Widget that displays a slider to control the tilt position for a [cover](/integrations/cover).
<p class='img'>
<img src='/images/dashboards/tile-features/cover_tilt_position.png' alt='Screenshot of the tile card with the cover tilt position feature'>
Screenshot of the tile card with the cover tilt position feature
</p>
```yaml
features:
- type: "cover-tilt-position"
```
{% configuration %}
type:
required: true
description: "`cover-tilt-position`"
type: string
{% endconfiguration %}
### Fan speed
Widget that display speed controls for a [fan](/integrations/fan).
Widget that displays speed controls for a [fan](/integrations/fan).
<p class='img'>
<img src='/images/dashboards/tile-features/fan_speed.png' alt='Screenshot of the tile card with fan speed feature'>
@ -201,9 +276,37 @@ type:
type: string
{% endconfiguration %}
### Lawn mower commands
Widget that displays buttons to control a [lawn mower](/integrations/lawn_mower).
<p class='img'>
<img src='/images/dashboards/tile-features/lawn_mower_commands.png' alt='Screenshot of the tile card with the lawn mower commands feature'>
Screenshot of the tile card with the lawn mower commands feature
</p>
```yaml
features:
- type: "lawn-mower-commands"
commands:
- start_pause
- dock
```
{% configuration %}
type:
required: true
description: "`lawn-mower-commands`"
type: string
commands:
required: true
description: List of commands to show on the card. The list can contain `start_pause` and `dock`.
type: list
{% endconfiguration %}
### Light brightness
Widget that display a slider to select the brightness for a [light](/integrations/light).
Widget that displays a slider to select the brightness for a [light](/integrations/light).
<p class='img'>
<img src='/images/dashboards/tile-features/light_brightness.png' alt='Screenshot of the tile card with light brightness feature'>
@ -222,9 +325,51 @@ type:
type: string
{% endconfiguration %}
### Light color temp
Widget that displays a slider to select the color temperature for a [light](/integrations/light).
<p class='img'>
<img src='/images/dashboards/tile-features/light_color_temp.png' alt='Screenshot of the tile card with the light color temperature feature'>
Screenshot of the tile card with the light color temperature feature
</p>
```yaml
features:
- type: "light-color-temp"
```
{% configuration %}
type:
required: true
description: "`light-color-temp`"
type: string
{% endconfiguration %}
### Target temperature
Widget that displays buttons to select the target temperature for a [climate](/integrations/climate) or a [water heater](/integrations/water_heater).
<p class='img'>
<img src='/images/dashboards/tile-features/target_temperature.png' alt='Screenshot of the tile card with the target temperature feature'>
Screenshot of the tile card with the target temperature feature
</p>
```yaml
features:
- type: "target-temperature"
```
{% configuration %}
type:
required: true
description: "`target-temperature`"
type: string
{% endconfiguration %}
### Vacuum commands
Widget that display buttons to control a [vacuum](/integrations/vacuum).
Widget that displays buttons to control a [vacuum](/integrations/vacuum).
<p class='img'>
<img src='/images/dashboards/tile-features/vacuum_commands.png' alt='Screenshot of the tile card with vacuum commands feature'>
@ -252,3 +397,36 @@ commands:
description: List of commands to show on the card. The list can contain `start_pause`, `stop`, `clean_spot`, `locate` and `return_home`.
type: list
{% endconfiguration %}
### Water heater operation modes
Widget that displays buttons to control the operation mode of a [water heater](/integrations/water_heater).
<p class='img'>
<img src='/images/dashboards/tile-features/water_heater_operation_modes.png' alt='Screenshot of the tile card with the water heater operation modes feature'>
Screenshot of the tile card with the water heater operation modes feature
</p>
```yaml
features:
- type: "water-heater-operation-modes"
operation_modes:
- electric
- gas
- heat_pump
- eco
- performance
- high_demand
- "off"
```
{% configuration %}
type:
required: true
description: "`water-heater-operation-modes`"
type: string
operation_modes:
required: true
description: List of modes to show on the card. The list can contain `electric`, `gas`, `heat_pump`, `eco`, `performance`, `high_demand` and `off`.
type: list
{% endconfiguration %}

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 27 KiB