mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-14 12:56:54 +00:00
Add lovelace stubs
This commit is contained in:
parent
2a29d92fc4
commit
4fa41cf80d
13
source/_lovelace/entities.markdown
Normal file
13
source/_lovelace/entities.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "Entities Card"
|
||||||
|
sidebar_label: Entities
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
13
source/_lovelace/entity-filter.markdown
Normal file
13
source/_lovelace/entity-filter.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "Entity Filter Card"
|
||||||
|
sidebar_label: Entity Filter
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
@ -23,4 +23,4 @@ Each entry in the list of entities is either an entity ID or an entity option ob
|
|||||||
| Name | Type | Default | Description
|
| Name | Type | Default | Description
|
||||||
| ---- | ---- | ------- | -----------
|
| ---- | ---- | ------- | -----------
|
||||||
| entity | entity id | **Required** | The ID of the entity to show.
|
| entity | entity id | **Required** | The ID of the entity to show.
|
||||||
| title | string | Optional | The title to use instead of the entity name.
|
| name | string | Optional | The name to use instead of the entity name.
|
||||||
|
13
source/_lovelace/history-graph.markdown
Normal file
13
source/_lovelace/history-graph.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "History Graph Card"
|
||||||
|
sidebar_label: History Graph
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
13
source/_lovelace/horizontal-stack.markdown
Normal file
13
source/_lovelace/horizontal-stack.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "Horizontal Stack Card"
|
||||||
|
sidebar_label: Horizontal Stack
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
13
source/_lovelace/iframe.markdown
Normal file
13
source/_lovelace/iframe.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "iFrame Card"
|
||||||
|
sidebar_label: iFrame
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
13
source/_lovelace/markdown.markdown
Normal file
13
source/_lovelace/markdown.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "Markdown Card"
|
||||||
|
sidebar_label: Markdown
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
13
source/_lovelace/media-control.markdown
Normal file
13
source/_lovelace/media-control.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "Media Control Card"
|
||||||
|
sidebar_label: Media Control
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
13
source/_lovelace/picture-elements.markdown
Normal file
13
source/_lovelace/picture-elements.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "Picture Elements Card"
|
||||||
|
sidebar_label: Picture Elements
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
13
source/_lovelace/picture-entity.markdown
Normal file
13
source/_lovelace/picture-entity.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "Picture Entity Card"
|
||||||
|
sidebar_label: Picture Entity
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
13
source/_lovelace/picture-glance.markdown
Normal file
13
source/_lovelace/picture-glance.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "Picture Glance Card"
|
||||||
|
sidebar_label: Picture Glance
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
13
source/_lovelace/picture.markdown
Normal file
13
source/_lovelace/picture.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "Picture Card"
|
||||||
|
sidebar_label: Picture
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
13
source/_lovelace/plant-status.markdown
Normal file
13
source/_lovelace/plant-status.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "Plant Status Card"
|
||||||
|
sidebar_label: Plant Status
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
13
source/_lovelace/vertical-stack.markdown
Normal file
13
source/_lovelace/vertical-stack.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "Vertical Stack Card"
|
||||||
|
sidebar_label: Vertical Stack
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
13
source/_lovelace/weather-forecast.markdown
Normal file
13
source/_lovelace/weather-forecast.markdown
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
---
|
||||||
|
layout: page
|
||||||
|
title: "Weather Forecast Card"
|
||||||
|
sidebar_label: Weather Forecast
|
||||||
|
description: "TBD"
|
||||||
|
date: 2018-07-01 10:28 +00:00
|
||||||
|
sidebar: true
|
||||||
|
comments: false
|
||||||
|
sharing: true
|
||||||
|
footer: true
|
||||||
|
---
|
||||||
|
|
||||||
|
TBD
|
@ -37,7 +37,7 @@ Visual comparison of old configuration versus new configuration
|
|||||||
|
|
||||||
## Trying it out
|
## Trying it out
|
||||||
|
|
||||||
Create a new file `<config>/ui-lovelace.yaml` and add the following content:
|
Create a new file `<config>/ui-lovelace.yaml` and add the following content. Adjust the entity names to entities that exist in your Home Assistant installation.
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
title: My Awesome Home
|
title: My Awesome Home
|
||||||
@ -46,62 +46,53 @@ views:
|
|||||||
- title: Example
|
- title: Example
|
||||||
# Optional unique id for direct access /lovelace/${id}
|
# Optional unique id for direct access /lovelace/${id}
|
||||||
id: example
|
id: example
|
||||||
# Each view can have a different theme applied. Theme should be defined in the frontend.
|
# Each view can have a different theme applied.
|
||||||
theme: dark-mode
|
theme: dark-mode
|
||||||
# The cards to show on this view.
|
# The cards to show on this view.
|
||||||
cards:
|
cards:
|
||||||
# The entities card will take a list of entities and show their state.
|
# The filter card will filter entities for their state
|
||||||
- type: entities
|
|
||||||
# Title of the entities card
|
|
||||||
title: Example
|
|
||||||
# The entities here will be shown in the same order as specified.
|
|
||||||
entities:
|
|
||||||
- input_boolean.switch_ac_kitchen
|
|
||||||
- input_boolean.switch_ac_livingroom
|
|
||||||
- input_boolean.switch_tv
|
|
||||||
|
|
||||||
# The filter card will filter available entities for certain criteria
|
|
||||||
# and render it as type 'entities'.
|
|
||||||
- type: entity-filter
|
- type: entity-filter
|
||||||
# Filter criteria. They are all optional.
|
entities:
|
||||||
filter:
|
- device_tracker.paulus
|
||||||
- domain: input_boolean
|
- device_tracker.anne_there
|
||||||
state: 'on'
|
state_filter:
|
||||||
# This config will be passed to the card rendering the filter results
|
- 'home'
|
||||||
card_config:
|
card_config:
|
||||||
title: Input booleans that are on
|
type: glance
|
||||||
|
title: People that are home
|
||||||
|
|
||||||
|
# The picture entity card will represent an entity with a picture
|
||||||
|
- type: picture-entity
|
||||||
|
image: https://www.home-assistant.io/images/default-social.png
|
||||||
|
entity: light.bed_light
|
||||||
|
|
||||||
# Specify a tab icon if you want the view tab to be an icon.
|
# Specify a tab icon if you want the view tab to be an icon.
|
||||||
- icon: mdi:home-assistant
|
- icon: mdi:home-assistant
|
||||||
# Title of the view. Will be used as the tooltip for tab icon
|
# Title of the view. Will be used as the tooltip for tab icon
|
||||||
title: Second view
|
title: Second view
|
||||||
cards:
|
cards:
|
||||||
|
# Entities card will take list of entities and show their state.
|
||||||
- type: entities
|
- type: entities
|
||||||
title: Lots of Kitchen AC
|
# Title of the entities card
|
||||||
|
title: Example
|
||||||
|
# The entities here will be shown in the same order as specified.
|
||||||
|
# Each entriy is an entity ID or a map with extra options.
|
||||||
entities:
|
entities:
|
||||||
# It is totally possible to render duplicates.
|
- light.kitchen
|
||||||
- input_boolean.switch_ac_kitchen
|
- switch.ac
|
||||||
- input_boolean.switch_ac_kitchen
|
- entity: light.living_room
|
||||||
- input_boolean.switch_ac_kitchen
|
# Override the name to use
|
||||||
- input_boolean.switch_ac_kitchen
|
name: LR Lights
|
||||||
- input_boolean.switch_ac_kitchen
|
|
||||||
- input_boolean.switch_ac_kitchen
|
|
||||||
```
|
|
||||||
|
|
||||||
Add to your `configuration.yaml`:
|
# The markdown card will render markdown text.
|
||||||
|
- type: markdown
|
||||||
```yaml
|
title: Lovelace
|
||||||
input_boolean:
|
content: >
|
||||||
switch_ac_kitchen:
|
Welcome to your **Lovelace UI**.
|
||||||
name: AC kitchen
|
|
||||||
switch_ac_livingroom:
|
|
||||||
name: AC living room
|
|
||||||
switch_tv:
|
|
||||||
name: TV
|
|
||||||
```
|
```
|
||||||
|
|
||||||
Now restart Home Assistant, navigate to `<YOUR HASS URL>/lovelace`. When you make changes to `ui-lovelace.yaml`, you don't have to restart Home Assistant or refresh the page. Just hit the refresh button at the top of the UI.
|
Now restart Home Assistant, navigate to `<YOUR HASS URL>/lovelace`. When you make changes to `ui-lovelace.yaml`, you don't have to restart Home Assistant or refresh the page. Just hit the refresh button at the top of the UI.
|
||||||
|
|
||||||
## Current limitations
|
## Current limitations
|
||||||
|
|
||||||
This is the very very early version aimed at gathering feedback. Discussion and suggestions are welcome in the [ui-schema repository](https://github.com/home-assistant/ui-schema).
|
This is the very very early version aimed at gathering feedback. Discussion and suggestions are welcome in the [ui-schema repository](https://github.com/home-assistant/ui-schema) and in the [chat](/join-chat/) in #lovelace.
|
||||||
|
Loading…
x
Reference in New Issue
Block a user