jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-14 04:46:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add lovelace stubs

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
source/_lovelace/entities.markdown Normal file
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

13
source/_lovelace/entity-filter.markdown Normal file
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

2
source/_lovelace/glance.markdown
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
| ---- | ---- | ------- | -----------
| 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
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

13
source/_lovelace/horizontal-stack.markdown Normal file
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

13
source/_lovelace/iframe.markdown Normal file
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

13
source/_lovelace/markdown.markdown Normal file
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

13
source/_lovelace/media-control.markdown Normal file
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

13
source/_lovelace/picture-elements.markdown Normal file
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

13
source/_lovelace/picture-entity.markdown Normal file
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

13
source/_lovelace/picture-glance.markdown Normal file
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

13
source/_lovelace/picture.markdown Normal file
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

13
source/_lovelace/plant-status.markdown Normal file
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

13
source/_lovelace/vertical-stack.markdown Normal file
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

13
source/_lovelace/weather-forecast.markdown Normal file
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

71
source/lovelace/index.markdown
View File

@ -37,7 +37,7 @@ Visual comparison of old configuration versus new configuration
## 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
title: My Awesome Home
@ -46,62 +46,53 @@ views:
- title: Example
# Optional unique id for direct access /lovelace/${id}
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
# The cards to show on this view.
cards:
# The entities card will take a list of entities and show 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'.
# The filter card will filter entities for their state
- type: entity-filter
# Filter criteria. They are all optional.
filter:
- domain: input_boolean
state: 'on'
# This config will be passed to the card rendering the filter results
entities:
- device_tracker.paulus
- device_tracker.anne_there
state_filter:
- 'home'
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.
- icon: mdi:home-assistant
# Title of the view. Will be used as the tooltip for tab icon
title: Second view
cards:
# Entities card will take list of entities and show their state.
- 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:
# It is totally possible to render duplicates.
- input_boolean.switch_ac_kitchen
- input_boolean.switch_ac_kitchen
- input_boolean.switch_ac_kitchen
- input_boolean.switch_ac_kitchen
- input_boolean.switch_ac_kitchen
- input_boolean.switch_ac_kitchen
```
- light.kitchen
- switch.ac
- entity: light.living_room
# Override the name to use
name: LR Lights
Add to your `configuration.yaml`:
```yaml
input_boolean:
switch_ac_kitchen:
name: AC kitchen
switch_ac_livingroom:
name: AC living room
switch_tv:
name: TV
# The markdown card will render markdown text.
- type: markdown
title: Lovelace
content: >
Welcome to your **Lovelace 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
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.