From 4fa41cf80dfd234f6b4953ca4542b7f93c65fb55 Mon Sep 17 00:00:00 2001 From: Paulus Schoutsen Date: Sat, 7 Jul 2018 22:26:58 +0200 Subject: [PATCH] Add lovelace stubs --- source/_lovelace/entities.markdown | 13 ++++ source/_lovelace/entity-filter.markdown | 13 ++++ source/_lovelace/glance.markdown | 2 +- source/_lovelace/history-graph.markdown | 13 ++++ source/_lovelace/horizontal-stack.markdown | 13 ++++ source/_lovelace/iframe.markdown | 13 ++++ source/_lovelace/markdown.markdown | 13 ++++ source/_lovelace/media-control.markdown | 13 ++++ source/_lovelace/picture-elements.markdown | 13 ++++ source/_lovelace/picture-entity.markdown | 13 ++++ source/_lovelace/picture-glance.markdown | 13 ++++ source/_lovelace/picture.markdown | 13 ++++ source/_lovelace/plant-status.markdown | 13 ++++ source/_lovelace/vertical-stack.markdown | 13 ++++ source/_lovelace/weather-forecast.markdown | 13 ++++ source/lovelace/index.markdown | 71 ++++++++++------------ 16 files changed, 214 insertions(+), 41 deletions(-) create mode 100644 source/_lovelace/entities.markdown create mode 100644 source/_lovelace/entity-filter.markdown create mode 100644 source/_lovelace/history-graph.markdown create mode 100644 source/_lovelace/horizontal-stack.markdown create mode 100644 source/_lovelace/iframe.markdown create mode 100644 source/_lovelace/markdown.markdown create mode 100644 source/_lovelace/media-control.markdown create mode 100644 source/_lovelace/picture-elements.markdown create mode 100644 source/_lovelace/picture-entity.markdown create mode 100644 source/_lovelace/picture-glance.markdown create mode 100644 source/_lovelace/picture.markdown create mode 100644 source/_lovelace/plant-status.markdown create mode 100644 source/_lovelace/vertical-stack.markdown create mode 100644 source/_lovelace/weather-forecast.markdown diff --git a/source/_lovelace/entities.markdown b/source/_lovelace/entities.markdown new file mode 100644 index 00000000000..47c0bddb6cf --- /dev/null +++ b/source/_lovelace/entities.markdown @@ -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 \ No newline at end of file diff --git a/source/_lovelace/entity-filter.markdown b/source/_lovelace/entity-filter.markdown new file mode 100644 index 00000000000..49f78b34b94 --- /dev/null +++ b/source/_lovelace/entity-filter.markdown @@ -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 \ No newline at end of file diff --git a/source/_lovelace/glance.markdown b/source/_lovelace/glance.markdown index 9d2511eada0..3be1b147658 100644 --- a/source/_lovelace/glance.markdown +++ b/source/_lovelace/glance.markdown @@ -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. diff --git a/source/_lovelace/history-graph.markdown b/source/_lovelace/history-graph.markdown new file mode 100644 index 00000000000..e94209b549e --- /dev/null +++ b/source/_lovelace/history-graph.markdown @@ -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 \ No newline at end of file diff --git a/source/_lovelace/horizontal-stack.markdown b/source/_lovelace/horizontal-stack.markdown new file mode 100644 index 00000000000..ba0d57f3524 --- /dev/null +++ b/source/_lovelace/horizontal-stack.markdown @@ -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 \ No newline at end of file diff --git a/source/_lovelace/iframe.markdown b/source/_lovelace/iframe.markdown new file mode 100644 index 00000000000..5929a282c81 --- /dev/null +++ b/source/_lovelace/iframe.markdown @@ -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 \ No newline at end of file diff --git a/source/_lovelace/markdown.markdown b/source/_lovelace/markdown.markdown new file mode 100644 index 00000000000..77c07c152c3 --- /dev/null +++ b/source/_lovelace/markdown.markdown @@ -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 \ No newline at end of file diff --git a/source/_lovelace/media-control.markdown b/source/_lovelace/media-control.markdown new file mode 100644 index 00000000000..490cc4876ee --- /dev/null +++ b/source/_lovelace/media-control.markdown @@ -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 \ No newline at end of file diff --git a/source/_lovelace/picture-elements.markdown b/source/_lovelace/picture-elements.markdown new file mode 100644 index 00000000000..c437d5fd638 --- /dev/null +++ b/source/_lovelace/picture-elements.markdown @@ -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 \ No newline at end of file diff --git a/source/_lovelace/picture-entity.markdown b/source/_lovelace/picture-entity.markdown new file mode 100644 index 00000000000..4f8652454f1 --- /dev/null +++ b/source/_lovelace/picture-entity.markdown @@ -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 \ No newline at end of file diff --git a/source/_lovelace/picture-glance.markdown b/source/_lovelace/picture-glance.markdown new file mode 100644 index 00000000000..bb7f66c6153 --- /dev/null +++ b/source/_lovelace/picture-glance.markdown @@ -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 \ No newline at end of file diff --git a/source/_lovelace/picture.markdown b/source/_lovelace/picture.markdown new file mode 100644 index 00000000000..8e01531c3c4 --- /dev/null +++ b/source/_lovelace/picture.markdown @@ -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 \ No newline at end of file diff --git a/source/_lovelace/plant-status.markdown b/source/_lovelace/plant-status.markdown new file mode 100644 index 00000000000..55f362eb91b --- /dev/null +++ b/source/_lovelace/plant-status.markdown @@ -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 \ No newline at end of file diff --git a/source/_lovelace/vertical-stack.markdown b/source/_lovelace/vertical-stack.markdown new file mode 100644 index 00000000000..c690c4df709 --- /dev/null +++ b/source/_lovelace/vertical-stack.markdown @@ -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 \ No newline at end of file diff --git a/source/_lovelace/weather-forecast.markdown b/source/_lovelace/weather-forecast.markdown new file mode 100644 index 00000000000..d08c18bd90d --- /dev/null +++ b/source/_lovelace/weather-forecast.markdown @@ -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 \ No newline at end of file diff --git a/source/lovelace/index.markdown b/source/lovelace/index.markdown index f2b626a3dc3..cfdecba3f36 100644 --- a/source/lovelace/index.markdown +++ b/source/lovelace/index.markdown @@ -37,7 +37,7 @@ Visual comparison of old configuration versus new configuration ## Trying it out -Create a new file `/ui-lovelace.yaml` and add the following content: +Create a new file `/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 `/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.