Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add new tile features #28720

Merged
merged 5 commits into from
Aug 29, 2023
Merged
Show file tree
Hide file tree
Changes from 4 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
178 changes: 178 additions & 0 deletions source/_dashboards/tile.markdown
Original file line number Diff line number Diff line change
Expand Up @@ -138,6 +138,39 @@ modes:
type: list
{% endconfiguration %}

### Climate HVAC modes

Widget that display buttons to control change the HVAC mode for a [climate](/integrations/climate).
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved

<p class='img'>
<img src='/images/dashboards/tile-features/climate_hvac_modes.png' alt='Screenshot of the tile card with climate HVAC modes feature'>
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
Screenshot of the tile card with climate HVAC modes feature
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
</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).
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
Expand All @@ -159,6 +192,27 @@ type:
type: string
{% endconfiguration %}

### Cover position

Widget that display a slider to control the position for a [cover](/integrations/cover).
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved

<p class='img'>
<img src='/images/dashboards/tile-features/cover_position.png' alt='Screenshot of the tile card with cover position feature'>
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
Screenshot of the tile card with cover position feature
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
</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).
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
Expand All @@ -180,6 +234,27 @@ type:
type: string
{% endconfiguration %}

### Cover tilt position

Widget that display a slider to control the tilt position for a [cover](/integrations/cover).
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved

<p class='img'>
<img src='/images/dashboards/tile-features/cover_tilt_position.png' alt='Screenshot of the tile card with cover tilt position feature'>
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
Screenshot of the tile card with cover tilt position feature
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
</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).
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
Expand All @@ -201,6 +276,34 @@ type:
type: string
{% endconfiguration %}

### Lawn mower commands

Widget that display buttons to control a [lawn mower](/integrations/lawn_mower).
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved

<p class='img'>
<img src='/images/dashboards/tile-features/lawn_mower_commands.png' alt='Screenshot of the tile card with lawn mower commands feature'>
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
Screenshot of the tile card with lawn mower commands feature
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
</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).
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
Expand All @@ -222,6 +325,48 @@ type:
type: string
{% endconfiguration %}

### Light color temp

Widget that display a slider to select the color temperature for a [light](/integrations/light).
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved

<p class='img'>
<img src='/images/dashboards/tile-features/light_color_temp.png' alt='Screenshot of the tile card with light color temperature feature'>
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
Screenshot of the tile card with light color temperature feature
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
</p>

```yaml
features:
- type: "light-color-temp"
```

{% configuration %}
type:
required: true
description: "`light-color-temp`"
type: string
{% endconfiguration %}

### Target temperature

Widget that display buttons to select the target temperature for a [climate](/integrations/climate) or a [water heater](/integrations/water_heater).
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved

<p class='img'>
<img src='/images/dashboards/tile-features/target_temperature.png' alt='Screenshot of the tile card with target temperature feature'>
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
Screenshot of the tile card with target temperature feature
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
</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).
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
Expand Down Expand Up @@ -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 display buttons to control change the operation mode of a [water heater](/integrations/water_heater).
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved

<p class='img'>
<img src='/images/dashboards/tile-features/water_heater_operation_modes.png' alt='Screenshot of the tile card with water heater operation modes feature'>
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
Screenshot of the tile card with water heater operation modes feature
c0ffeeca7 marked this conversation as resolved.
Show resolved Hide resolved
</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 %}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified source/images/dashboards/tile-features/cover_open_close.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified source/images/dashboards/tile-features/cover_tilt.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified source/images/dashboards/tile_card.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.