Add lovelace stubs

This commit is contained in:
Paulus Schoutsen 2018-07-07 22:26:58 +02:00
parent 2a29d92fc4
commit 4fa41cf80d
16 changed files with 214 additions and 41 deletions

View 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

View 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

View File

@ -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.

View 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

View 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

View 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

View 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

View 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

View 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

View 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

View 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

View 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

View 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

View 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

View 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

View File

@ -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.