h3n3/nspanel-lovelace-ui
1
0
Fork 0
mirror of https://github.com/joBr99/nspanel-lovelace-ui.git synced 2025-12-21 15:04:24 +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-02-08 22:57:47 +01:00
parent 1e7eb51a22 33ce44af6f
commit b095f98943
1 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
README.md
View File

@@ -1,39 +1,42 @@
# NSPanel Lovelance UI # NSPanel Lovelance UI
This is a custom UI for the NSPanel, with HomeAssistant Lovelance UI Design. 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 tells the display what to do. The general idea is that the Nextion Display cycles though a page counter and the esp32 tells 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. 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.
# How to install
# Current State ## Install Nextion Tasmota Berry Driver
It's currently possible to set the content of the pages through homeassistant/nodered. (Shutter and Lights supported) And the detail page for lights is working.
![image](https://user-images.githubusercontent.com/29555657/151848276-30254f2f-318b-445f-ba94-25ed44541522.png) Create and edit new file named autoexec.be with a line load("nextion.be") and upload nextion.be from tasmota folder of this repo.
![image](https://user-images.githubusercontent.com/29555657/151848537-6da58d5b-20fa-4032-947e-942476cc1b58.png) or
Upload "nextion.be" from tasmota folder of this repository and rename to "autoexec.be"
## Setup Node-Red Flow
Import the example node-red flow from "node-red-example-flow.json" file and adjust to your needs.
# Screens from UI
The following screenshots are from the custom NSPanel UI that will be displayed on NSPanel.
![screen_cardEntities](doc-pics/screen_cardEntities.png)
![screen_popupLight](doc-pics/screen_popupLight.png)
![screen_popupShutter](doc-pics/screen_cardEntities.png)
![screen_cardThermo](doc-pics/screen_cardThermo.png)
## Halfway done upcoming pages :) # Message Flow
![image](https://user-images.githubusercontent.com/29555657/149677888-3840fb50-26e5-43e9-86dc-203df1c65a26.png) HomeAssistant / NodeRed -- MQTT -- Tasmota -- Nextion Screen
See the following picture to get an Idea for the messages send and recived from the screen during cycling though pages.
# Tasmota ![image](https://user-images.githubusercontent.com/29555657/153079843-8d1eb5ab-059a-444e-a4da-008edc425606.png)
Use autoexec.be from tasmota folder like you would use with the stock tft file.
You will need the java app from to flash the tft file, thanks a lot to @peepshow-21
https://github.com/peepshow-21/ns-flash
Driver behaves similar to the stock implementation, messages are published over mqtt.
See nodered example flow for my implementation.
Pages on nspanel are generated from the array at the begin of the pages function in the flow:
![image](https://user-images.githubusercontent.com/29555657/151675593-dadd53cb-a38e-49bd-9f40-832fc8edd017.png)
# Custom Protocol # Custom Protocol
```
55 BB [payload length] [payload] [crc] [crc]
```
See Readme in HMI Folder See Readme in HMI Folder for more details on HMI Project / Custom Protocol