h3n3/nspanel-lovelace-ui
1
0
Fork 0
mirror of https://github.com/joBr99/nspanel-lovelace-ui.git synced 2025-12-20 14:37:01 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' of github.com:joBr99/nspanel-widget-ui

Browse Source
This commit is contained in:
joBr99
2022-01-15 17:05:50 +01:00
parent db723ea1a8 01b63e9f52
commit 763ed45f8a
1 changed files with 23 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
README.md
View File

@@ -1,13 +1,27 @@
# NSPanel Lovelance UI
This is a custom UI for the NSPanel, with HomeAssistant Lovelance UI Design.
The general idea is that the Nextion Display cycles though a page counter and the esp32 will tell the display what to do.
If you are changeing the page the nextion display will send and event to the esp32 and it has to answer with the messages, that will update the current page with it's desired components. This enables easy changes, without touching the HMI Project.
# Current State
This is at a really early stage, I started on the implementation of a gui that looks like lovelance. The Nextion HMI Project File will be uploaded soon and also an ESP Home Component to control this UI.
This is at a early stage, it is possible to set entities on the pages on the nspanel through custom commands.
![image](https://user-images.githubusercontent.com/29555657/149571247-683bd807-066a-456d-959a-025d82caa16f.png)
![image](https://user-images.githubusercontent.com/29555657/149628697-1f440086-fe67-498f-ac73-a2293af7a479.png)
# EspHome component
See my esphome.yaml for the config used on the nspanel device.
Messages are currently handled on the "on_incoming_msg" lambda.
An proper implementation where you can configure the pages within esphome yaml is currently missing.
It should be possible to recact to buttonPress Events within this lambda. (through calling a home assistant service or something like that)
To flash a new tft file I'm currently switching to the offical nextion component, which is also in the esphome.yaml
It might be needed to switch to hidden page and disable recmod/reparse mod. To access hidden page press the hidden button 10 times.
![image](https://user-images.githubusercontent.com/29555657/149628769-2caa3ebc-1019-421b-b316-1845c55acf09.png)
# NsPanel Custom Widget UI
# NsPanel Custom UI
This is a replacement for the stock ui on nspanel, it can be controlled via custom serial command, like the stock one (but with different commands). This enables a user experiance, where it's possible to use nspanel with custom UI, but without messing around with Nextion Editor, because it's possible to configure widgets.
@@ -47,15 +61,17 @@ entityUpd,2,0,Shutter2,shutter
### cardEntities Page
event,*eventName*,*PageNumber*,*PageHeading*,*entityName*,*buttonId*,*actionName*,*optionalValue*
event,pageOpen,0
event,*PageNumber*,*PageHeading*,*entityName*,*buttonId*,*actionName*,*optionalValue*
event,buttonPress,1,tHeading,tEntityName,1,up
event,1,tHeading,tEntityName,1,up
event,buttonPress,1,tHeading,tEntityName,1,down
event,1,tHeading,tEntityName,1,down
event,buttonPress,1,tHeading,tEntityName,1,stop
event,1,tHeading,tEntityName,1,stop
event,buttonPress,1,tHeading,tEntityName,1,OnOff,1
# Design Guidelines for Nextion HMI Project