I thought I read you had done a basic UI? I'm assuming to see if it worked/s?
I'm using Home Assistant to generate a UI.
For example, I have the following light in Premise:
Home.House.First.Foyer.FoyerLight
In Home Assistant, I define an MQTT Light:
- platform: mqtt
name: "Foyer"
state_topic: "premise/home/house/first/foyer/foyerlight/powerstate"
command_topic: "premise/command/home/house/first/foyer/foyerlight/powerstate"
payload_on: "1"
payload_off: "0"
brightness_scale: 100
brightness_state_topic: "premise/home/house/first/foyer/foyerlight/brightness"
brightness_command_topic: "premise/command/home/house/first/foyer/foyerlight/brightness"
on_command_type: 'brightness'
This creates an entity called light.foyer and Home Assistant will automatically display it in its UI (just like Premise's Automation Browser and MiniBrowser). The card's appearance is simply a toggle button but if you click the card a 'More-Info' popup appears allowing you to control the brightness as well (it also shows a timeline of recent on/off events). That's the default card for displaying a light but there are other ones available.
This 'automatic display' is not in any organized fashion so the next step most people take is to specify how to render the entities. There are two ways:
1. Easy way is to do it directly in the UI.
2. More flexible way is to create ui-lovelace.yaml file containing instructions for what, where, how, and when to show a given entity. This is the option I've chosen.
Here's an excerpt from my ui-lovelace file. It defines a View (a tab) called Lights with a card containing all Downstairs (first floor) lights.
- title: Lights
icon: mdi:lightbulb-on
cards:
- type: entities
title: Downstairs
show_header_toggle: true
entities:
- light.kitchen
- light.foyer
- light.living
Edited by 123, 13 November 2019 - 11:29 AM.