NSPanel Lovelance UI

This is a custom UI for the NSPanel, with HomeAssistant Lovelance UI Design.

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.

NsPanel Custom Widget 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.

Custom Protocol

55 BB [payload length] [payload] [crc] [crc]

Payload length contains the number of bytes of the payload.

CRC is "CRC-16 (MODBUS) Big Endian" calculated over the whole message

This protocol does not try to implement broken JSON Commands with a specified type (lol). Instead the commands are plain text commands with parameters.

Example for valid Message

This message has to be generated for the Message "1337" (1337 is not a valid command, this is just an example)

55 BB  04  31 33 33 37  5F 5B

Messages to Nextion Display

cardEntities Page

The following message can be used to update the content on the cardEntities Page

entityUpdHeading,heading1337

entityUpd,id,iconId,nameOfEntity,type,optionalValue

entityUpd,1,1,Light1,light,0

entityUpd,2,0,Shutter2,shutter

Messages from Nextion Display

cardEntities Page

event,pageOpen,0

event,PageNumber,PageHeading,entityName,buttonId,actionName,optionalValue

event,1,tHeading,tEntityName,1,up

event,1,tHeading,tEntityName,1,down

event,1,tHeading,tEntityName,1,stop

Design Guidelines for Nextion HMI Project

Background Color is

• RGB565: 6371 [18e3] (HEX: #1C1C1C, RGB: 28,28,28)

Source for Icons is the Material Design Font, used by HASPone https://github.com/HASwitchPlate/HASPone