updated screens picture

Colors and color interpolation

.github/FUNDING.yml

@@ -0,0 +1 @@
+custom: ['https://paypal.me/joBr99']

.github/workflows/codeql-analysis.yml

@@ -14,9 +14,14 @@ name: "CodeQL"
 on:
   push:
     branches: [ main ]
+#    paths:
+#      - '**.py'
+#      - '**.ts'
   pull_request:
     # The branches below must be a subset of the branches above
     branches: [ main ]
+#    paths:
+#      - '**.py'
   schedule:
     - cron: '36 14 * * 3'
 
@@ -32,7 +37,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        language: [ 'python' ]
+        language: [ 'python', 'typescript' ]
         # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python', 'ruby' ]
         # Learn more about CodeQL language support at https://git.io/codeql-language-support
 

.github/workflows/nextion2text.yml

@@ -0,0 +1,36 @@
+name: nextion2text
+
+on:
+  pull_request:
+    paths:
+      - HMI/nspanel.HMI
+  push:
+    branches:
+      - main
+    paths:
+      - HMI/nspanel.HMI
+
+jobs:
+  gen-nextion-to-text:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v2
+      with:
+        ref: ${{ github.head_ref }}
+
+    - name: Get last commit message
+      id: last-commit-message
+      run: |
+        echo "::set-output name=msg::$(git log -1 --pretty=%s)"
+
+    - name: Run nextion2text
+      run: |
+        cd HMI
+        wget https://raw.githubusercontent.com/joBr99/Nextion2Text/linux/Nextion2Text.py
+        python Nextion2Text.py -s -d -p -p visual -i nspanel.HMI -o n2t-out
+
+    - uses: stefanzweifel/git-auto-commit-action@v4
+      with:
+        commit_message: ${{ steps.last-commit-message.outputs.msg }} (add nextion2text)
+        file_pattern: HMI/n2t-out/*.txt

.gitignore

@@ -0,0 +1,2 @@
+# don't add nextion2text
+HMI/Nextion2Text.py

HMI/README.md

@@ -14,7 +14,7 @@ See the following picture to get an Idea for the messages send and recived from
 
 # Custom Protocol
 ```
-55 BB [payload length] [payload] [crc] [crc]
+55 BB [payload length] [payload length] [payload] [crc] [crc]
 ```
 
 Payload length contains the number of bytes of the payload.
@@ -27,7 +27,7 @@ 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
+55 BB  04 00  31 33 33 37  5F 5B
 ```
 ## Messages to Nextion Display
 
@@ -35,175 +35,181 @@ The following message should be implemented on all pages
 
 wake screen:
 
-wake
+`wake`
 
 set brightness of screensaver:
 
-dimmode,0 - (screen off)
-dimmode,100 - (screen on with full brightness)
+`dimmode,0 - (screen off)`
+
+`dimmode,100 - (screen on with full brightness)`
 
 set current time:
 
-time,22 : 26
+`time,22 : 26`
 
 set current date:
 
-date,?Di 24. Februar
+`date,?Di 24. Februar`
 
-set screensaver timeout (set time in ms limited from 50 to 65535:
+set screensaver timeout (set time in sec, max 65):
 
-timeout,15 - timeout after 15 seconds
-timeout,0 - disable screensaver
+`timeout,15 - timeout after 15 seconds`
+
+`timeout,0 - disable screensaver`
 
 change the page type:
 
-pageType,pageStartup
+`pageType,pageStartup`
 
-pageType,cardEntities
+`pageType,cardEntities`
 
-pageType,cardThermo
+`pageType,cardThermo`
 
-pageType,cardMedia
+`pageType,cardMedia`
 
-pageType,popupLight,Schreibtischlampe
+`pageType,popupLight,Schreibtischlampe,light.schreibtischlampe`
+
+`pageType,popupNotify`
 
 ### screensaver page
 
-weatherUpdate,? tMainIcon? tMainText? tMRIcon? tMR? tForecast1? tF1Icon? tForecast1Val? tForecast2? tF2Icon? tForecast2Val
+`weatherUpdate,? tMainIcon? tMainText? tMRIcon? tMR? tForecast1? tF1Icon? tForecast1Val? tForecast2? tF2Icon? tForecast2Val`
 
-weatherUpdate,?0?2,3 C?0?0 mm?Mi?0?9,3 C?Do?0?11,5 C
+`weatherUpdate,?0?2,3 C?0?0 mm?Mi?0?9,3 C?Do?0?11,5 C`
+
+`page,0`
 
 ### cardEntities Page
 
 The following message can be used to update the content on the cardEntities Page
 
-entityUpdHeading,heading1337
+`entityUpdHeading,heading1337`
 
-entityUpd,*id*,*type*,*internalNameEntity*,*iconId*,*displayNameEntity*,*optionalValue*
+`entityUpd[,*type*,*internalNameEntity*,*iconId*,*iconColor*,*displayNameEntity*,*optionalValue*]x4`
 
-entityUpd,1,light,light.entityName,1,Light1,0
+`,light,light.entityName,1,17299,Light1,0`
 
-entityUpd,2,shutter,cover.entityName,0,Shutter2
+`,shutter,cover.entityName,0,17299,Shutter2,`
 
-entityUpd,3,delete
+`,delete,,,,,`
 
-entityUpd,4,text,sensor.entityName,3,Temperature,content
+`,text,sensor.entityName,3,17299,Temperature,content`
 
-entityUpd,4,button,button.entityName,3,bt-name,bt-text
+`,button,button.entityName,3,17299,bt-name,bt-text`
 
-entityUpd,1,switch,switch.entityName,4,Switch1,0
+`,switch,switch.entityName,4,17299,Switch1,0`
 
 ### popupLight Page
 
-entityUpdateDetail,*buttonState*,*sliderBrightnessPos*,*sliderColorTempPos*
+`entityUpdateDetail,*iconId*,*iconColor*,*buttonState*,*sliderBrightnessPos*,*sliderColorTempPos*,*colorMode*`
 
-entityUpdateDetail,1,100,78
+`entityUpdateDetail,1,17299,1,100,78,enable`
 
-entityUpdateDetail,1,100,disable
+`entityUpdateDetail,1,17299,1,100,disable`
 
 ### popupShutter Page
 
-entityUpdateDetail,*ignored*,*sliderPos*
+`entityUpdateDetail,*ignored*,*sliderPos*`
 
-entityUpdateDetail,1,77
+`entityUpdateDetail,1,77`
+
+### popupNotify Page
+
+`entityUpdateDetail,*internalName*,*tHeading*,*tHeadingColor*,*b1*,*tB1Color*,*b2*,*tB2Color*,*tText*,*tTextColor*,*sleepTimeout*`
+
+`popupExit`
 
 ### cardThermo Page
 
-entityUpd,*internalNameEntiy*,*heading*,*currentTemp*,*destTemp*,*status*,*minTemp*,*maxTemp*,*stepTemp*
+`entityUpd,*internalNameEntiy*,*heading*,*currentTemp*,*destTemp*,*status*,*minTemp*,*maxTemp*,*stepTemp*[[,*iconId*,*activeColor*,*state*,*hvac_action*]]`
+
+`[[]]` are not part of the command, this part repeats 9 times for the buttons
 
 ### cardMedia Page
 
-entityUpd,|*internalNameEntiy*|*heading*|*icon*|*title*|*author*|*volume*|*playpauseicon*
+`entityUpd,|*internalNameEntiy*|*heading*|*icon*|*title*|*author*|*volume*|*playpauseicon*`
+
+### cardAlarm Page
+
+`entityUpd,*internalNameEntity*,*arm1*,*arm1ActionName*,*arm2*,*arm2ActionName*,*arm3*,*arm3ActionName*,*arm4*,*arm4ActionName*,*icon*,*numpadStatus*`
+
 
 ## Messages from Nextion Display
 
 ### startup page
 
-event,startup,version
+`event,startup,version`
 
 ### screensaver page
 
-event,screensaverOpen
+`event,screensaverOpen`
 
 ### cardEntities Page
 
-event,*eventName*,*PageNumber*,*PageHeading*,*entityName*,*buttonId*,*actionName*,*optionalValue*
+`event,*eventName*,*entityName*,*actionName*,*optionalValue*`
 
-event,pageOpen,0
+`event,pageOpen,0`
 
-event,buttonPress,1,tHeading,internalNameEntity,1,up
+`event,buttonPress2,internalNameEntity,up`
 
-event,buttonPress,1,tHeading,internalNameEntity,1,down
+`event,buttonPress2,internalNameEntity,down`
 
-event,buttonPress,1,tHeading,internalNameEntity,1,stop
+`event,buttonPress2,internalNameEntity,stop`
 
-event,buttonPress,1,tHeading,internalNameEntity,1,OnOff,1
+`event,buttonPress2,internalNameEntity,OnOff,1`
 
-event,buttonPress,1,tHeading,internalNameEntity,1,button
+`event,buttonPress2,internalNameEntity,button`
 
 ### popupLight Page
 
-event,pageOpenDetail,popupLight,internalNameEntity
+`event,pageOpenDetail,popupLight,internalNameEntity`
 
-event,buttonPress,D,nameEntity,internalNameEntity,1,OnOff,1
+`event,buttonPress2,internalNameEntity,OnOff,1`
 
-event,buttonPress,D,nameEntity,internalNameEntity,1,brightnessSlider,50
+`event,buttonPress2,internalNameEntity,brightnessSlider,50`
 
-event,buttonPress,D,nameEntity,internalNameEntity,1,colorTempSlider,50
+`event,buttonPress2,internalNameEntity,colorTempSlider,50`
+
+`event,buttonPress2,internalNameEntity,colorWheel,x|y`
 
 ### popupShutter Page
 
-event,pageOpenDetail,popupShutter,internalNameEntity
+`event,pageOpenDetail,popupShutter,internalNameEntity`
 
-event,buttonPress,D,nameEntity,internalNameEntity,1,positionSlider,50
+`event,buttonPress2,internalNameEntity,positionSlider,50`
+
+### popupNotify Page
+
+`event,buttonPress2,*internalName*,notifyAction,yes`
+
+`event,buttonPress2,*internalName*,notifyAction,no`
 
 ### cardThermo Page
 
-event,pageOpen,0
+`event,pageOpen,0`
 
-event,tempUpd,*pageNumber*,*entityName*,*temperature*
+`event,buttonPress2,*entityName*,tempUpd,*temperature*`
+
+`event,buttonPress2,*entityName*,hvac_action,*hvac_action*`
 
 ### cardMedia Page
 
-event,buttonPress,1,tHeading,internalNameEntity,1,media-back
+`event,buttonPress2,internalNameEntity,media-back`
 
-event,buttonPress,1,tHeading,internalNameEntity,1,media-pause
+`event,buttonPress2,internalNameEntity,media-pause`
 
-event,buttonPress,1,tHeading,internalNameEntity,1,media-next
+`event,buttonPress2,internalNameEntity,media-next`
+
+`event,buttonPress2,internalNameEntity,volumeSlider,75`
+
+### cardAlarm Page
+
+`event,buttonPress2,internalNameEntity,actionName,code`
 
-event,buttonPress,1,tHeading,internalNameEntity,1,volumeSlider,75
 
 # Icons IDs
 
-ID | Icon
--- | ----
-0  | ![window-open](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/window-open.svg)
-1  | ![lightbulb](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/lightbulb.svg)  
-2  | ![thermometer](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/thermometer.svg)
-3  | ![gesture-tap-button](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/gesture-tap-button.svg)
-4  | ![flash](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/flash.svg)
-5  | ![music](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/music.svg)
-6  | ![check-circle-outline](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/check-circle-outline.svg)
-7  | ![close-circle-outline](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/close-circle-outline.svg)
-8  | ![pause](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/pause.svg)
-9  | ![play](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/play.svg)
-10  | ![palette](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/palette.svg)
-11  | ![alert-circle-outline](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/alert-circle-outline.svg)
-12  | ![weather-cloudy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-cloudy.svg)
-13  | ![weather-fog](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-fog.svg)
-14  | ![weather-hail](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-hail.svg)
-15  | ![weather-lightning](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-lightning.svg)
-16  | ![weather-lightning-rainy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-lightning-rainy.svg)
-17  | ![weather-night](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-night.svg)
-18  | ![weather-partly-cloudy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-partly-cloudy.svg)
-19  | ![weather-pouring](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-pouring.svg)
-20  | ![weather-rainy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-rainy.svg)
-21  | ![weather-snowy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-snowy.svg)
-22  | ![weather-snowy-rainy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-snowy-rainy.svg)
-23  | ![weather-sunny](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-sunny.svg)
-24  | ![weather-windy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-windy.svg)
-25  | ![weather-windy-variant](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-windy-variant.svg)
-26  | ![water-percent](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/water-percent.svg)
+Please see Icon's int the [icons.md file](icons.md)
 
 # Design Guidelines for Nextion HMI Project
 

HMI/code_gen/icons/icons.py

@@ -0,0 +1,97 @@
+import json
+import os
+
+icons = [
+    "alert-circle-outline",
+    "lightbulb",
+    "thermometer",
+    "gesture-tap-button",
+    "flash",
+    "music",
+    "check-circle-outline",
+    "close-circle-outline",
+    "pause",
+    "play",
+    "palette",
+    "window-open",
+    "weather-cloudy",
+    "weather-fog",
+    "weather-hail",
+    "weather-lightning",
+    "weather-lightning-rainy",
+    "weather-night",
+    "weather-partly-cloudy",
+    "weather-pouring",
+    "weather-rainy",
+    "weather-snowy",
+    "weather-snowy-rainy",
+    "weather-sunny",
+    "weather-windy",
+    "weather-windy-variant",
+    "water-percent",
+    "power",
+    "fire",
+    "calendar-sync",
+    "fan",
+    "snowflake",
+    "solar-power",
+    "battery-charging-medium",
+    "battery-medium",
+    "shield-home",
+    "door-open",
+    "door-closed",
+    "window-closed"
+]
+
+
+__location__ = os.path.realpath(
+    os.path.join(os.getcwd(), os.path.dirname(__file__)))
+
+with open(os.path.join(__location__, "icons.json"),'r') as f:
+    icon_metadata = json.load(f)
+
+icon_nextion_string = ""
+icon_name_list = []
+
+for icon_name in icons:
+    #print(icon_name)
+    icon = next((item for item in icon_metadata if item["name"] == icon_name), None)
+    if icon is None:
+        print(f"WARNING ICON NOT FOUND: {icon_name}")
+    else:
+        hex = icon['hex']
+        s = int(hex, 16)
+        #print(chr(s), end = '')
+        icon_nextion_string += chr(s)
+        icon_name_list.append(icon_name)
+
+# write mapping lib for python
+with open(os.path.join(__location__, "../../../apps/nspanel-lovelace-ui", "icon_mapping.py"), 'w') as f:
+    f.write("icons = {\n")
+    for idx, val in enumerate(icon_name_list):
+        f.write(f"    '{val}': {idx},\n")
+    f.write("}\n")
+    f.write("""
+def get_icon_id(ma_name):
+    if ma_name in icons:
+        return icons[ma_name]
+    else:
+        return icons["alert-circle-outline"]
+    """)
+
+# write documentation file
+with open(os.path.join(__location__, "../..","icons.md"), 'w') as f:
+    f.write("""
+# Icons IDs
+This file contains the Icons IDs included in the display firmware, addressable via serial.
+
+ID | MD Icon Name | Icon
+-- | ------------ | ----
+""")
+    for idx, val in enumerate(icon_name_list):
+        f.write(f"{idx} | {val} | ![{val}](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/{val}.svg)\n")
+
+
+print("=== STRING for HMI Project ===")
+print("=== Put the following string into the txt field in nextion ===")
+print(icon_nextion_string)

HMI/icons.md

@@ -0,0 +1,45 @@
+
+# Icons IDs
+This file contains the Icons IDs included in the display firmware, addressable via serial.
+
+ID | MD Icon Name | Icon
+-- | ------------ | ----
+0 | alert-circle-outline | ![alert-circle-outline](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/alert-circle-outline.svg)
+1 | lightbulb | ![lightbulb](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/lightbulb.svg)
+2 | thermometer | ![thermometer](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/thermometer.svg)
+3 | gesture-tap-button | ![gesture-tap-button](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/gesture-tap-button.svg)
+4 | flash | ![flash](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/flash.svg)
+5 | music | ![music](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/music.svg)
+6 | check-circle-outline | ![check-circle-outline](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/check-circle-outline.svg)
+7 | close-circle-outline | ![close-circle-outline](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/close-circle-outline.svg)
+8 | pause | ![pause](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/pause.svg)
+9 | play | ![play](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/play.svg)
+10 | palette | ![palette](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/palette.svg)
+11 | window-open | ![window-open](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/window-open.svg)
+12 | weather-cloudy | ![weather-cloudy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-cloudy.svg)
+13 | weather-fog | ![weather-fog](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-fog.svg)
+14 | weather-hail | ![weather-hail](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-hail.svg)
+15 | weather-lightning | ![weather-lightning](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-lightning.svg)
+16 | weather-lightning-rainy | ![weather-lightning-rainy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-lightning-rainy.svg)
+17 | weather-night | ![weather-night](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-night.svg)
+18 | weather-partly-cloudy | ![weather-partly-cloudy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-partly-cloudy.svg)
+19 | weather-pouring | ![weather-pouring](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-pouring.svg)
+20 | weather-rainy | ![weather-rainy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-rainy.svg)
+21 | weather-snowy | ![weather-snowy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-snowy.svg)
+22 | weather-snowy-rainy | ![weather-snowy-rainy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-snowy-rainy.svg)
+23 | weather-sunny | ![weather-sunny](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-sunny.svg)
+24 | weather-windy | ![weather-windy](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-windy.svg)
+25 | weather-windy-variant | ![weather-windy-variant](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/weather-windy-variant.svg)
+26 | water-percent | ![water-percent](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/water-percent.svg)
+27 | power | ![power](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/power.svg)
+28 | fire | ![fire](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/fire.svg)
+29 | calendar-sync | ![calendar-sync](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/calendar-sync.svg)
+30 | fan | ![fan](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/fan.svg)
+31 | snowflake | ![snowflake](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/snowflake.svg)
+32 | solar-power | ![solar-power](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/solar-power.svg)
+33 | battery-charging-medium | ![battery-charging-medium](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/battery-charging-medium.svg)
+34 | battery-medium | ![battery-medium](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/battery-medium.svg)
+35 | shield-home | ![shield-home](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/shield-home.svg)
+36 | door-open | ![door-open](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/door-open.svg)
+37 | door-closed | ![door-closed](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/door-closed.svg)
+38 | window-closed | ![window-closed](https://raw.githubusercontent.com/Templarian/MaterialDesign-SVG/0aeb4d612644d80d9d1fe242f705f362985de5dc/svg/window-closed.svg)

HMI/n2t-out/Program.s.txt

@@ -0,0 +1,28 @@
+Program.s
+    //The following code is only run once when power on, and is generally used for global variable definition and power on initialization data
+    int sys0=0,sys1=0,sys2=0     //At present, the definition of global variable only supports 4-byte signed integer (int), and other types of global quantity declaration are not supported. If you want to use string type, you can use variable control in the page to implement
+    int bufferPos=0
+    int recvCrc=0
+    int payloadLength=0
+    int par0=0,par1=0
+    // landsspace orientation x has 480px and y has 320px xy limits todo: adjust xy values to something that fit's resulution
+    //Maximum values in directional change for Swipes beeing detected as swipe (diagonal swipes are invalid) (for one axis at a time)
+    int xLimit=125,yLimit=125
+    int ixLimit=-125,iyLimit=-125
+    //Minimum values for swipes, directional changes below theese values are ignored, because they could be unintended swipes
+    int xLimitMin=80,yLimitMin=80
+    int ixLimitMin=-80,iyLimitMin=-80
+    // Swipe Result Vars
+    int ycR=0,xcR=0
+    // Start End Swipe Touch Locations
+    int yc1=0,xc1=0,yc2=0,xc2=0
+    // sleep timeout in s
+    int sleepTimeout=20
+    int sleepValue=0
+    // dim value
+    int dimValue=40
+    // current page
+    int nPage=0
+    // fix touch offset
+    lcd_dev fffb 0002 0000 0020
+    page pageStartup

HMI/n2t-out/cardMedia.txt

@@ -0,0 +1,821 @@
+Page cardMedia
+    Attributes
+        ID                                  : 0
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        Width                               : 480
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Locked                              : no
+        Swide up page ID                    : disabled
+        Swide down page ID                  : disabled
+        Swide left page ID                  : disabled
+        Swide right page ID                 : disabled
+        Fill                                : solid color
+        Back. Color                         : 6371
+    
+    Events
+        Preinitialize Event
+            vis p0,0
+            vis tSend,0
+            vis tInstruction,0
+            vis nPageDisp,0
+            vis tTmp,0
+            vis tId,0
+            //vis nPageDisp,0
+        
+Variable (string) strCommand
+    Attributes
+        ID            : 8
+        Scope         : local
+        Text          : 
+        Max. Text Size: 200
+    
+Variable (string) entn
+    Attributes
+        ID            : 19
+        Scope         : local
+        Text          : 
+        Max. Text Size: 50
+    
+Number nPageDisp
+    Attributes
+        ID                                  : 6
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 426
+        y coordinate                        : 0
+        Width                               : 42
+        Height                              : 24
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tSend
+    Attributes
+        ID                                  : 2
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 230
+        Height                              : 23
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : newtxt
+        Max. Text Size                      : 100
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tTmp
+    Attributes
+        ID                                  : 3
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 406
+        y coordinate                        : 277
+        Width                               : 34
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tInstruction
+    Attributes
+        ID                                  : 9
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 290
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 20
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tId
+    Attributes
+        ID                                  : 10
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 99
+        y coordinate                        : 290
+        Width                               : 39
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 20
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tHeading
+    Attributes
+        ID                                  : 11
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 111
+        y coordinate                        : 26
+        Width                               : 228
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 40
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tTitle
+    Attributes
+        ID                                  : 12
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 84
+        y coordinate                        : 78
+        Width                               : 360
+        Height                              : 25
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : right
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 50
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tAuthor
+    Attributes
+        ID                                  : 13
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 85
+        y coordinate                        : 108
+        Width                               : 360
+        Height                              : 25
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : right
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 50
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text t2
+    Attributes
+        ID                                  : 14
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 314
+        y coordinate                        : 159
+        Width                               : 50
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 2
+        Back. Color                         : 6371
+        Font Color                          : 50712
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            // event,buttonPress2,entn,media-next
+            //craft command
+            tSend.txt="event,buttonPress2,"
+            tSend.txt+=entn.txt+","
+            tSend.txt+="media-next"
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Text tPlayPause
+    Attributes
+        ID                                  : 15
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 203
+        y coordinate                        : 159
+        Width                               : 50
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 2
+        Back. Color                         : 6371
+        Font Color                          : 50712
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            // event,buttonPress2,entn,media-pause
+            //craft command
+            tSend.txt="event,buttonPress2,"
+            tSend.txt+=entn.txt+","
+            tSend.txt+="media-pause"
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Text t0
+    Attributes
+        ID                                  : 16
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 92
+        y coordinate                        : 159
+        Width                               : 50
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 2
+        Back. Color                         : 6371
+        Font Color                          : 50712
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            // event,buttonPress2,entn,media-back
+            //craft command
+            tSend.txt="event,buttonPress2,"
+            tSend.txt+=entn.txt+","
+            tSend.txt+="media-back"
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Text tIcon
+    Attributes
+        ID                                  : 18
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 11
+        y coordinate                        : 75
+        Width                               : 71
+        Height                              : 62
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 2
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Picture p0
+    Attributes
+        ID                                  : 1
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 480
+        Height                              : 320
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Picture ID                          : 0
+    
+Slider hVolume
+    Attributes
+        ID                                  : 17
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 61
+        y coordinate                        : 227
+        Width                               : 335
+        Height                              : 43
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Direction                           : horizontal
+        Fill                                : image
+        Cursor width                        : auto
+        Cursor height                       : 255
+        Back. Picture ID                    : 5
+        Slided Back. Picture ID             : 4
+        Position                            : 50
+        Upper range limit                   : 100
+        Lower range limit                   : 0
+    
+    Events
+        Touch Release Event
+            // event,buttonPress2,internalNameEntity,volumeSlider,50
+            //craft command
+            tSend.txt="event,buttonPress2,"+entn.txt+",volumeSlider,"
+            covx hVolume.val,tTmp.txt,0,0
+            tSend.txt+=tTmp.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Button bNext
+    Attributes
+        ID                                  : 4
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 391
+        y coordinate                        : 16
+        Width                               : 50
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Font ID                             : 2
+        Back. Color                         : 6371
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 14823
+        Font Color (Unpressed)              : 65535
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            nPage=nPage+1
+            nPageDisp.val=nPage
+            //page open event
+            // event,pageOpen,cardEntities,pageNumber
+            // craft command
+            // convert pageNumber and write to tTmp
+            covx nPage,tTmp.txt,0,0
+            tSend.txt="event,pageOpen,"+tTmp.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Button bPrev
+    Attributes
+        ID                                  : 5
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 9
+        y coordinate                        : 16
+        Width                               : 50
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Font ID                             : 2
+        Back. Color                         : 6371
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 14823
+        Font Color (Unpressed)              : 65535
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            nPage=nPage-1
+            nPageDisp.val=nPage
+            //page open event
+            // event,pageOpen,cardEntities,pageNumber
+            // craft command
+            // convert pageNumber and write to tTmp
+            covx nPage,tTmp.txt,0,0
+            tSend.txt="event,pageOpen,"+tTmp.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Timer tmSerial
+    Attributes
+        ID         : 7
+        Scope      : local
+        Period (ms): 50
+        Enabled    : yes
+    
+    Events
+        Timer Event
+            // data available
+            if(usize>1)
+            {
+                bufferPos=0
+                while(bufferPos<usize)
+                {
+                    // check for 0x55 0xBB - Command Init Secuence
+                    if(u[bufferPos]==187&&u[bufferPos-1]==85)
+                    {
+                        //remove garbage at the start of the buffer if there's any to free buffer for command
+                        if(u[bufferPos]!=1)
+                        {
+                            udelete bufferPos-1
+                        }
+                        //instruction is now aligned with buffer, because we deleted garbage before instrcution
+                        //get length after init sequence (check if there are more than to bytes in buffer)
+                        if(3<usize)
+                        {
+                            // check if serial buffer has reached the announced length
+                            ucopy payloadLength,2,2,0
+                            // we are only checking payload length so we have to skip first 3 bytes (init+payload length) (-1 because of < instead of <=)
+                            payloadLength+=3
+                            // payload length does also not contain crc, so we are adding another 2 bytes for crc
+                            payloadLength+=2
+                            if(payloadLength<usize)
+                            {
+                                // calculate crc
+                                crcrest 1,0xFFFF
+                                // u[2] contains payload legth at 3rd pos in buffer, we are calculating crc from 3rd pos with number of bytes from payload length
+                                //crcputu 3,u[2]
+                                // u[2] cotnains payload length, we are calculating a crc over the whole message, so we have to add 3 to the length from u[2]
+                                crcputu 0,payloadLength-1
+                                // get recived crc to be able to compare it
+                                ucopy recvCrc,payloadLength-1,2,0
+                                // compare crc with recived value
+                                if(crcval==recvCrc)
+                                {
+                                    // crc is okay
+                                    // here is the location where acual code should be
+                                    // write command to variable strCommand
+                                    ucopy strCommand.txt,4,payloadLength-5,0
+                                    // write instruction to tInstuction (debug output, but used as variable here, ui elements will be disabled by default)
+                                    spstr strCommand.txt,tInstruction.txt,",",0
+                                    if(tInstruction.txt=="entityUpd")
+                                    {
+                                        //entity name
+                                        spstr strCommand.txt,entn.txt,"|",1
+                                        //heading
+                                        spstr strCommand.txt,tHeading.txt,"|",2
+                                        //icon
+                                        spstr strCommand.txt,tTmp.txt,"|",3
+                                        covx tTmp.txt,sys0,0,0
+                                        substr pageIcons.tIcons.txt,tIcon.txt,sys0,1
+                                        //title
+                                        spstr strCommand.txt,tTitle.txt,"|",4
+                                        //author
+                                        spstr strCommand.txt,tAuthor.txt,"|",5
+                                        //volume
+                                        spstr strCommand.txt,tTmp.txt,"|",6
+                                        covx tTmp.txt,sys0,0,0
+                                        hVolume.val=sys0
+                                        //icon
+                                        spstr strCommand.txt,tTmp.txt,"|",7
+                                        covx tTmp.txt,sys0,0,0
+                                        substr pageIcons.tIcons.txt,tPlayPause.txt,sys0,1
+                                    }
+                                    if(tInstruction.txt=="time")
+                                    {
+                                        // get set time to global variable
+                                        spstr strCommand.txt,screensaver.vaTime.txt,",",1
+                                    }
+                                    if(tInstruction.txt=="date")
+                                    {
+                                        // get set date to global variable
+                                        spstr strCommand.txt,screensaver.vaDate.txt,"?",1
+                                    }
+                                    if(tInstruction.txt=="dimmode")
+                                    {
+                                        // get value
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,dimValue,0,0
+                                        dim=dimValue
+                                    }
+                                    if(tInstruction.txt=="timeout")
+                                    {
+                                        //set timeout to global var
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,sleepTimeout,0,0
+                                    }
+                                    if(tInstruction.txt=="pageType")
+                                    {
+                                        //command format pageType,specialPageName
+                                        //write name of speical page to tId
+                                        spstr strCommand.txt,tId.txt,",",1
+                                        //save second arg if there's one
+                                        spstr strCommand.txt,tTmp.txt,",",2
+                                        //save third arg if there's one
+                                        spstr strCommand.txt,pageIcons.tTmp2.txt,",",3
+                                        //we are going to exit this page with this command, so we have to clear the buffer, so we are not getting into a stupid loop ...
+                                        udelete payloadLength-1
+                                        bufferPos=0
+                                        if(tId.txt=="popupLight")
+                                        {
+                                            pageIcons.tTmp1.txt=tTmp.txt
+                                            page popupLight
+                                        }
+                                        if(tId.txt=="cardEntities")
+                                        {
+                                            page cardEntities
+                                        }
+                                        if(tId.txt=="cardThermo")
+                                        {
+                                            page cardThermo
+                                        }
+                                        if(tId.txt=="pageStartup")
+                                        {
+                                            page pageStartup
+                                        }
+                                        if(tId.txt=="popupNotify")
+                                        {
+                                            page popupNotify
+                                        }
+                                        if(tId.txt=="cardGrid")
+                                        {
+                                            page cardGrid
+                                        }
+                                        if(tId.txt=="cardAlarm")
+                                        {
+                                            page cardAlarm
+                                        }
+                                    }
+                                    // end of user code
+                                    udelete payloadLength-1
+                                    bufferPos=0
+                                }
+                            }
+                        }
+                    }
+                    // next character
+                    bufferPos++
+                }
+                if(bufferPos==usize)
+                {
+                    // copy whole buffer to t1.txt, for debugging
+                    //ucopy t2.txt,0,usize,0
+                    // ucopy n2.val,0,usize,0
+                    // clear whole buffer
+                    //code_c
+                    //bufferPos=0
+                }
+            }
+        
+Timer tmSleep
+    Attributes
+        ID         : 20
+        Scope      : local
+        Period (ms): 1000
+        Enabled    : yes
+    
+    Events
+        Timer Event
+            if(sleepTimeout!=0)
+            {
+                sleepValue+=1
+                if(sleepTimeout<=sleepValue)
+                {
+                    screensaver.originPage.val=dp
+                    sleepValue=0
+                    page screensaver
+                }
+            }
+        
+TouchCap tc0
+    Attributes
+        ID   : 21
+        Scope: local
+        Value: 0
+    
+    Events
+        Touch Press Event
+            sleepValue=0
+        

HMI/n2t-out/nspanel_Stats.txt

@@ -0,0 +1,66 @@
+Program.s
+	0    Component(s)
+	17   Line(s) of event code
+	17   Unique line(s) of event code
+pageIcons
+	6    Component(s)
+	0    Line(s) of event code
+	0    Unique line(s) of event code
+pageSerialTest
+	13   Component(s)
+	48   Line(s) of event code
+	43   Unique line(s) of event code
+popupNotify
+	17   Component(s)
+	180  Line(s) of event code
+	119  Unique line(s) of event code
+pageStartup
+	19   Component(s)
+	146  Line(s) of event code
+	111  Unique line(s) of event code
+cardMedia
+	22   Component(s)
+	200  Line(s) of event code
+	115  Unique line(s) of event code
+pageSwipeTest
+	18   Component(s)
+	62   Line(s) of event code
+	44   Unique line(s) of event code
+popupShutter
+	19   Component(s)
+	180  Line(s) of event code
+	103  Unique line(s) of event code
+pageTest
+	14   Component(s)
+	14   Line(s) of event code
+	14   Unique line(s) of event code
+popupLight
+	26   Component(s)
+	304  Line(s) of event code
+	167  Unique line(s) of event code
+screensaver
+	25   Component(s)
+	173  Line(s) of event code
+	124  Unique line(s) of event code
+cardThermo
+	42   Component(s)
+	412  Line(s) of event code
+	221  Unique line(s) of event code
+cardGrid
+	39   Component(s)
+	382  Line(s) of event code
+	221  Unique line(s) of event code
+cardEntities
+	54   Component(s)
+	728  Line(s) of event code
+	317  Unique line(s) of event code
+cardAlarm
+	35   Component(s)
+	259  Line(s) of event code
+	163  Unique line(s) of event code
+
+Total
+	14   Page(s)
+	349  Component(s)
+	3105 Line(s) of event code
+	827  Unique line(s) of event code

HMI/n2t-out/page0.txt

@@ -0,0 +1,13 @@
+Page page0
+    Attributes
+        ID                                  : 0
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Locked                              : no
+        Swide up page ID                    : disabled
+        Swide down page ID                  : disabled
+        Swide left page ID                  : disabled
+        Swide right page ID                 : disabled
+    

HMI/n2t-out/pageIcons.txt

@@ -0,0 +1,157 @@
+Page pageIcons
+    Attributes
+        ID                                  : 0
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        Width                               : 480
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Locked                              : no
+        Swide up page ID                    : disabled
+        Swide down page ID                  : disabled
+        Swide left page ID                  : disabled
+        Swide right page ID                 : disabled
+        Fill                                : solid color
+        Back. Color                         : 65535
+    
+Text t0
+    Attributes
+        ID                                  : 2
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 5
+        Width                               : 295
+        Height                              : 107
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : tIcons contains all icons that can be used though serial (icon will be pulled from this textbox, first icon 0 and so on)
+        Max. Text Size                      : 400
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tIcons
+    Attributes
+        ID                                  : 3
+        Scope                               : global
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 1
+        y coordinate                        : 117
+        Width                               : 300
+        Height                              : 190
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : left
+        Vertical Alignment                  : top
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 120
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tTmp1
+    Attributes
+        ID                                  : 4
+        Scope                               : global
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 302
+        y coordinate                        : 8
+        Width                               : 146
+        Height                              : 69
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 50
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tTmp2
+    Attributes
+        ID                                  : 5
+        Scope                               : global
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 302
+        y coordinate                        : 82
+        Width                               : 146
+        Height                              : 69
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 50
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Picture p0
+    Attributes
+        ID                                  : 1
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 479
+        Height                              : 319
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Picture ID                          : 0
+    

HMI/n2t-out/pageSerialTest.txt

@@ -0,0 +1,434 @@
+Page pageSerialTest
+    Attributes
+        ID                                  : 0
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        Width                               : 480
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Locked                              : no
+        Swide up page ID                    : disabled
+        Swide down page ID                  : disabled
+        Swide left page ID                  : disabled
+        Swide right page ID                 : disabled
+        Fill                                : solid color
+        Back. Color                         : 65535
+    
+    Events
+        Preinitialize Event
+            //vis p0,0
+            //recmod=1
+            //bauds=115200
+        
+Number nCrcRecv
+    Attributes
+        ID                                  : 5
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 160
+        y coordinate                        : 0
+        Width                               : 88
+        Height                              : 29
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal with digit grouping
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Number nCrcCalc
+    Attributes
+        ID                                  : 6
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 159
+        y coordinate                        : 31
+        Width                               : 90
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal with digit grouping
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Number nIt
+    Attributes
+        ID                                  : 11
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 378
+        y coordinate                        : 234
+        Width                               : 52
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Number nLength
+    Attributes
+        ID                                  : 12
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 15
+        y coordinate                        : 215
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tStatus
+    Attributes
+        ID                                  : 3
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 160
+        y coordinate                        : 60
+        Width                               : 271
+        Height                              : 90
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : newtxt
+        Max. Text Size                      : 100
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tCmd
+    Attributes
+        ID                                  : 4
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 160
+        y coordinate                        : 151
+        Width                               : 272
+        Height                              : 80
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : newtxt
+        Max. Text Size                      : 500
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tBuffer
+    Attributes
+        ID                                  : 7
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 7
+        y coordinate                        : 270
+        Width                               : 435
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : newtxt
+        Max. Text Size                      : 100
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tDesc
+    Attributes
+        ID                                  : 8
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 159
+        Height                              : 204
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : CRC Recv:\r\nCRC Calc:\r\n\r\nStatus\r\n\r\nCommand
+        Max. Text Size                      : 60
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Picture p0
+    Attributes
+        ID                                  : 1
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 479
+        Height                              : 319
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Picture ID                          : 0
+    
+Button b0
+    Attributes
+        ID                                  : 9
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 334
+        y coordinate                        : 9
+        Width                               : 46
+        Height                              : 46
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 0
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : bck
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            recmod=0
+            page pageTest
+        
+Button b1
+    Attributes
+        ID                                  : 10
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 392
+        y coordinate                        : 10
+        Width                               : 48
+        Height                              : 48
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 0
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : ON
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            recmod=1
+            bauds=115200
+        
+Timer tmSerial
+    Attributes
+        ID         : 2
+        Scope      : local
+        Period (ms): 400
+        Enabled    : yes
+    
+    Events
+        Timer Event
+            // data available
+            if(usize>1)
+            {
+                bufferPos=0
+                while(bufferPos<usize)
+                {
+                    // check for 0x55 0xBB - Command Init Secuence
+                    if(u[bufferPos]==187&&u[bufferPos-1]==85)
+                    {
+                        //remove garbage at the start of the buffer if there's any to free buffer for command
+                        if(u[bufferPos]!=1)
+                        {
+                            udelete bufferPos-1
+                        }
+                        tStatus.txt="init command detected"
+                        //instruction is now aligned with buffer, because we deleted garbage before instrcution
+                        //get length after init sequence (check if there are more than to bytes in buffer)
+                        if(3<usize)
+                        {
+                            // check if serial buffer has reached the announced length
+                            //payloadLength=u[2]
+                            ucopy payloadLength,2,2,0
+                            nLength.val=payloadLength
+                            // we are only checking payload length so we have to skip first 3 bytes (init+payload length) (-1 because of < instead of <=)
+                            payloadLength+=3
+                            // payload length does also not contain crc, so we are adding another 2 bytes for crc
+                            payloadLength+=2
+                            if(payloadLength<usize)
+                            {
+                                tStatus.txt="reached"
+                                // calculate crc
+                                crcrest 1,0xFFFF
+                                // payload length -1 to exclude crc
+                                crcputu 0,payloadLength-1 //u[2]+3
+                                // get recived crc to be able to compare it
+                                ucopy recvCrc,payloadLength-1,2,0
+                                nCrcRecv.val=recvCrc
+                                // compare crc with recived value
+                                if(crcval==recvCrc)
+                                {
+                                    tStatus.txt="crc ok"
+                                    nIt.val=nIt.val+1
+                                    ucopy tCmd.txt,4,payloadLength-5,0
+                                    udelete payloadLength-1
+                                    bufferPos=0
+                                    // here is the location where acual code should be
+                                }
+                                // copy calculated crc and recived crc to nCrcRecv and nCrcCalc, for debugging
+                                nCrcRecv.val=recvCrc
+                                nCrcCalc.val=crcval
+                                //ucopy nCrcCalc.val,u[2]+3,3,0
+                            }
+                        }
+                    }
+                    // next character
+                    bufferPos++
+                }
+                if(bufferPos==usize)
+                {
+                    // copy whole buffer to tCmd.txt, for debugging
+                    //ucopy tBuffer.txt,0,usize,0
+                    // ucopy nIt.val,0,usize,0
+                    // clear whole buffer
+                    //code_c
+                    //bufferPos=0
+                }
+            }
+        

HMI/n2t-out/pageStartup.txt

@@ -0,0 +1,664 @@
+Page pageStartup
+    Attributes
+        ID                                  : 0
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        Width                               : 480
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Locked                              : no
+        Swide up page ID                    : disabled
+        Swide down page ID                  : disabled
+        Swide left page ID                  : disabled
+        Swide right page ID                 : disabled
+        Fill                                : solid color
+        Back. Color                         : 6371
+    
+    Events
+        Preinitialize Event
+            vis p0,0
+            recmod=1
+            bauds=115200
+            vis tSend,0
+            vis tInstruction,0
+            vis tTmp,0
+            vis tId,0
+            vis bSendStartup,0
+            vis frame_ptr,0
+            vis spinner_w,0
+            vis frapic_w,0
+            vis usual_cnt,0
+            vis tMsg2,0
+            vis tMsg3,0
+            vis tVersion,0
+            dim=100
+        
+        Postinitialize Event
+            //send messages by clicking button
+            click bSendStartup,1
+        
+Variable (string) strCommand
+    Attributes
+        ID            : 5
+        Scope         : local
+        Text          : 
+        Max. Text Size: 50
+    
+Number frame_ptr
+    Attributes
+        ID                                  : 10
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 11
+        y coordinate                        : 34
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Number spinner_w
+    Attributes
+        ID                                  : 11
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 11
+        y coordinate                        : 67
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 140
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Number frapic_w
+    Attributes
+        ID                                  : 12
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 11
+        y coordinate                        : 100
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 1960
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Number usual_cnt
+    Attributes
+        ID                                  : 15
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 12
+        y coordinate                        : 134
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tSend
+    Attributes
+        ID                                  : 2
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 230
+        Height                              : 23
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : newtxt
+        Max. Text Size                      : 100
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tTmp
+    Attributes
+        ID                                  : 3
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 408
+        y coordinate                        : 0
+        Width                               : 34
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tInstruction
+    Attributes
+        ID                                  : 6
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 163
+        y coordinate                        : 0
+        Width                               : 119
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 20
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tId
+    Attributes
+        ID                                  : 7
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 282
+        y coordinate                        : 0
+        Width                               : 125
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 20
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tMsg1
+    Attributes
+        ID                                  : 8
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 42
+        y coordinate                        : 223
+        Width                               : 375
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : Waiting for content ...
+        Max. Text Size                      : 40
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tMsg2
+    Attributes
+        ID                                  : 13
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 25
+        y coordinate                        : 256
+        Width                               : 408
+        Height                              : 25
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : This is taking longer than usual,
+        Max. Text Size                      : 100
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tMsg3
+    Attributes
+        ID                                  : 14
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 25
+        y coordinate                        : 278
+        Width                               : 408
+        Height                              : 25
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : please check your backend configuration
+        Max. Text Size                      : 100
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tVersion
+    Attributes
+        ID                                  : 18
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 402
+        y coordinate                        : 101
+        Width                               : 78
+        Height                              : 72
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 16
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Picture p0
+    Attributes
+        ID                                  : 1
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 480
+        Height                              : 320
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Picture ID                          : 0
+    
+Button bSendStartup
+    Attributes
+        ID                                  : 17
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 380
+        y coordinate                        : 39
+        Width                               : 63
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 0
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : startup
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            recmod=1
+            bauds=115200
+            // startup event
+            tSend.txt="event,startup,"+tVersion.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Hotspot mSpinner
+    Attributes
+        ID                                  : 16
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 154
+        y coordinate                        : 49
+        Width                               : 140
+        Height                              : 140
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+    
+    Events
+        Touch Press Event
+            sys2=sys2+1
+            sys2%=10
+            //n0.val=sys2
+            if(sys2==9)
+            {
+                page pageTest
+            }
+        
+Timer tmSerial
+    Attributes
+        ID         : 4
+        Scope      : local
+        Period (ms): 50
+        Enabled    : yes
+    
+    Events
+        Timer Event
+            // data available
+            if(usize>1)
+            {
+                bufferPos=0
+                while(bufferPos<usize)
+                {
+                    // check for 0x55 0xBB - Command Init Secuence
+                    if(u[bufferPos]==187&&u[bufferPos-1]==85)
+                    {
+                        //remove garbage at the start of the buffer if there's any to free buffer for command
+                        if(u[bufferPos]!=1)
+                        {
+                            udelete bufferPos-1
+                        }
+                        //instruction is now aligned with buffer, because we deleted garbage before instrcution
+                        //get length after init sequence (check if there are more than to bytes in buffer)
+                        if(3<usize)
+                        {
+                            // check if serial buffer has reached the announced length
+                            ucopy payloadLength,2,2,0
+                            // we are only checking payload length so we have to skip first 3 bytes (init+payload length) (-1 because of < instead of <=)
+                            payloadLength+=3
+                            // payload length does also not contain crc, so we are adding another 2 bytes for crc
+                            payloadLength+=2
+                            if(payloadLength<usize)
+                            {
+                                // calculate crc
+                                crcrest 1,0xFFFF
+                                // u[2] contains payload legth at 3rd pos in buffer, we are calculating crc from 3rd pos with number of bytes from payload length
+                                //crcputu 3,u[2]
+                                // u[2] cotnains payload length, we are calculating a crc over the whole message, so we have to add 3 to the length from u[2]
+                                crcputu 0,payloadLength-1
+                                // get recived crc to be able to compare it
+                                ucopy recvCrc,payloadLength-1,2,0
+                                // compare crc with recived value
+                                if(crcval==recvCrc)
+                                {
+                                    // crc is okay
+                                    // here is the location where acual code should be
+                                    // write command to variable strCommand
+                                    ucopy strCommand.txt,4,payloadLength-5,0
+                                    // write instruction to tInstuction (debug output, but used as variable here, ui elements will be disabled by default)
+                                    spstr strCommand.txt,tInstruction.txt,",",0
+                                    if(tInstruction.txt=="time")
+                                    {
+                                        // get set time to global variable
+                                        spstr strCommand.txt,screensaver.vaTime.txt,",",1
+                                    }
+                                    if(tInstruction.txt=="date")
+                                    {
+                                        // get set date to global variable
+                                        spstr strCommand.txt,screensaver.vaDate.txt,"?",1
+                                    }
+                                    if(tInstruction.txt=="dimmode")
+                                    {
+                                        // get value
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,dimValue,0,0
+                                    }
+                                    if(tInstruction.txt=="timeout")
+                                    {
+                                        //set timeout to global var
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,sleepTimeout,0,0
+                                    }
+                                    if(tInstruction.txt=="pageType")
+                                    {
+                                        dim=100
+                                        //command format pageType,specialPageName
+                                        //write name of speical page to tId
+                                        spstr strCommand.txt,tId.txt,",",1
+                                        //save second arg if there's one
+                                        spstr strCommand.txt,tTmp.txt,",",2
+                                        //save third arg if there's one
+                                        spstr strCommand.txt,pageIcons.tTmp2.txt,",",3
+                                        //we are going to exit this page with this command, so we have to clear the buffer, so we are not getting into a stupid loop ...
+                                        udelete payloadLength-1
+                                        bufferPos=0
+                                        if(tId.txt=="cardThermo")
+                                        {
+                                            page cardThermo
+                                        }
+                                        if(tId.txt=="popupLight")
+                                        {
+                                            pageIcons.tTmp1.txt=tTmp.txt
+                                            page popupLight
+                                        }
+                                        if(tId.txt=="cardEntities")
+                                        {
+                                            page cardEntities
+                                        }
+                                        if(tId.txt=="pageStartup")
+                                        {
+                                            page pageStartup
+                                        }
+                                        if(tId.txt=="popupNotify")
+                                        {
+                                            page popupNotify
+                                        }
+                                        if(tId.txt=="cardMedia")
+                                        {
+                                            page cardMedia
+                                        }
+                                        if(tId.txt=="cardGrid")
+                                        {
+                                            page cardGrid
+                                        }
+                                        if(tId.txt=="cardAlarm")
+                                        {
+                                            page cardAlarm
+                                        }
+                                    }
+                                    // end of user code
+                                    udelete payloadLength-1
+                                    bufferPos=0
+                                }
+                            }
+                        }
+                    }
+                    // next character
+                    bufferPos++
+                }
+            }
+        
+Timer tmSpinner
+    Attributes
+        ID         : 9
+        Scope      : local
+        Period (ms): 80
+        Enabled    : yes
+    
+    Events
+        Timer Event
+            xpic mSpinner.x,mSpinner.y,spinner_w.val,140,frame_ptr.val,0,11 // draw the current frame
+            frame_ptr.val+=spinner_w.val%frapic_w.val // advance the pointer to the next frame in the pic resource and roll over at the end
+            doevents // finish drawing before next timer event triggers
+            if(frame_ptr.val==1820)
+            {
+                usual_cnt.val+=1
+                sys0=usual_cnt.val%5
+                if(sys0==0)
+                {
+                    // retry sending startup messages by clicking button
+                    click bSendStartup,1
+                }
+            }
+            if(usual_cnt.val==10)
+            {
+                vis tMsg2,1
+                vis tMsg3,1
+            }
+        

HMI/n2t-out/pageSwipeTest.txt

@@ -0,0 +1,573 @@
+Page pageSwipeTest
+    Attributes
+        ID                                  : 0
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        Width                               : 480
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Locked                              : no
+        Swide up page ID                    : disabled
+        Swide down page ID                  : disabled
+        Swide left page ID                  : disabled
+        Swide right page ID                 : disabled
+        Fill                                : solid color
+        Back. Color                         : 65535
+    
+Number nXS
+    Attributes
+        ID                                  : 7
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 130
+        y coordinate                        : 20
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Number nYE
+    Attributes
+        ID                                  : 8
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 128
+        y coordinate                        : 111
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Number nYS
+    Attributes
+        ID                                  : 9
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 134
+        y coordinate                        : 77
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Number nXE
+    Attributes
+        ID                                  : 10
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 132
+        y coordinate                        : 48
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Number nYR
+    Attributes
+        ID                                  : 12
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 315
+        y coordinate                        : 101
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Number nXR
+    Attributes
+        ID                                  : 13
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 315
+        y coordinate                        : 73
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tDesc1
+    Attributes
+        ID                                  : 2
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 4
+        y coordinate                        : 2
+        Width                               : 152
+        Height                              : 164
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : X-Start:\r\nX-End:\r\nY-Start:\r\nY-End:
+        Max. Text Size                      : 70
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text t2
+    Attributes
+        ID                                  : 3
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 4
+        y coordinate                        : 152
+        Width                               : 152
+        Height                              : 62
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : Swipe Dir\r\nold: 
+        Max. Text Size                      : 70
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tDirection
+    Attributes
+        ID                                  : 6
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 93
+        y coordinate                        : 183
+        Width                               : 100
+        Height                              : 29
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : newtxt
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text t0
+    Attributes
+        ID                                  : 11
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 259
+        y coordinate                        : 5
+        Width                               : 171
+        Height                              : 129
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : Difference\r\n\r\nX\r\nY
+        Max. Text Size                      : 60
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tStatusNew
+    Attributes
+        ID                                  : 14
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 216
+        y coordinate                        : 240
+        Width                               : 162
+        Height                              : 33
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : newtxt
+        Max. Text Size                      : 40
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text t3
+    Attributes
+        ID                                  : 15
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 9
+        y coordinate                        : 242
+        Width                               : 203
+        Height                              : 65
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : new status:\r\nnew direction:
+        Max. Text Size                      : 50
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tDirNew
+    Attributes
+        ID                                  : 16
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 218
+        y coordinate                        : 272
+        Width                               : 162
+        Height                              : 33
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 4
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : newtxt
+        Max. Text Size                      : 40
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Picture p0
+    Attributes
+        ID                                  : 1
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 479
+        Height                              : 319
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Picture ID                          : 0
+    
+Button b8
+    Attributes
+        ID                                  : 17
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 326
+        y coordinate                        : 158
+        Width                               : 107
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : back
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            page pageTest
+        
+Timer tm0
+    Attributes
+        ID         : 5
+        Scope      : local
+        Period (ms): 50
+        Enabled    : yes
+    
+    Events
+        Timer Event
+            if(tc0.val!=0)
+            {
+                xc2=tch0
+                yc2=tch1
+                //debug
+                nXE.val=xc2
+                nYE.val=yc2
+            }
+        
+TouchCap tc0
+    Attributes
+        ID   : 4
+        Scope: local
+        Value: 0
+    
+    Events
+        Touch Press Event
+            if(tc0.val==9) // This is the location of the brightness slider
+            {
+                xc1=0
+                yc1=0
+            }else
+            {
+                xc1=tch0
+                yc1=tch1
+                //debug
+                nXS.val=xc1
+                nYS.val=yc1
+                tm0.en=1
+            }
+        
+        Touch Release Event
+            tm0.en=0
+            if(tc0.val==9) // This is the location of the brightness slider
+            {
+            }else
+            {
+                if(tch0==0)
+                // When this is zero we can interpret that as the real end of the drag event
+                {
+                    xcR=xc1-xc2
+                    ycR=yc1-yc2
+                    //    //debug
+                    //    nXR.val=xcR
+                    //    nYR.val=ycR
+                    //    if(xcR>125)
+                    //    {
+                    //      tDirection.txt="left"
+                    //    }else if(xcR<-125)
+                    //    {
+                    //      tDirection.txt="right"
+                    //    }else if(ycR>125)
+                    //    {
+                    //      tDirection.txt="up"
+                    //    }else if(ycR<-125)
+                    //    {
+                    //      tDirection.txt="down"
+                    //    }else
+                    //    {
+                    //      tDirection.txt="invalid"
+                    //    }
+                    // new method
+                    // one of the difference values should be low to be a valid direction, in case it has a high value it's not a valid swipe, because it's diagonal
+                    // x difference between -125 and 125 (swipe on y-axis)
+                    if(xcR>ixLimit&&xcR<xLimit)
+                    {
+                        tStatusNew.txt="x low, -> y"
+                        // check if below minimum value (change is negative)
+                        if(ycR<iyLimitMin)
+                        {
+                            tDirNew.txt="down"
+                        }else if(ycR>yLimitMin)
+                        {
+                            tDirNew.txt="up"
+                        }else
+                        {
+                            tDirNew.txt="invalid"
+                        }
+                        // y difference between -125 and 125 (swipe on x-axis)
+                    }else if(ycR>iyLimit&&ycR<yLimit)
+                    {
+                        tStatusNew.txt="y low, -> x"
+                        if(xcR<ixLimitMin)
+                        {
+                            tDirNew.txt="right"
+                        }else if(xcR>xLimitMin)
+                        {
+                            tDirNew.txt="left"
+                        }else
+                        {
+                            tDirNew.txt="invalid"
+                        }
+                        //diagonal swipe invalid
+                    }else
+                    {
+                        tStatusNew.txt="invalid"
+                        tDirNew.txt="diagonal"
+                    }
+                }
+            }
+        

HMI/n2t-out/pageTest.txt

@@ -0,0 +1,474 @@
+Page pageTest
+    Attributes
+        ID                                  : 0
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        Width                               : 480
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Locked                              : no
+        Swide up page ID                    : disabled
+        Swide down page ID                  : disabled
+        Swide left page ID                  : disabled
+        Swide right page ID                 : disabled
+        Fill                                : solid color
+        Back. Color                         : 4226
+    
+    Events
+        Preinitialize Event
+            vis p0,0
+        
+Picture p0
+    Attributes
+        ID                                  : 1
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 479
+        Height                              : 319
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Picture ID                          : 0
+    
+Button b0
+    Attributes
+        ID                                  : 2
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 5
+        y coordinate                        : 12
+        Width                               : 100
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : entities
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            page cardEntities
+        
+Button b1
+    Attributes
+        ID                                  : 3
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 347
+        y coordinate                        : 262
+        Width                               : 100
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : serial
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            page pageSerialTest
+        
+Button b2
+    Attributes
+        ID                                  : 4
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 7
+        y coordinate                        : 265
+        Width                               : 100
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : swipe
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            page pageSwipeTest
+        
+Button b3
+    Attributes
+        ID                                  : 5
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 345
+        y coordinate                        : 195
+        Width                               : 102
+        Height                              : 63
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 0
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : disable recmod
+        Max. Text Size                      : 20
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            recmod=0
+        
+Button b6
+    Attributes
+        ID                                  : 6
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 5
+        y coordinate                        : 64
+        Width                               : 100
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : shutter
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            page popupShutter
+        
+Button b4
+    Attributes
+        ID                                  : 7
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 7
+        y coordinate                        : 120
+        Width                               : 100
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : light
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            page popupLight
+        
+Button b5
+    Attributes
+        ID                                  : 8
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 111
+        y coordinate                        : 12
+        Width                               : 100
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : thermo
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            page cardThermo
+        
+Button b7
+    Attributes
+        ID                                  : 9
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 113
+        y coordinate                        : 72
+        Width                               : 100
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : media
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            page cardMedia
+        
+Button b8
+    Attributes
+        ID                                  : 10
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 341
+        y coordinate                        : 9
+        Width                               : 106
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : screens
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            dimValue=50
+            page screensaver
+        
+Button b9
+    Attributes
+        ID                                  : 11
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 6
+        y coordinate                        : 175
+        Width                               : 100
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : notify
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            page popupNotify
+        
+Button b10
+    Attributes
+        ID                                  : 12
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 115
+        y coordinate                        : 128
+        Width                               : 100
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : alarm
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            page cardAlarm
+        
+Button b11
+    Attributes
+        ID                                  : 13
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 117
+        y coordinate                        : 184
+        Width                               : 100
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : 3D auto
+        Font ID                             : 4
+        Back. Color                         : 50712
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 0
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : grid
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            page cardGrid
+        

HMI/n2t-out/popupLight.txt

@@ -0,0 +1,957 @@
+Page popupLight
+    Attributes
+        ID                                  : 0
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        Width                               : 480
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Locked                              : no
+        Swide up page ID                    : disabled
+        Swide down page ID                  : disabled
+        Swide left page ID                  : disabled
+        Swide right page ID                 : disabled
+        Fill                                : solid color
+        Back. Color                         : 6371
+    
+    Events
+        Preinitialize Event
+            //get entitiy name
+            tEntity.txt=pageIcons.tTmp1.txt
+            //get entity id
+            entn.txt=pageIcons.tTmp2.txt
+            vis p0,0
+            vis tSend,0
+            vis tTmp,0
+            vis tInstruction,0
+            vis tId,0
+            //page open event
+            // event,pageOpenDetail,typeOfPage,tEntityName
+            // craft command
+            tSend.txt="event,pageOpenDetail,popupLight,"+entn.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+            //disable brightness by default
+            vis t1,0
+            vis t2,0
+            vis hBrightness,0
+            //disable color temp by default
+            vis t4,0
+            vis t3,0
+            vis hTempSlider,0
+            //disable color wheel components by default
+            vis bColor,0
+            vis t0,0
+            vis pColorWheel,0
+            //vis t0,0
+        
+Variable (string) strCommand
+    Attributes
+        ID            : 17
+        Scope         : local
+        Text          : 
+        Max. Text Size: 100
+    
+Variable (string) entn
+    Attributes
+        ID            : 21
+        Scope         : local
+        Text          : newtxt
+        Max. Text Size: 50
+    
+Variable (int32) mode
+    Attributes
+        ID   : 23
+        Scope: local
+        Value: 1
+    
+Variable (int32) mode_temp
+    Attributes
+        ID   : 24
+        Scope: local
+        Value: 0
+    
+Text tEntity
+    Attributes
+        ID                                  : 3
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 92
+        y coordinate                        : 21
+        Width                               : 263
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : left
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : tEntity1
+        Max. Text Size                      : 25
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tIcon1
+    Attributes
+        ID                                  : 4
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 11
+        y coordinate                        : 21
+        Width                               : 45
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Font Color                          : 17299
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text t1
+    Attributes
+        ID                                  : 6
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 10
+        y coordinate                        : 226
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : Brightness
+        Max. Text Size                      : 15
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text t2
+    Attributes
+        ID                                  : 9
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 10
+        y coordinate                        : 267
+        Width                               : 45
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Font Color                          : 40147
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text t3
+    Attributes
+        ID                                  : 10
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 10
+        y coordinate                        : 181
+        Width                               : 45
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Font Color                          : 40147
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text t4
+    Attributes
+        ID                                  : 11
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 9
+        y coordinate                        : 143
+        Width                               : 116
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : Temperature
+        Max. Text Size                      : 15
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tSend
+    Attributes
+        ID                                  : 12
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 348
+        Height                              : 7
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : newtxt
+        Max. Text Size                      : 100
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tTmp
+    Attributes
+        ID                                  : 13
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 406
+        y coordinate                        : 277
+        Width                               : 34
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tInstruction
+    Attributes
+        ID                                  : 18
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 290
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 20
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tId
+    Attributes
+        ID                                  : 19
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 100
+        y coordinate                        : 290
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 20
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text t0
+    Attributes
+        ID                                  : 25
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 9
+        y coordinate                        : 80
+        Width                               : 64
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : Color
+        Max. Text Size                      : 15
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Picture p0
+    Attributes
+        ID                                  : 1
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 480
+        Height                              : 320
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Picture ID                          : 0
+    
+Picture pColorWheel
+    Attributes
+        ID                                  : 2
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 167
+        y coordinate                        : 69
+        Width                               : 160
+        Height                              : 160
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Picture ID                          : 3
+    
+    Events
+        Touch Press Event
+            //craft command
+            tSend.txt="event,buttonPress2,"+entn.txt+",colorWheel,"
+            sys0=tch0
+            sys0=sys0-pColorWheel.x
+            covx sys0,tTmp.txt,0,0
+            tSend.txt+=tTmp.txt
+            tSend.txt+="|"
+            sys0=tch1
+            sys0=sys0-pColorWheel.y
+            covx sys0,tTmp.txt,0,0
+            tSend.txt+=tTmp.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Slider hBrightness
+    Attributes
+        ID                                  : 7
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 61
+        y coordinate                        : 261
+        Width                               : 335
+        Height                              : 43
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Direction                           : horizontal
+        Fill                                : image
+        Cursor width                        : auto
+        Cursor height                       : 255
+        Back. Picture ID                    : 5
+        Slided Back. Picture ID             : 4
+        Position                            : 50
+        Upper range limit                   : 100
+        Lower range limit                   : 0
+    
+    Events
+        Touch Release Event
+            //craft command
+            tSend.txt="event,buttonPress2,"+entn.txt+",brightnessSlider,"
+            covx hBrightness.val,tTmp.txt,0,0
+            tSend.txt+=tTmp.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Slider hTempSlider
+    Attributes
+        ID                                  : 20
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 61
+        y coordinate                        : 178
+        Width                               : 335
+        Height                              : 44
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Direction                           : horizontal
+        Fill                                : image
+        Cursor width                        : auto
+        Cursor height                       : 255
+        Back. Picture ID                    : 8
+        Slided Back. Picture ID             : 10
+        Position                            : 50
+        Upper range limit                   : 100
+        Lower range limit                   : 0
+    
+    Events
+        Touch Release Event
+            //craft command
+            tSend.txt="event,buttonPress2,"+entn.txt+",colorTempSlider,"
+            covx hTempSlider.val,tTmp.txt,0,0
+            tSend.txt+=tTmp.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Button b0
+    Attributes
+        ID                                  : 5
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 397
+        y coordinate                        : 8
+        Width                               : 50
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 14823
+        Font Color (Unpressed)              : 65535
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            //page open event
+            // event,pageOpen,cardEntities,pageNumber
+            // craft command
+            // convert pageNumber and write to tTmp
+            covx nPage,tTmp.txt,0,0
+            tSend.txt="event,pageOpen,"+tTmp.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Button bColor
+    Attributes
+        ID                                  : 22
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 89
+        y coordinate                        : 68
+        Width                               : 50
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 14823
+        Font Color (Unpressed)              : 65535
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            if(mode.val==1)
+            {
+                mode.val=0
+                //enable color wheel
+                vis pColorWheel,1
+                //disable color temp
+                vis t4,0
+                vis t3,0
+                vis hTempSlider,0
+            }else
+            {
+                mode.val=1
+                //disable color wheel
+                vis pColorWheel,0
+                if(mode_temp.val==1)
+                {
+                    //enable color temp
+                    vis t4,1
+                    vis t3,1
+                    vis hTempSlider,1
+                }
+            }
+        
+Dual-state Button btOnOff1
+    Attributes
+        ID                                  : 8
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 370
+        y coordinate                        : 79
+        Width                               : 50
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : image
+        Font ID                             : 0
+        Background Picture ID (Unpressed)   : 1
+        Back. Picture ID (Pressed)          : 2
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            //craft command
+            tSend.txt="event,buttonPress2,"+entn.txt+","+"OnOff,"
+            covx btOnOff1.val,tTmp.txt,0,0
+            tSend.txt+=tTmp.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Timer tmSleep
+    Attributes
+        ID         : 15
+        Scope      : local
+        Period (ms): 1000
+        Enabled    : yes
+    
+    Events
+        Timer Event
+            if(sleepTimeout!=0)
+            {
+                sleepValue+=1
+                if(sleepTimeout<=sleepValue)
+                {
+                    screensaver.originPage.val=dp
+                    sleepValue=0
+                    click b0,1
+                    click b0,0
+                }
+            }
+        
+Timer tmSerial
+    Attributes
+        ID         : 16
+        Scope      : local
+        Period (ms): 50
+        Enabled    : yes
+    
+    Events
+        Timer Event
+            // data available
+            if(usize>1)
+            {
+                bufferPos=0
+                while(bufferPos<usize)
+                {
+                    // check for 0x55 0xBB - Command Init Secuence
+                    if(u[bufferPos]==187&&u[bufferPos-1]==85)
+                    {
+                        //remove garbage at the start of the buffer if there's any to free buffer for command
+                        if(u[bufferPos]!=1)
+                        {
+                            udelete bufferPos-1
+                        }
+                        //instruction is now aligned with buffer, because we deleted garbage before instrcution
+                        //get length after init sequence (check if there are more than to bytes in buffer)
+                        if(3<usize)
+                        {
+                            // check if serial buffer has reached the announced length
+                            ucopy payloadLength,2,2,0
+                            // we are only checking payload length so we have to skip first 3 bytes (init+payload length) (-1 because of < instead of <=)
+                            payloadLength+=3
+                            // payload length does also not contain crc, so we are adding another 2 bytes for crc
+                            payloadLength+=2
+                            if(payloadLength<usize)
+                            {
+                                // calculate crc
+                                crcrest 1,0xFFFF
+                                // u[2] contains payload legth at 3rd pos in buffer, we are calculating crc from 3rd pos with number of bytes from payload length
+                                //crcputu 3,u[2]
+                                // u[2] cotnains payload length, we are calculating a crc over the whole message, so we have to add 3 to the length from u[2]
+                                crcputu 0,payloadLength-1
+                                // get recived crc to be able to compare it
+                                ucopy recvCrc,payloadLength-1,2,0
+                                // compare crc with recived value
+                                if(crcval==recvCrc)
+                                {
+                                    // crc is okay
+                                    // here is the location where acual code should be
+                                    // write command to variable strCommand
+                                    ucopy strCommand.txt,4,payloadLength-5,0
+                                    // write instruction to tInstuction (debug output, but used as variable here, ui elements will be disabled by default)
+                                    spstr strCommand.txt,tInstruction.txt,",",0
+                                    if(tInstruction.txt=="entityUpdateDetail")
+                                    {
+                                        // change icon
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,sys0,0,0
+                                        substr pageIcons.tIcons.txt,tIcon1.txt,sys0,1
+                                        vis tIcon1,1
+                                        // change icon color
+                                        spstr strCommand.txt,tTmp.txt,",",2
+                                        covx tTmp.txt,sys0,0,0
+                                        tIcon1.pco=sys0
+                                        // get Button State
+                                        spstr strCommand.txt,tTmp.txt,",",3
+                                        covx tTmp.txt,sys0,0,0
+                                        btOnOff1.val=sys0
+                                        // get Brightness value
+                                        spstr strCommand.txt,tTmp.txt,",",4
+                                        if(tTmp.txt=="disable")
+                                        {
+                                            vis t1,0
+                                            vis t2,0
+                                            vis hBrightness,0
+                                        }else
+                                        {
+                                            vis t1,1
+                                            vis t2,1
+                                            vis hBrightness,1
+                                            covx tTmp.txt,sys0,0,0
+                                            hBrightness.val=sys0
+                                        }
+                                        // get ColorTemp value
+                                        spstr strCommand.txt,tTmp.txt,",",5
+                                        if(tTmp.txt=="disable")
+                                        {
+                                            vis hTempSlider,0
+                                            vis t3,0
+                                            vis t4,0
+                                            mode_temp.val=0
+                                            // mode == 1 is temp controls currently shown
+                                            if(mode.val==1)
+                                            {
+                                                // switch mode
+                                                click bColor,1
+                                                click bColor,0
+                                            }
+                                        }else if(tTmp.txt=="unknown") // temp supported, but not in color mode
+                                        {
+                                            mode_temp.val=1
+                                            // mode == 1 is temp controls currently shown
+                                            if(mode.val==1)
+                                            {
+                                                // switch mode
+                                                click bColor,1
+                                                click bColor,0
+                                            }
+                                        }else
+                                        {
+                                            mode_temp.val=0
+                                            vis hTempSlider,1
+                                            vis t3,1
+                                            vis t4,1
+                                            // mode == 0 is rgb controls currently shown
+                                            if(mode.val==0)
+                                            {
+                                                // switch mode
+                                                click bColor,1
+                                                click bColor,0
+                                            }
+                                        }
+                                        // get Color value
+                                        spstr strCommand.txt,tTmp.txt,",",6
+                                        // disable -> isn't supported
+                                        if(tTmp.txt=="disable")
+                                        {
+                                            vis t0,0
+                                            vis bColor,0
+                                            vis pColorWheel,0
+                                        }else
+                                        {
+                                            vis t0,1
+                                            vis bColor,1
+                                            if(mode.val==0)
+                                            {
+                                                vis pColorWheel,1
+                                            }
+                                        }
+                                    }
+                                    if(tInstruction.txt=="time")
+                                    {
+                                        // get set time to global variable
+                                        spstr strCommand.txt,screensaver.vaTime.txt,",",1
+                                    }
+                                    if(tInstruction.txt=="date")
+                                    {
+                                        // get set date to global variable
+                                        spstr strCommand.txt,screensaver.vaDate.txt,"?",1
+                                    }
+                                    if(tInstruction.txt=="dimmode")
+                                    {
+                                        // get value
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,dimValue,0,0
+                                    }
+                                    if(tInstruction.txt=="timeout")
+                                    {
+                                        //set timeout to global var
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,sleepTimeout,0,0
+                                    }
+                                    if(tInstruction.txt=="pageType")
+                                    {
+                                        //command format pageType,specialPageName
+                                        //write name of speical page to tId
+                                        spstr strCommand.txt,tId.txt,",",1
+                                        //save second arg if there's one
+                                        spstr strCommand.txt,tTmp.txt,",",2
+                                        //save third arg if there's one
+                                        spstr strCommand.txt,pageIcons.tTmp2.txt,",",3
+                                        //we are going to exit this page with this command, so we have to clear the buffer, so we are not getting into a stupid loop ...
+                                        udelete payloadLength-1
+                                        bufferPos=0
+                                        if(tId.txt=="cardEntities")
+                                        {
+                                            page cardEntities
+                                        }
+                                        if(tId.txt=="cardMedia")
+                                        {
+                                            page cardMedia
+                                        }
+                                        if(tId.txt=="pageStartup")
+                                        {
+                                            page pageStartup
+                                        }
+                                        if(tId.txt=="popupNotify")
+                                        {
+                                            page popupNotify
+                                        }
+                                        if(tId.txt=="cardGrid")
+                                        {
+                                            page cardGrid
+                                        }
+                                        if(tId.txt=="cardAlarm")
+                                        {
+                                            page cardAlarm
+                                        }
+                                    }
+                                    // end of user code
+                                    udelete payloadLength-1
+                                    bufferPos=0
+                                }
+                            }
+                        }
+                    }
+                    // next character
+                    bufferPos++
+                }
+            }
+        
+TouchCap tc0
+    Attributes
+        ID   : 14
+        Scope: local
+        Value: 0
+    
+    Events
+        Touch Press Event
+            sleepValue=0
+        

HMI/n2t-out/popupNotify.txt

@@ -0,0 +1,612 @@
+Page popupNotify
+    Attributes
+        ID                                  : 0
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        Width                               : 480
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Locked                              : no
+        Swide up page ID                    : disabled
+        Swide down page ID                  : disabled
+        Swide left page ID                  : disabled
+        Swide right page ID                 : disabled
+        Fill                                : solid color
+        Back. Color                         : 6371
+    
+    Events
+        Preinitialize Event
+            vis p0,0
+            vis tSend,0
+            vis tTmp,0
+            vis tInstruction,0
+            vis tId,0
+        
+Variable (string) strCommand
+    Attributes
+        ID            : 8
+        Scope         : local
+        Text          : 
+        Max. Text Size: 1000
+    
+Variable (string) entn
+    Attributes
+        ID            : 15
+        Scope         : local
+        Text          : 
+        Max. Text Size: 30
+    
+Variable (int32) vaOldSleepT
+    Attributes
+        ID   : 16
+        Scope: local
+        Value: 0
+    
+Text tSend
+    Attributes
+        ID                                  : 3
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 348
+        Height                              : 22
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : newtxt
+        Max. Text Size                      : 100
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tTmp
+    Attributes
+        ID                                  : 4
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 406
+        y coordinate                        : 277
+        Width                               : 34
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tInstruction
+    Attributes
+        ID                                  : 9
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 290
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 20
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tId
+    Attributes
+        ID                                  : 10
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 100
+        y coordinate                        : 290
+        Width                               : 100
+        Height                              : 29
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 20
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tHeading
+    Attributes
+        ID                                  : 11
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 23
+        y coordinate                        : 26
+        Width                               : 345
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : left
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 40
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tText
+    Attributes
+        ID                                  : 12
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 23
+        y coordinate                        : 74
+        Width                               : 397
+        Height                              : 171
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : left
+        Vertical Alignment                  : top
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 500
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Picture p0
+    Attributes
+        ID                                  : 1
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 480
+        Height                              : 320
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Picture ID                          : 0
+    
+Button b0
+    Attributes
+        ID                                  : 2
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 397
+        y coordinate                        : 8
+        Width                               : 50
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 14823
+        Font Color (Unpressed)              : 65535
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            sleepTimeout=vaOldSleepT.val
+            //page open event
+            // event,pageOpen,cardEntities,pageNumber
+            // craft command
+            // convert pageNumber and write to tTmp
+            covx nPage,tTmp.txt,0,0
+            tSend.txt="event,pageOpen,"+tTmp.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Button b2
+    Attributes
+        ID                                  : 13
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 239
+        y coordinate                        : 261
+        Width                               : 182
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Back. Picture ID (Pressed)          : 9
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 65535
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            sleepTimeout=vaOldSleepT.val
+            //craft command
+            tSend.txt="event,buttonPress2,"+entn.txt+",notifyAction,yes"
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Button b1
+    Attributes
+        ID                                  : 14
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 24
+        y coordinate                        : 261
+        Width                               : 182
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Back. Picture ID (Pressed)          : 9
+        Back. Color (Pressed)               : 1024
+        Font Color (Unpressed)              : 65535
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            sleepTimeout=vaOldSleepT.val
+            //craft command
+            tSend.txt="event,buttonPress2,"+entn.txt+",notifyAction,no"
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Timer tmSleep
+    Attributes
+        ID         : 6
+        Scope      : local
+        Period (ms): 1000
+        Enabled    : yes
+    
+    Events
+        Timer Event
+            if(sleepTimeout!=0)
+            {
+                sleepValue+=1
+                if(sleepTimeout<=sleepValue)
+                {
+                    screensaver.originPage.val=dp
+                    sleepValue=0
+                    click b0,1
+                    click b0,0
+                }
+            }
+        
+Timer tmSerial
+    Attributes
+        ID         : 7
+        Scope      : local
+        Period (ms): 50
+        Enabled    : yes
+    
+    Events
+        Timer Event
+            // data available
+            if(usize>1)
+            {
+                bufferPos=0
+                while(bufferPos<usize)
+                {
+                    // check for 0x55 0xBB - Command Init Secuence
+                    if(u[bufferPos]==187&&u[bufferPos-1]==85)
+                    {
+                        //remove garbage at the start of the buffer if there's any to free buffer for command
+                        if(u[bufferPos]!=1)
+                        {
+                            udelete bufferPos-1
+                        }
+                        //instruction is now aligned with buffer, because we deleted garbage before instrcution
+                        //get length after init sequence (check if there are more than to bytes in buffer)
+                        if(3<usize)
+                        {
+                            // check if serial buffer has reached the announced length
+                            ucopy payloadLength,2,2,0
+                            // we are only checking payload length so we have to skip first 3 bytes (init+payload length) (-1 because of < instead of <=)
+                            payloadLength+=3
+                            // payload length does also not contain crc, so we are adding another 2 bytes for crc
+                            payloadLength+=2
+                            if(payloadLength<usize)
+                            {
+                                // calculate crc
+                                crcrest 1,0xFFFF
+                                // u[2] contains payload legth at 3rd pos in buffer, we are calculating crc from 3rd pos with number of bytes from payload length
+                                //crcputu 3,u[2]
+                                // u[2] cotnains payload length, we are calculating a crc over the whole message, so we have to add 3 to the length from u[2]
+                                crcputu 0,payloadLength-1
+                                // get recived crc to be able to compare it
+                                ucopy recvCrc,payloadLength-1,2,0
+                                // compare crc with recived value
+                                if(crcval==recvCrc)
+                                {
+                                    // crc is okay
+                                    // here is the location where acual code should be
+                                    // write command to variable strCommand
+                                    ucopy strCommand.txt,4,payloadLength-5,0
+                                    // write instruction to tInstuction (debug output, but used as variable here, ui elements will be disabled by default)
+                                    spstr strCommand.txt,tInstruction.txt,",",0
+                                    if(tInstruction.txt=="entityUpdateDetail")
+                                    {
+                                        // get entn
+                                        spstr strCommand.txt,entn.txt,"|",1
+                                        // get Heading
+                                        spstr strCommand.txt,tHeading.txt,"|",2
+                                        // heading color
+                                        spstr strCommand.txt,tTmp.txt,"|",3
+                                        covx tTmp.txt,sys0,0,0
+                                        tHeading.pco=sys0
+                                        // get b1
+                                        spstr strCommand.txt,b1.txt,"|",4
+                                        if(b1.txt!="")
+                                        {
+                                            vis b1,1
+                                        }
+                                        // b1 color
+                                        spstr strCommand.txt,tTmp.txt,"|",5
+                                        covx tTmp.txt,sys0,0,0
+                                        b1.pco=sys0
+                                        // get b2
+                                        spstr strCommand.txt,b2.txt,"|",6
+                                        if(b2.txt!="")
+                                        {
+                                            vis b2,1
+                                        }
+                                        // b2 color
+                                        spstr strCommand.txt,tTmp.txt,"|",7
+                                        covx tTmp.txt,sys0,0,0
+                                        b2.pco=sys0
+                                        // get tText
+                                        spstr strCommand.txt,tText.txt,"|",8
+                                        // tText color
+                                        spstr strCommand.txt,tTmp.txt,"|",9
+                                        covx tTmp.txt,sys0,0,0
+                                        tText.pco=sys0
+                                        //preserve old sleepTimeout
+                                        vaOldSleepT.val=sleepTimeout
+                                        // sleep timeout
+                                        spstr strCommand.txt,tTmp.txt,"|",10
+                                        covx tTmp.txt,sys0,0,0
+                                        sleepTimeout=sys0
+                                    }
+                                    if(tInstruction.txt=="time")
+                                    {
+                                        // get set time to global variable
+                                        spstr strCommand.txt,screensaver.vaTime.txt,",",1
+                                    }
+                                    if(tInstruction.txt=="date")
+                                    {
+                                        // get set date to global variable
+                                        spstr strCommand.txt,screensaver.vaDate.txt,"?",1
+                                    }
+                                    if(tInstruction.txt=="dimmode")
+                                    {
+                                        // get value
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,dimValue,0,0
+                                    }
+                                    if(tInstruction.txt=="timeout")
+                                    {
+                                        //set timeout to global var
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,sleepTimeout,0,0
+                                    }
+                                    if(tInstruction.txt=="exitPopup")
+                                    {
+                                        click b0,1
+                                    }
+                                    if(tInstruction.txt=="pageType")
+                                    {
+                                        sleepTimeout=vaOldSleepT.val
+                                        //command format pageType,specialPageName
+                                        //write name of speical page to tId
+                                        spstr strCommand.txt,tId.txt,",",1
+                                        //save second arg if there's one
+                                        spstr strCommand.txt,tTmp.txt,",",2
+                                        //save third arg if there's one
+                                        spstr strCommand.txt,pageIcons.tTmp2.txt,",",3
+                                        //we are going to exit this page with this command, so we have to clear the buffer, so we are not getting into a stupid loop ...
+                                        udelete payloadLength-1
+                                        bufferPos=0
+                                        if(tId.txt=="popupLight")
+                                        {
+                                            pageIcons.tTmp1.txt=tTmp.txt
+                                            page popupLight
+                                        }
+                                        if(tId.txt=="cardEntities")
+                                        {
+                                            page cardEntities
+                                        }
+                                        if(tId.txt=="cardMedia")
+                                        {
+                                            page cardMedia
+                                        }
+                                        if(tId.txt=="cardThermo")
+                                        {
+                                            page cardThermo
+                                        }
+                                        if(tId.txt=="pageStartup")
+                                        {
+                                            page pageStartup
+                                        }
+                                        if(tId.txt=="cardGrid")
+                                        {
+                                            page cardGrid
+                                        }
+                                        if(tId.txt=="cardAlarm")
+                                        {
+                                            page cardAlarm
+                                        }
+                                    }
+                                    // end of user code
+                                    udelete payloadLength-1
+                                    bufferPos=0
+                                }
+                            }
+                        }
+                    }
+                    // next character
+                    bufferPos++
+                }
+                if(bufferPos==usize)
+                {
+                    // copy whole buffer to t1.txt, for debugging
+                    //ucopy t2.txt,0,usize,0
+                    // ucopy n2.val,0,usize,0
+                    // clear whole buffer
+                    //code_c
+                    //bufferPos=0
+                }
+            }
+        
+TouchCap tc0
+    Attributes
+        ID   : 5
+        Scope: local
+        Value: 0
+    
+    Events
+        Touch Press Event
+            sleepValue=0
+        

HMI/n2t-out/popupShutter.txt

@@ -0,0 +1,700 @@
+Page popupShutter
+    Attributes
+        ID                                  : 0
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        Width                               : 480
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Locked                              : no
+        Swide up page ID                    : disabled
+        Swide down page ID                  : disabled
+        Swide left page ID                  : disabled
+        Swide right page ID                 : disabled
+        Fill                                : solid color
+        Back. Color                         : 6371
+    
+    Events
+        Preinitialize Event
+            //get entitiy name
+            tEntity.txt=pageIcons.tTmp1.txt
+            //get entity id
+            entn.txt=pageIcons.tTmp2.txt
+            vis p0,0
+            vis tSend,0
+            vis tTmp,0
+            vis tInstruction,0
+            vis tId,0
+            //page open event
+            // event,pageOpenDetail,typeOfPage,tEntityName
+            // craft command
+            tSend.txt="event,pageOpenDetail,popupShutter,"+entn.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Variable (string) strCommand
+    Attributes
+        ID            : 10
+        Scope         : local
+        Text          : 
+        Max. Text Size: 50
+    
+Variable (string) entn
+    Attributes
+        ID            : 18
+        Scope         : local
+        Text          : newtxt
+        Max. Text Size: 50
+    
+Text tEntity
+    Attributes
+        ID                                  : 2
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 65
+        y coordinate                        : 108
+        Width                               : 195
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : left
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : tEntity1
+        Max. Text Size                      : 25
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tIcon1
+    Attributes
+        ID                                  : 3
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 12
+        y coordinate                        : 109
+        Width                               : 45
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Font Color                          : 17299
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tSend
+    Attributes
+        ID                                  : 5
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 348
+        Height                              : 22
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : newtxt
+        Max. Text Size                      : 100
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tTmp
+    Attributes
+        ID                                  : 6
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 406
+        y coordinate                        : 277
+        Width                               : 34
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tInstruction
+    Attributes
+        ID                                  : 11
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 290
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 20
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tId
+    Attributes
+        ID                                  : 12
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 100
+        y coordinate                        : 290
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 20
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text t1
+    Attributes
+        ID                                  : 17
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 64
+        y coordinate                        : 164
+        Width                               : 100
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 6371
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : Position
+        Max. Text Size                      : 15
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Picture p0
+    Attributes
+        ID                                  : 1
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 480
+        Height                              : 320
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Picture ID                          : 0
+    
+Slider hPosition
+    Attributes
+        ID                                  : 16
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 65
+        y coordinate                        : 194
+        Width                               : 335
+        Height                              : 43
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Direction                           : horizontal
+        Fill                                : image
+        Cursor width                        : auto
+        Cursor height                       : 255
+        Back. Picture ID                    : 5
+        Slided Back. Picture ID             : 4
+        Position                            : 50
+        Upper range limit                   : 100
+        Lower range limit                   : 0
+    
+    Events
+        Touch Release Event
+            // event,buttonPress2,internalNameEntity,positionSlider,50
+            //craft command
+            tSend.txt="event,buttonPress2,"+entn.txt+",positionSlider,"
+            covx hPosition.val,tTmp.txt,0,0
+            tSend.txt+=tTmp.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Button b0
+    Attributes
+        ID                                  : 4
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 397
+        y coordinate                        : 8
+        Width                               : 50
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 14823
+        Font Color (Unpressed)              : 65535
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            //page open event
+            // event,pageOpen,cardEntities,pageNumber
+            // craft command
+            // convert pageNumber and write to tTmp
+            covx nPage,tTmp.txt,0,0
+            tSend.txt="event,pageOpen,"+tTmp.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Button bDown1
+    Attributes
+        ID                                  : 13
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 393
+        y coordinate                        : 96
+        Width                               : 50
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 14823
+        Font Color (Unpressed)              : 65535
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            tSend.txt="event,buttonPress2,"+entn.txt+",down"
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Button bStop1
+    Attributes
+        ID                                  : 14
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 341
+        y coordinate                        : 96
+        Width                               : 50
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 14823
+        Font Color (Unpressed)              : 65535
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            tSend.txt="event,buttonPress2,"+entn.txt+",stop"
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Button bUp1
+    Attributes
+        ID                                  : 15
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 289
+        y coordinate                        : 96
+        Width                               : 50
+        Height                              : 50
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Font ID                             : 1
+        Back. Color                         : 6371
+        Back. Picture ID (Pressed)          : 65535
+        Back. Color (Pressed)               : 14823
+        Font Color (Unpressed)              : 65535
+        Font Color (Pressed)                : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        State                               : unpressed
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+    Events
+        Touch Press Event
+            tSend.txt="event,buttonPress2,"+entn.txt+",up"
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+        
+Timer tmSleep
+    Attributes
+        ID         : 8
+        Scope      : local
+        Period (ms): 1000
+        Enabled    : yes
+    
+    Events
+        Timer Event
+            if(sleepTimeout!=0)
+            {
+                sleepValue+=1
+                if(sleepTimeout<=sleepValue)
+                {
+                    screensaver.originPage.val=dp
+                    sleepValue=0
+                    click b0,1
+                    click b0,0
+                }
+            }
+        
+Timer tmSerial
+    Attributes
+        ID         : 9
+        Scope      : local
+        Period (ms): 50
+        Enabled    : yes
+    
+    Events
+        Timer Event
+            // data available
+            if(usize>1)
+            {
+                bufferPos=0
+                while(bufferPos<usize)
+                {
+                    // check for 0x55 0xBB - Command Init Secuence
+                    if(u[bufferPos]==187&&u[bufferPos-1]==85)
+                    {
+                        //remove garbage at the start of the buffer if there's any to free buffer for command
+                        if(u[bufferPos]!=1)
+                        {
+                            udelete bufferPos-1
+                        }
+                        //instruction is now aligned with buffer, because we deleted garbage before instrcution
+                        //get length after init sequence (check if there are more than to bytes in buffer)
+                        if(3<usize)
+                        {
+                            // check if serial buffer has reached the announced length
+                            ucopy payloadLength,2,2,0
+                            // we are only checking payload length so we have to skip first 3 bytes (init+payload length) (-1 because of < instead of <=)
+                            payloadLength+=3
+                            // payload length does also not contain crc, so we are adding another 2 bytes for crc
+                            payloadLength+=2
+                            if(payloadLength<usize)
+                            {
+                                // calculate crc
+                                crcrest 1,0xFFFF
+                                // u[2] contains payload legth at 3rd pos in buffer, we are calculating crc from 3rd pos with number of bytes from payload length
+                                //crcputu 3,u[2]
+                                // u[2] cotnains payload length, we are calculating a crc over the whole message, so we have to add 3 to the length from u[2]
+                                crcputu 0,payloadLength-1
+                                // get recived crc to be able to compare it
+                                ucopy recvCrc,payloadLength-1,2,0
+                                // compare crc with recived value
+                                if(crcval==recvCrc)
+                                {
+                                    // crc is okay
+                                    // here is the location where acual code should be
+                                    // write command to variable strCommand
+                                    ucopy strCommand.txt,4,payloadLength-5,0
+                                    // write instruction to tInstuction (debug output, but used as variable here, ui elements will be disabled by default)
+                                    spstr strCommand.txt,tInstruction.txt,",",0
+                                    if(tInstruction.txt=="entityUpdateDetail")
+                                    {
+                                        // get Position value
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,sys0,0,0
+                                        hPosition.val=sys0
+                                    }
+                                    if(tInstruction.txt=="dimmode")
+                                    {
+                                        // get value
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,dimValue,0,0
+                                    }
+                                    if(tInstruction.txt=="time")
+                                    {
+                                        // get set time to global variable
+                                        spstr strCommand.txt,screensaver.vaTime.txt,",",1
+                                    }
+                                    if(tInstruction.txt=="date")
+                                    {
+                                        // get set date to global variable
+                                        spstr strCommand.txt,screensaver.vaDate.txt,"?",1
+                                    }
+                                    if(tInstruction.txt=="timeout")
+                                    {
+                                        //set timeout to global var
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,sleepTimeout,0,0
+                                    }
+                                    if(tInstruction.txt=="pageType")
+                                    {
+                                        //command format pageType,specialPageName
+                                        //write name of speical page to tId
+                                        spstr strCommand.txt,tId.txt,",",1
+                                        //save second arg if there's one
+                                        spstr strCommand.txt,tTmp.txt,",",2
+                                        //save third arg if there's one
+                                        spstr strCommand.txt,pageIcons.tTmp2.txt,",",3
+                                        //we are going to exit this page with this command, so we have to clear the buffer, so we are not getting into a stupid loop ...
+                                        udelete payloadLength-1
+                                        bufferPos=0
+                                        if(tId.txt=="popupLight")
+                                        {
+                                            pageIcons.tTmp1.txt=tTmp.txt
+                                            page popupLight
+                                        }
+                                        if(tId.txt=="cardEntities")
+                                        {
+                                            page cardEntities
+                                        }
+                                        if(tId.txt=="cardMedia")
+                                        {
+                                            page cardMedia
+                                        }
+                                        if(tId.txt=="pageStartup")
+                                        {
+                                            page pageStartup
+                                        }
+                                        if(tId.txt=="popupNotify")
+                                        {
+                                            page popupNotify
+                                        }
+                                        if(tId.txt=="cardGrid")
+                                        {
+                                            page cardGrid
+                                        }
+                                        if(tId.txt=="cardAlarm")
+                                        {
+                                            page cardAlarm
+                                        }
+                                    }
+                                    // end of user code
+                                    udelete payloadLength-1
+                                    bufferPos=0
+                                }
+                            }
+                        }
+                    }
+                    // next character
+                    bufferPos++
+                }
+                if(bufferPos==usize)
+                {
+                    // copy whole buffer to t1.txt, for debugging
+                    //ucopy t2.txt,0,usize,0
+                    // ucopy n2.val,0,usize,0
+                    // clear whole buffer
+                    //code_c
+                    //bufferPos=0
+                }
+            }
+        
+TouchCap tc0
+    Attributes
+        ID   : 7
+        Scope: local
+        Value: 0
+    
+    Events
+        Touch Press Event
+            sleepValue=0
+        

HMI/n2t-out/screensaver.txt

@@ -0,0 +1,826 @@
+Page screensaver
+    Attributes
+        ID                                  : 0
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        Width                               : 480
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Locked                              : no
+        Swide up page ID                    : disabled
+        Swide down page ID                  : disabled
+        Swide left page ID                  : disabled
+        Swide right page ID                 : disabled
+        Fill                                : solid color
+        Back. Color                         : 0
+    
+    Events
+        Preinitialize Event
+            recmod=1
+            bauds=115200
+            vis originPage,0
+            vis tInstruction,0
+            vis tTmp,0
+            vis p0,0
+            //load gloabl time string from pageIcons
+            tTime.txt=vaTime.txt
+            tDate.txt=vaDate.txt
+            dim=dimValue
+            vis tSend,0
+            //page open event
+            // craft command
+            tSend.txt="event,screensaverOpen"
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+            // clear weather elements, to keep example content in HMI
+            tMainIcon.txt=""
+            tMainText.txt=""
+            tMRIcon.txt=""
+            tMR.txt=""
+            tForecast1.txt=""
+            tF1Icon.txt=""
+            tForecast1Val.txt=""
+            tForecast2.txt=""
+            tF2Icon.txt=""
+            tForecast2Val.txt=""
+        
+Variable (string) strCommand
+    Attributes
+        ID            : 5
+        Scope         : local
+        Text          : 
+        Max. Text Size: 100
+    
+Variable (string) vaTime
+    Attributes
+        ID            : 10
+        Scope         : global
+        Text          : 
+        Max. Text Size: 10
+    
+Variable (string) vaDate
+    Attributes
+        ID            : 11
+        Scope         : global
+        Text          : 
+        Max. Text Size: 30
+    
+Variable (string) tId
+    Attributes
+        ID            : 24
+        Scope         : local
+        Text          : 
+        Max. Text Size: 25
+    
+Number originPage
+    Attributes
+        ID                                  : 3
+        Scope                               : global
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 452
+        y coordinate                        : 267
+        Width                               : 24
+        Height                              : 49
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Value                               : 0
+        Significant digits shown            : all
+        Format                              : decimal
+        Word wrap                           : enabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tInstruction
+    Attributes
+        ID                                  : 6
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 450
+        y coordinate                        : 186
+        Width                               : 27
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 20
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tTmp
+    Attributes
+        ID                                  : 7
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 451
+        y coordinate                        : 228
+        Width                               : 25
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 20
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tTime
+    Attributes
+        ID                                  : 8
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 0
+        Width                               : 451
+        Height                              : 150
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 5
+        Back. Color                         : 0
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 21:32
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tDate
+    Attributes
+        ID                                  : 9
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 150
+        Width                               : 451
+        Height                              : 38
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 0
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : Tuesday, 08. March 2022
+        Max. Text Size                      : 30
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tSend
+    Attributes
+        ID                                  : 12
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 451
+        y coordinate                        : 9
+        Width                               : 29
+        Height                              : 30
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 25
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tMainIcon
+    Attributes
+        ID                                  : 13
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 6
+        y coordinate                        : 223
+        Width                               : 100
+        Height                              : 66
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 3
+        Back. Color                         : 0
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tMainText
+    Attributes
+        ID                                  : 14
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 114
+        y coordinate                        : 214
+        Width                               : 110
+        Height                              : 43
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 2
+        Back. Color                         : 0
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 2,3 °C
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tMRIcon
+    Attributes
+        ID                                  : 15
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 115
+        y coordinate                        : 268
+        Width                               : 40
+        Height                              : 35
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 0
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tMR
+    Attributes
+        ID                                  : 16
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 157
+        y coordinate                        : 275
+        Width                               : 67
+        Height                              : 22
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 0
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 0 mm
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tForecast1
+    Attributes
+        ID                                  : 17
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 228
+        y coordinate                        : 210
+        Width                               : 108
+        Height                              : 26
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 0
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : Mi
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tForecast1Val
+    Attributes
+        ID                                  : 18
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 228
+        y coordinate                        : 277
+        Width                               : 108
+        Height                              : 26
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 0
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 9,3 °C
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tF1Icon
+    Attributes
+        ID                                  : 19
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 262
+        y coordinate                        : 239
+        Width                               : 40
+        Height                              : 35
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 0
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tForecast2
+    Attributes
+        ID                                  : 20
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 341
+        y coordinate                        : 210
+        Width                               : 107
+        Height                              : 25
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 0
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : Do
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tF2Icon
+    Attributes
+        ID                                  : 21
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 375
+        y coordinate                        : 238
+        Width                               : 40
+        Height                              : 33
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 1
+        Back. Color                         : 0
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text tForecast2Val
+    Attributes
+        ID                                  : 22
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 341
+        y coordinate                        : 277
+        Width                               : 107
+        Height                              : 25
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 0
+        Font Color                          : 65535
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : 11,9 °C
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Text t10
+    Attributes
+        ID                                  : 23
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 46
+        y coordinate                        : 195
+        Width                               : 360
+        Height                              : 2
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Fill                                : solid color
+        Style                               : flat
+        Associated Keyboard                 : none
+        Font ID                             : 0
+        Back. Color                         : 65535
+        Font Color                          : 0
+        Horizontal Alignment                : center
+        Vertical Alignment                  : center
+        Input Type                          : character
+        Text                                : |
+        Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
+    
+Picture p0
+    Attributes
+        ID                                  : 1
+        Scope                               : local
+        Dragging                            : 0
+        Disable release event after dragging: 0
+        Send Component ID                   : disabled
+        Opacity                             : 127
+        x coordinate                        : 0
+        y coordinate                        : 1
+        Width                               : 479
+        Height                              : 319
+        Effect                              : load
+        Effect Priority                     : 0
+        Effect Time                         : 300
+        Picture ID                          : 0
+    
+Timer tmSerial
+    Attributes
+        ID         : 4
+        Scope      : local
+        Period (ms): 50
+        Enabled    : yes
+    
+    Events
+        Timer Event
+            // data available
+            if(usize>1)
+            {
+                bufferPos=0
+                while(bufferPos<usize)
+                {
+                    // check for 0x55 0xBB - Command Init Secuence
+                    if(u[bufferPos]==187&&u[bufferPos-1]==85)
+                    {
+                        //remove garbage at the start of the buffer if there's any to free buffer for command
+                        if(u[bufferPos]!=1)
+                        {
+                            udelete bufferPos-1
+                        }
+                        //instruction is now aligned with buffer, because we deleted garbage before instrcution
+                        //get length after init sequence (check if there are more than to bytes in buffer)
+                        if(3<usize)
+                        {
+                            // check if serial buffer has reached the announced length
+                            ucopy payloadLength,2,2,0
+                            // we are only checking payload length so we have to skip first 3 bytes (init+payload length) (-1 because of < instead of <=)
+                            payloadLength+=3
+                            // payload length does also not contain crc, so we are adding another 2 bytes for crc
+                            payloadLength+=2
+                            if(payloadLength<usize)
+                            {
+                                // calculate crc
+                                crcrest 1,0xFFFF
+                                // u[2] contains payload legth at 3rd pos in buffer, we are calculating crc from 3rd pos with number of bytes from payload length
+                                //crcputu 3,u[2]
+                                // u[2] cotnains payload length, we are calculating a crc over the whole message, so we have to add 3 to the length from u[2]
+                                crcputu 0,payloadLength-1
+                                // get recived crc to be able to compare it
+                                ucopy recvCrc,payloadLength-1,2,0
+                                // compare crc with recived value
+                                if(crcval==recvCrc)
+                                {
+                                    // crc is okay
+                                    // here is the location where acual code should be
+                                    // write command to variable strCommand
+                                    ucopy strCommand.txt,4,payloadLength-5,0
+                                    // write instruction to tInstuction (debug output, but used as variable here, ui elements will be disabled by default)
+                                    spstr strCommand.txt,tInstruction.txt,",",0
+                                    if(tInstruction.txt=="wake")
+                                    {
+                                        //dim=100
+                                        click tc0,1
+                                    }
+                                    if(tInstruction.txt=="dimmode")
+                                    {
+                                        // get value
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,dimValue,0,0
+                                        dim=dimValue
+                                    }
+                                    if(tInstruction.txt=="time")
+                                    {
+                                        //get set time to global variable
+                                        spstr strCommand.txt,vaTime.txt,",",1
+                                        tTime.txt=vaTime.txt
+                                    }
+                                    if(tInstruction.txt=="date")
+                                    {
+                                        //get set date to global variable
+                                        spstr strCommand.txt,vaDate.txt,"?",1
+                                        tDate.txt=vaDate.txt
+                                    }
+                                    if(tInstruction.txt=="timeout")
+                                    {
+                                        //set timeout to global var
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,sleepTimeout,0,0
+                                    }
+                                    if(tInstruction.txt=="weatherUpdate")
+                                    {
+                                        //tMainIcon
+                                        spstr strCommand.txt,tTmp.txt,"?",1
+                                        covx tTmp.txt,sys0,0,0
+                                        substr pageIcons.tIcons.txt,tMainIcon.txt,sys0,1
+                                        //tMainText
+                                        spstr strCommand.txt,tMainText.txt,"?",2
+                                        //tMRIcon
+                                        spstr strCommand.txt,tTmp.txt,"?",3
+                                        covx tTmp.txt,sys0,0,0
+                                        substr pageIcons.tIcons.txt,tMRIcon.txt,sys0,1
+                                        //tMR
+                                        spstr strCommand.txt,tMR.txt,"?",4
+                                        //tForecast1
+                                        spstr strCommand.txt,tForecast1.txt,"?",5
+                                        //tF1Icon
+                                        spstr strCommand.txt,tTmp.txt,"?",6
+                                        covx tTmp.txt,sys0,0,0
+                                        substr pageIcons.tIcons.txt,tF1Icon.txt,sys0,1
+                                        //tForecast1Val
+                                        spstr strCommand.txt,tForecast1Val.txt,"?",7
+                                        //tForecast2
+                                        spstr strCommand.txt,tForecast2.txt,"?",8
+                                        //tF2Icon
+                                        spstr strCommand.txt,tTmp.txt,"?",9
+                                        covx tTmp.txt,sys0,0,0
+                                        substr pageIcons.tIcons.txt,tF2Icon.txt,sys0,1
+                                        //tForecast2Val
+                                        spstr strCommand.txt,tForecast2Val.txt,"?",10
+                                    }
+                                    if(tInstruction.txt=="page")
+                                    {
+                                        //pagenumber
+                                        spstr strCommand.txt,tTmp.txt,",",1
+                                        covx tTmp.txt,sys0,0,0
+                                        nPage=sys0
+                                        //don't send current page number, wake will do
+                                    }
+                                    if(tInstruction.txt=="pageType")
+                                    {
+                                        dim=100
+                                        //command format pageType,specialPageName
+                                        //write name of speical page to tId
+                                        spstr strCommand.txt,tId.txt,",",1
+                                        //save second arg if there's one
+                                        spstr strCommand.txt,tTmp.txt,",",2
+                                        //save third arg if there's one
+                                        spstr strCommand.txt,pageIcons.tTmp2.txt,",",3
+                                        //we are going to exit this page with this command, so we have to clear the buffer, so we are not getting into a stupid loop ...
+                                        udelete u[2]+3
+                                        bufferPos=0
+                                        if(tId.txt=="popupLight")
+                                        {
+                                            pageIcons.tTmp1.txt=tTmp.txt
+                                            page popupLight
+                                        }
+                                        if(tId.txt=="pageStartup")
+                                        {
+                                            page pageStartup
+                                        }
+                                        if(tId.txt=="cardThermo")
+                                        {
+                                            page cardThermo
+                                        }
+                                        if(tId.txt=="cardMedia")
+                                        {
+                                            page cardMedia
+                                        }
+                                        if(tId.txt=="pageStartup")
+                                        {
+                                            page pageStartup
+                                        }
+                                        if(tId.txt=="popupNotify")
+                                        {
+                                            page popupNotify
+                                        }
+                                        if(tId.txt=="cardGrid")
+                                        {
+                                            page cardGrid
+                                        }
+                                        if(tId.txt=="cardEntities")
+                                        {
+                                            page cardEntities
+                                        }
+                                        if(tId.txt=="cardAlarm")
+                                        {
+                                            page cardAlarm
+                                        }
+                                    }
+                                    // end of user code
+                                    udelete payloadLength-1
+                                    bufferPos=0
+                                }
+                            }
+                        }
+                    }
+                    // next character
+                    bufferPos++
+                }
+            }
+        
+TouchCap tc0
+    Attributes
+        ID   : 2
+        Scope: local
+        Value: 0
+    
+    Events
+        Touch Press Event
+            //page open event
+            // event,pageOpen,cardEntities,pageNumber
+            // craft command
+            // convert pageNumber and write to tTmp
+            covx nPage,tTmp.txt,0,0
+            tSend.txt="event,pageOpen,"+tTmp.txt
+            //send calc crc
+            btlen tSend.txt,sys0
+            crcrest 1,0xffff // reset CRC
+            crcputh 55 bb
+            crcputs sys0,1
+            crcputs tSend.txt,0
+            //send cmd
+            printh 55 bb
+            prints sys0,2
+            prints tSend.txt,0
+            prints crcval,2
+            //dim=100
+            //page originPage.val
+        

README.md

@@ -9,8 +9,9 @@ NsPanel Lovelace UI is a Firmware for the nextion screen inside of NSPanel in th
 
 ## Features
 
-- Entities Page with support for cover, switch, input_boolean, sensor, button, input_button and light
-- Detail Pages for Lights (Brightness and Temperature of the Light) and for Covers (Position)
+- Entities Page with support for cover, switch, input_boolean, binary_sensor, sensor, button, scenes, input_button and light
+- Grid Page with support for cover, switch, input_boolean, button, scenes, and light
+- Detail Pages for Lights (Brightness, Temperature and Color of the Light) and for Covers (Position)
 - Thermostat Page 
 - Media Player Card
 - Screensaver Page with Time, Date and Weather Information
@@ -21,7 +22,6 @@ To control the panel and update it with content from HomeAssistant there is an [
 See the following picture to get an idea of the look of this firmware for NSPanel.
 
 ![screens](doc-pics/screens.png)
-![screensaver](doc-pics/screensaver.png)
 
 ## TLDR
 1. Install Tasmota to NSPanel
@@ -34,7 +34,7 @@ For more detailed Instructions see the following Sections:
 - [How It Works](#how-it-works)
 - [Requirements](#requirements)
 
-- [Installation - Home Automation Part](#installation---home-automation-part)
+- [Installation - Home Automation Part (Homeassistant)](#installation---home-automation-part-home-assistant)
    - [Installing AppDaemon](#installing-appdaemon)
    - [Installing Studio Code Server (optional, recommended)](#installing-studio-code-server-optional-recommended)
    - [Installing HACS (optional, recommended)](#installing-hacs-optional-recommended)
@@ -43,6 +43,8 @@ For more detailed Instructions see the following Sections:
       - [Manually](#manually)
    - [Installing Tasmota to your NSPanel](#installing---tasmota-to-your-nspanel)
 
+- [Installation - Home Automation Part (IoBroker)](#installation---home-automation-part-iobroker)
+
 - [Installation - NSPanel Part](#installation-nspanel-part)
    - [Flash Tasmota to your NSPanel](#flash-tasmota-to-your-nspanel)
    - [Configure Tasmota Template for NSPanel](#configure-tasmota-template-for-nspanel)
@@ -53,6 +55,7 @@ For more detailed Instructions see the following Sections:
 - [Configuration](#configuration)
    - [Configuring the MQTT integration in AppDaemon](#configuring-the-mqtt-integration-in-appdaemon)
    - [Configure your NSPanel in AppDaemon](#configure-your-nspanel-in-appdaemon)
+- [How to update](#how-to-update)
 - [FAQ](#faq---frequently-asked-questions)
 
 
@@ -71,9 +74,7 @@ For more details on how the display firmware works see the [README File in the H
  - Running [Home Assistant Instance](https://www.home-assistant.io/installation/)
  - Installed [MQTT Broker](https://www.home-assistant.io/docs/mqtt/broker) alongside Homeassistant
 
-## Installation - Home Automation Part
-
-### Installing Home Assistant
+## Installation - Home Automation Part (Home Assistant)
 
 ### Installing AppDaemon
 
@@ -84,6 +85,13 @@ The easiest way to install it is through Home Assistant's Supervisor Add-on Stor
 
 ![hass-add-on-store](doc-pics/hass-add-on-store.png)
 
+#### Add babel package to AppDaemon Container (Optional)
+
+For localisation (date in your local language) you need to add the python package babel to your AppDaemon Installation.
+
+![appdaemon-babel](doc-pics/appdaemon-babel.png)
+
+
 ### Installing Studio Code Server (optional, recommended)
 
 You will need a way to edit the `apps.yaml` config file in the Appdaemon folder. 
@@ -117,12 +125,12 @@ AppDaemon automations in HACS, as these are not enabled by default:
    then require you to wait a few hours for HACS to be fully configured. In this case,
    you won't be able to proceed to the next steps until HACS is ready.
 
-Now, to install NSPanel Lovelance UI Backend with HACS, follow these steps:
+Now, to install NSPanel Lovelace UI Backend with HACS, follow these steps:
 
 1. Click on `HACS` on the left menu bar in Home Assistant Web UI
 2. Click on `Automations` in the right panel
 3. Click on `Explore & download repositories` in the bottom right corner
-4. Search for `NSPanel`, and click on `NSPanel Lovelance UI Backend` in the list that appears
+4. Search for `NSPanel`, and click on `NSPanel Lovelace UI Backend` in the list that appears
 5. In the bottom right corner of the panel that appears, click on
    `Download this repository with HACS`
 6. A confirmation panel will appear, click on `Download`, and wait for HACS to
@@ -132,10 +140,15 @@ Now, to install NSPanel Lovelance UI Backend with HACS, follow these steps:
 #### Manually
 
 Installing the Backend Application manually can be summarized by putting the content of the
-`apps/` directory of this repository (the `nspanel-lovelance-ui/` directory) into the `apps/`
+`apps/` directory of this repository (the `nspanel-lovelace-ui/` directory) into the `apps/`
 directory of your AppDaemon installation.
 
 
+## Installation - Home Automation Part (IoBroker)
+
+If you are looking for an ioBroker Integration instead of HomeAssistant take a look into the [Readme](ioBroker/README.md) of the iobroker folder.
+Thanks to [britzelpuf](https://github.com/britzelpuf) for this integration.
+
 ## Installation - NSPanel Part
 
 This section describes how to free your nspanel from stock firmware and get it ready for Lovelace UI 🎉
@@ -167,7 +180,7 @@ See Tasmota [MQTT Documentation](https://tasmota.github.io/docs/MQTT/) for more
 
 ### Upload Berry Driver to Tasmota
 
-1. Download the [Berry Driver from this Repository](tasmota/autoexec.be).
+1. Download the autoexec.be berry driver from the latest release. (Development Version [Berry Driver from this Repository](tasmota/autoexec.be))
 
 2. Go to `Consoles` > `Manage File System` in Tasmota and upload the previously downloaded file.
 
@@ -177,14 +190,20 @@ See Tasmota [MQTT Documentation](https://tasmota.github.io/docs/MQTT/) for more
 
 #### Use your own Webserver
 
-Upload the [tft file from HMI folder](HMI/nspanel.tft) to a Webserver (for example www folder of Home Assistant) and execute the following command in Tasmota Console.
-
-**Webserver needs to support HTTP Range Header Requests, python2/3 http server doesn't work**
+Upload the nspanel.tft from the lastest release to a Webserver (for example www folder of Home Assistant) and execute the following command in Tasmota Console. (Development Version: [tft file from HMI folder](HMI/nspanel.tft))
 
 **Webserver must be HTTP, HTTPS is not supported, due to limitations of berry lang on tasmota**
 
 `FlashNextion http://ip-address-of-your-homeassistant:8123/local/nspanel.tft`
 
+#### Use my webserver
+
+Due the limitations of Berry, it's not possible to download the tft file directly from github, so I'm also renting a small server where you can download the file via HTTP.
+
+The following Link has always the latest version from this repository, just execute the following Command in Tasmota:
+
+`FlashNextion http://nspanel.pky.eu/lui.tft`
+
 ## Configuration
 
 ### Configuring the MQTT integration in AppDaemon
@@ -226,21 +245,24 @@ You can have multiple nspanel sections.
 
 ```yaml
 nspanel-1:
-  module: nspanel-lovelance-ui
-  class: NsPanelLovelanceUIManager
+  module: nspanel-lovelace-ui
+  class: NsPanelLovelaceUIManager
   config:
     panelRecvTopic: "tele/tasmota_your_mqtt_topic/RESULT"
     panelSendTopic: "cmnd/tasmota_your_mqtt_topic/CustomSend"
-    timeoutScreensaver: 15 #in seconds, values between 5 and 60 are allowed
+    updateMode: auto-notify # possible values are auto, auto-notify and manual
+    timeoutScreensaver: 15 #in seconds
     #brightnessScreensaver: 10
     brightnessScreensaver:
       - time: "7:00:00"
         value: 10
       - time: "23:00:00"
         value: 0
-    locale: "de_DE"
+    locale: "de_DE" # only used if babel python package is installed
+    dateFormatBabel: "full" # only used if babel python package is installed
+                            # formatting options on https://babel.pocoo.org/en/latest/dates.html?highlight=name%20of%20day#date-fields
     timeFormat: "%H:%M"
-    dateFormat: "%A, %d. %B %Y"
+    dateFormat: "%A, %d. %B %Y" # ignored if babel python package is installed
     weatherEntity: weather.example
     pages:
       - type: cardEntities
@@ -256,14 +278,23 @@ nspanel-1:
           - button.example_button
           - input_button.example_input_button
           - light.light_example
-          - delete # To make sure we don't keep buttons from previous page (read this as 'empty')
+          - delete # (read this as 'empty')
       - type: cardEntities
         heading: Example Page 3
         items:
-          - scene.some_scene
-          - scene.moodlights
+          - scene.example_scene
           - delete
           - delete
+          - delete
+      - type: cardGrid
+        heading: Example Page 4
+        items:
+          - light.light_example
+          - button.example_button
+          - cover.example_cover
+          - scene.example_scene
+          - switch.example_switch
+          - delete
       - type: cardThermo
         heading: Exmaple Thermostat
         item: climate.example_climate
@@ -278,14 +309,61 @@ key | optional | type | default | description
 `class` | False | string | | The name of the Class.
 `config` | False | complex | | Config/Mapping between Homeassistant and your NsPanel
 
+### Override Icons
+
+To override Icons of entities you can configure an icon name in your configuration, please see the following example.
+Only the icons listed in the [Icon Table](HMI#icons-ids) are useable.
+
+```yaml
+      - type: cardGrid
+        heading: Lights
+        items:
+          - light.wled
+          - light.schreibtischlampe
+          - switch.deckenbeleuchtung_hinten:
+              icon: lightbulb
+          - delete
+          - delete
+      - type: cardMedia
+```
+
+## How to update
+
+Updating involves mainly already descriped steps from installation, so this is a short summary.
+
+This project has three main parts, on a new release you usally need to update at least two of them, the AppDaemon Backend and the firmware of the display.
+Sometimes there are also changes to the berry driver script on tasmota.
+
+*Note the commands in the following section will update to the current development version of this repository, use the command from release page if you want to use a release version*
+
+### Update AppDaemon Script
+
+HACS will show you that there is an update avalible and ask you to update.
+
+### Update Display Firmware
+
+Use the following command to update or use your own webserver. FlashNextionFast will use Nextion Upload Protocol 1.2 and try to skip unchanged parts of the firmware.
+
+`FlashNextionFast http://nspanel.pky.eu/lui.tft`
+
+In case this Update failes, reboot tasmota and use the following command:
+
+`FlashNextion http://nspanel.pky.eu/lui.tft`
+
+### Update Tasmota Berry Driver
+
+Since release 1.1 you can update the berry driver directly from the Tasmota Console with the following command.
+
+`UpdateDriverVersion https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be`
+
+
 
 ## FAQ - Frequently Asked Questions
 
 ### Flashing of the Display Firmware with FlashNextion doesn't work
 
 1. Make sure to use the [tasmota32-nspanel.bin](https://github.com/tasmota/install/raw/main/firmware/unofficial/tasmota32-nspanel.bin) Tasmota build.
-2. Make sure to use an WebServer which supports http range requests like HomeAssistant, apache2 or nginx for exmaple.
-3. Make sure to use HTTP and **not HTTPS**
+2. Make sure to use HTTP and **not HTTPS**
 
 ### My flashing doesn't start at all
 

appdaemon/apps.yaml

@@ -1,20 +1,23 @@
 ---
 nspanel:
-  module: nspanel-lovelance-ui
-  class: NsPanelLovelanceUIManager
+  module: nspanel-lovelace-ui
+  class: NsPanelLovelaceUIManager
   config:
     panelRecvTopic: "tele/tasmota_your_mqtt_topic/RESULT"
     panelSendTopic: "cmnd/tasmota_your_mqtt_topic/CustomSend"
-    timeoutScreensaver: 15 #in seconds, values between 5 and 60 are allowed
+    updateMode: auto-notify # possible values are auto, auto-notify and manual
+    timeoutScreensaver: 15 #in seconds
     #brightnessScreensaver: 10
     brightnessScreensaver:
       - time: "7:00:00"
         value: 10
       - time: "23:00:00"
         value: 0
-    locale: "de_DE"
+    locale: "de_DE" # only used if babel python package is installed
+    dateFormatBabel: "full" # only used if babel python package is installed
+                            # formatting options on https://babel.pocoo.org/en/latest/dates.html?highlight=name%20of%20day#date-fields
     timeFormat: "%H:%M"
-    dateFormat: "%A, %d. %B %Y"
+    dateFormat: "%A, %d. %B %Y" # ignored if babel python package is installed
     weatherEntity: weather.example
     pages:
       - type: cardEntities
@@ -30,14 +33,23 @@ nspanel:
           - button.example_button
           - input_button.example_input_button
           - light.light_example
-          - delete # To make sure we don't keep buttons from previous page (read this as 'empty')
+          - delete # (read this as 'empty')
       - type: cardEntities
         heading: Example Page 3
         items:
-          - scene.some_scene
-          - scene.moodlights
+          - scene.example_scene
           - delete
           - delete
+          - delete
+      - type: cardGrid
+        heading: Example Page 4
+        items:
+          - light.light_example
+          - button.example_button
+          - cover.example_cover
+          - scene.example_scene
+          - switch.example_switch
+          - delete
       - type: cardThermo
         heading: Exmaple Thermostat
         item: climate.example_climate

apps/nspanel-lovelace-ui/helper.py

@@ -0,0 +1,40 @@
+import colorsys
+import math
+
+def scale(val, src, dst):
+    """
+    Scale the given value from the scale of src to the scale of dst.
+    """
+    return ((val - src[0]) / (src[1]-src[0])) * (dst[1]-dst[0]) + dst[0]
+
+def hsv2rgb(h, s, v):
+    hsv = colorsys.hsv_to_rgb(h,s,v)
+    return tuple(round(i * 255) for i in hsv)
+def pos_to_color(x, y):
+    r = 160/2
+    x = round((x - r) / r * 100) / 100
+    y = round((r - y) / r * 100) / 100
+    
+    r = math.sqrt(x*x + y*y)
+    sat = 0
+    if (r > 1):
+        sat = 0
+    else:
+        sat = r
+    hsv = (math.degrees(math.atan2(y, x))%360/360, sat, 1)
+    rgb = hsv2rgb(hsv[0],hsv[1],hsv[2])
+    return rgb
+
+def rgb_brightness(rgb_color, brightness):
+    red = rgb_color[0]/255*brightness
+    green = rgb_color[1]/255*brightness
+    blue = rgb_color[2]/255*brightness
+    return [red, green, blue]
+
+def rgb_dec565(rgb_color):
+    red = rgb_color[0]
+    green = rgb_color[1]
+    blue = rgb_color[2]
+    # take in the red, green and blue values (0-255) as 8 bit values and then combine
+    # and shift them to make them a 16 bit dec value in 565 format. 
+    return ((int(red / 255 * 31) << 11) | (int(green / 255 * 63) << 5) | (int(blue / 255 * 31)))

apps/nspanel-lovelace-ui/icon_mapping.py

@@ -0,0 +1,48 @@
+icons = {
+    'alert-circle-outline': 0,
+    'lightbulb': 1,
+    'thermometer': 2,
+    'gesture-tap-button': 3,
+    'flash': 4,
+    'music': 5,
+    'check-circle-outline': 6,
+    'close-circle-outline': 7,
+    'pause': 8,
+    'play': 9,
+    'palette': 10,
+    'window-open': 11,
+    'weather-cloudy': 12,
+    'weather-fog': 13,
+    'weather-hail': 14,
+    'weather-lightning': 15,
+    'weather-lightning-rainy': 16,
+    'weather-night': 17,
+    'weather-partly-cloudy': 18,
+    'weather-pouring': 19,
+    'weather-rainy': 20,
+    'weather-snowy': 21,
+    'weather-snowy-rainy': 22,
+    'weather-sunny': 23,
+    'weather-windy': 24,
+    'weather-windy-variant': 25,
+    'water-percent': 26,
+    'power': 27,
+    'fire': 28,
+    'calendar-sync': 29,
+    'fan': 30,
+    'snowflake': 31,
+    'solar-power': 32,
+    'battery-charging-medium': 33,
+    'battery-medium': 34,
+    'shield-home': 35,
+    'door-open': 36,
+    'door-closed': 37,
+    'window-closed': 38,
+}
+
+def get_icon_id(ma_name):
+    if ma_name in icons:
+        return icons[ma_name]
+    else:
+        return icons["alert-circle-outline"]
+    

apps/nspanel-lovelace-ui/icons.py

@@ -0,0 +1,64 @@
+from icon_mapping import get_icon_id
+
+weather_mapping = {
+    'clear-night': 'weather-night',
+    'cloudy': 'weather-cloudy',
+    'exceptional': 'alert-circle-outline',
+    'fog': 'weather-fog',
+    'hail': 'weather-hail',
+    'lightning': 'weather-lightning',
+    'lightning-rainy': 'weather-lightning-rainy',
+    'partlycloudy': 'weather-partly-cloudy',
+    'pouring': 'weather-pouring',
+    'rainy': 'weather-rainy',
+    'snowy': 'weather-snowy',
+    'snowy-rainy': 'weather-snowy-rainy',
+    'sunny': 'weather-sunny',
+    'windy': 'weather-windy',
+    'windy-variant': 'weather-windy-variant'
+}
+
+sensor_mapping_on = {
+    "door": "door-open",
+}
+
+sensor_mapping_off = {
+    "door": "door-closed",
+}
+
+sensor_mapping = {
+    "temperature": "thermometer",
+    "power": "flash"    
+}
+
+
+def map_to_mdi_name(ha_type, state=None, device_class=None):
+    if ha_type == "weather":
+        return weather_mapping[state] if state in weather_mapping else "alert-circle-outline"
+    if ha_type == "button":
+        return "gesture-tap-button"
+    if ha_type == "scene":
+        return "palette"
+    if ha_type == "switch":
+        return "flash"
+    if ha_type == "light":
+        return "lightbulb"
+    if ha_type == "input_boolean":
+        return "check-circle-outline" if state == "on" else "close-circle-outline"
+    if ha_type == "cover":
+        return "window-open" if state == "open" else "window-closed"
+
+    elif ha_type == "sensor":
+        if state == "on":
+            return sensor_mapping_on[device_class] if device_class in sensor_mapping_on else "alert-circle-outline"
+        elif state == "off":
+            return sensor_mapping_off[device_class] if device_class in sensor_mapping_off else "alert-circle-outline"
+        else:
+            return sensor_mapping[device_class] if device_class in sensor_mapping else "alert-circle-outline"
+
+    return "alert-circle-outline"
+
+def get_icon_id_ha(ha_name, state=None, device_class=None, overwrite=None):
+    if overwrite is not None:
+        return get_icon_id(overwrite)
+    return get_icon_id(map_to_mdi_name(ha_name, state, device_class))

apps/nspanel-lovelace-ui/nspanel-lovelace-ui.py

@@ -0,0 +1,627 @@
+import json
+import datetime
+import hassapi as hass
+from helper import scale, pos_to_color, rgb_dec565, rgb_brightness
+from icon_mapping import get_icon_id
+from icons import get_icon_id_ha
+# check Babel
+import importlib
+babel_spec = importlib.util.find_spec("babel")
+if babel_spec is not None:
+  import babel.dates
+
+class NsPanelLovelaceUIManager(hass.Hass):
+  def initialize(self):
+
+    data = self.args["config"]
+    LovelaceUIPanel(self, data)
+
+class Updater:
+  def __init__(self, nsplui, mode):
+    self.desired_display_firmware_version = 16
+    self.desired_display_firmware_url     = "http://nspanel.pky.eu/lovelace-ui/github/nspanel-v1.7.0.tft"
+    self.desired_tasmota_driver_version   = 3
+    self.desired_tasmota_driver_url       = "https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be"
+
+    self.mode = mode
+    self.nsplui = nsplui
+    self.current_tasmota_driver_version   = None
+    self.current_display_firmware_version = None
+
+  def set_tasmota_driver_version(self, driver_version):
+    self.current_tasmota_driver_version = driver_version
+  def set_current_display_firmware_version(self, panel_version):
+    self.current_display_firmware_version = panel_version
+  def check_pre_req(self):
+    # we need to know both versions to continue
+    if self.current_tasmota_driver_version is not None and self.current_display_firmware_version is not None:
+      # tasmota driver has to be at least version 2 for Update command and panel has to be at version 11 for notify commands
+      if self.current_tasmota_driver_version >= 2 and self.current_display_firmware_version >= 11:
+        return True
+    return False
+  def check_updates(self):
+    # return's true if a notification was send to the panel
+    # run pre req check
+    if self.check_pre_req():
+      self.nsplui.api.log("Update Pre-Check sucessful Tasmota Driver Version: %s Panel Version: %s", self.current_tasmota_driver_version, self.current_display_firmware_version, level="DEBUG")
+      # check if tasmota driver needs update
+      if self.current_tasmota_driver_version < self.desired_tasmota_driver_version:
+        self.nsplui.api.log("Update of Tasmota Driver needed")
+        # in auto mode just do the update
+        if self.mode == "auto":
+          self.update_berry_driver()
+          return False
+        # send notification about the update
+        if self.mode == "auto-notify":
+          update_msg = "There's an update avalible for the tasmota      berry driver, do you want to start the update  now?                                                                      If you encounter issues after the update or      this message appears frequently, please checkthe manual and repeat the installation steps   for the tasmota berry driver. "
+          self.nsplui.send_message_page("updateBerryNoYes", "Driver Update available!", update_msg, "Dismiss", "Yes")
+          return True
+        return False
+      # check if display firmware needs an update
+      if self.current_display_firmware_version < self.desired_display_firmware_version:
+        self.nsplui.api.log("Update of Display Firmware needed")
+        # in auto mode just do the update
+        if self.mode == "auto":
+          self.update_panel_driver()
+          return False
+        # send notification about the update
+        if self.mode == "auto-notify":
+          update_msg = "There's a firmware update avalible for the       nextion sceen inside of nspanel, do you want  to start the update now?                                     If the update fails check the installation         manual and flash again over the tasmota console. Be pationed the update will take a while."
+          self.nsplui.send_message_page("updateDisplayNoYes", "Display Update available!", update_msg, "Dismiss", "Yes")
+          return True
+        return False
+    else:
+      self.nsplui.api.log("Update Pre-Check failed Tasmota Driver Version: %s Panel Version: %s", self.current_tasmota_driver_version, self.current_display_firmware_version)
+      return False
+  def update_berry_driver(self):
+    self.nsplui.mqtt.mqtt_publish(self.nsplui.config["panelSendTopic"].replace("CustomSend", "UpdateDriverVersion"), self.desired_tasmota_driver_url)
+  def update_panel_driver(self):
+    self.nsplui.mqtt.mqtt_publish(self.nsplui.config["panelSendTopic"].replace("CustomSend", "FlashNextion"), self.desired_display_firmware_url)
+
+class LovelaceUIPanel:
+  def __init__(self, api, config):
+    self.api = api
+    self.config = config
+    self.current_page_nr = 0
+    self.current_screensaver_brightness = 10
+    
+    # check configured items
+    self.check_items()
+
+    # Setup, mqtt subscription and callback
+    self.mqtt = self.api.get_plugin_api("MQTT")
+    self.mqtt.mqtt_subscribe(topic=self.config["panelRecvTopic"])
+    self.mqtt.listen_event(self.handle_mqtt_incoming_message, "MQTT_MESSAGE", topic=self.config["panelRecvTopic"], namespace='mqtt')
+    
+    # Read updateMode and use "auto-notify" as default
+    update_mode = self.config["updateMode"] if "updateMode" in self.config else "auto-notify"
+    self.updater = Updater(self, update_mode)
+
+    # Request Tasmota Driver Version
+    self.mqtt.mqtt_publish(self.config["panelSendTopic"].replace("CustomSend", "GetDriverVersion"), "x")
+
+    # send panel back to startup page on restart of this script
+    self.send_mqtt_msg("pageType,pageStartup")
+
+    # Setup time callback
+    time = datetime.time(0, 0, 0)
+    self.api.run_minutely(self.update_time, time)
+
+    # Setup date callback
+    time = datetime.time(0, 0, 0)
+    self.api.run_daily(self.update_date, time)
+    # send date update in case config has been changed
+    self.update_date("")
+
+    # Setup weather callback
+    weather_interval = 15 * 60 # 15 minutes
+    self.api.run_every(self.update_screensaver_weather, "now", weather_interval)
+
+    # set brightness of screensaver
+    if type(self.config["brightnessScreensaver"]) == int:
+      self.current_screensaver_brightness = self.config["brightnessScreensaver"]
+    elif type(self.config["brightnessScreensaver"]) == list:
+      sorted_timesets = sorted(self.config["brightnessScreensaver"], key=lambda d: self.api.parse_time(d['time']))
+      found_current_dim_value = False
+      for index, timeset in enumerate(sorted_timesets):
+        self.api.run_daily(self.update_screensaver_brightness, timeset["time"], value=timeset["value"])
+        self.api.log("Current time %s", self.api.get_now().time(), level="DEBUG")
+        if self.api.parse_time(timeset["time"]) > self.api.get_now().time() and not found_current_dim_value:
+          # first time after current time, set dim value
+          self.current_screensaver_brightness = sorted_timesets[index-1]["value"]
+          self.api.log("Setting dim value to %s", sorted_timesets[index-1]) #level="DEBUG"
+          found_current_dim_value = True
+        # still no dim value
+        if not found_current_dim_value:
+          self.current_screensaver_brightness = sorted_timesets[-1]["value"]
+        # send screensaver brightness in case config has changed
+        self.update_screensaver_brightness(kwargs={"value": self.current_screensaver_brightness})
+    
+    # register callbacks
+    self.register_callbacks()
+
+  def filter_dict_from_item_list(self, items):
+    # remove all dicts from list
+    cleaned_list = []
+    for item in items:
+      # in case item is a dict, grab the item name
+      if type(item) is dict:
+        cleaned_list.append(next(iter(item)))
+      else:
+        cleaned_list.append(item)
+    return cleaned_list
+
+  def get_all_configured_items(self):
+    items = []
+    for page in self.config["pages"]:
+      if "item" in page:
+        items.append(page["item"])
+      if "items" in page:
+        items.extend(page["items"])
+    return self.filter_dict_from_item_list(items)
+
+  def check_items(self):
+    items = self.get_all_configured_items()
+    for item in items:
+      if self.api.entity_exists(item) or item == "delete":
+        self.api.log("Found configured item in Home Assistant %s", item, level="DEBUG")
+      else:
+        self.api.error("The following item does not exist in Home Assistant, configuration error: %s", item)
+
+  def register_callbacks(self):
+    items = self.get_all_configured_items()
+    for item in items:
+      self.api.log("Enable state callback for %s", item, level="DEBUG")
+      self.api.handle = self.api.listen_state(self.state_change_callback, entity_id=item, attribute="all")
+
+  def state_change_callback(self, entity, attribute, old, new, kwargs):
+    current_page_config = self.config["pages"][self.current_page_nr]
+    page_type = current_page_config["type"]
+    self.api.log(f"Got state_callback from {entity}", level="DEBUG")
+    
+    if page_type in ["cardEntities", "cardGrid"]:
+      items = current_page_config["items"]
+      items_filtered = self.filter_dict_from_item_list(items)
+      if entity in items_filtered:
+        self.api.log(f"State change on current page for {entity}", level="DEBUG")
+        # send update of the page
+        self.generate_entities_page(items)
+        # send detail pages in case they are open
+        if(entity.startswith("cover")):
+          self.generate_shutter_detail_page(entity)
+        if(entity.startswith("light")):
+          self.generate_light_detail_page(entity)
+      return
+    
+    if page_type in ["cardThermo", "cardMedia"]:
+      if entity == current_page_config["item"]:
+        self.api.log(f"State change on current page for {entity}", level="DEBUG")
+        # send update of the whole page
+        if page_type == "cardThermo":
+          self.generate_thermo_page(entity)
+          return
+        if page_type == "cardMedia":
+          self.generate_media_page(entity)
+          return
+      return
+
+  def send_mqtt_msg(self,msg):
+    self.api.log("Send Message to Tasmota: %s", msg) #, level="DEBUG"
+    self.mqtt.mqtt_publish(self.config["panelSendTopic"], msg)
+
+  def handle_mqtt_incoming_message(self, event_name, data, kwargs):
+    # Parse Json Message from Tasmota and strip out message from nextion display
+    data = json.loads(data["payload"])
+    # pass tasmota driver version to updater class
+    if("nlui_driver_version" in data):
+      msg = data["nlui_driver_version"]
+      self.api.log("Received Driver Version from Tasmota: %s", int(msg), level="DEBUG")
+      self.updater.set_tasmota_driver_version(int(msg))
+      return
+    if("CustomRecv" not in data):
+      self.api.log("Received Message from Tasmota, but not from nextion screen: %s", data, level="DEBUG")
+      return
+    msg = data["CustomRecv"]
+    self.api.log("Received Message from Tasmota: %s", msg) #, level="DEBUG"
+    
+    # Split message into parts seperated by ","
+    msg = msg.split(",")
+
+    # run action based on received command
+    if msg[0] == "event":
+      if msg[1] == "startup":
+        self.api.log("Handling startup event", level="DEBUG")
+        # grab version from screen and pass to updater class
+        self.updater.set_current_display_firmware_version(int(msg[2]))
+        # send date and time
+        self.update_time("")
+        self.update_date("")
+        # set screensaver timeout
+        timeout = self.config["timeoutScreensaver"]
+        self.send_mqtt_msg(f"timeout,{timeout}")
+        # send screensaver brightness
+        self.update_screensaver_brightness(kwargs={"value": self.current_screensaver_brightness})
+        # check for updates
+        msg_send = self.updater.check_updates()
+        # send messages for current page 
+        if not msg_send:
+          self.generate_page(self.current_page_nr)
+
+      if msg[1] == "pageOpen":
+        # Calculate current page
+        recv_page = int(msg[2])
+        self.current_page_nr = recv_page % len(self.config["pages"])
+        self.api.log("Received pageOpen command, raw page: %i, calc page: %i", recv_page, self.current_page_nr, level="DEBUG")
+        # generate commands for current page
+        self.generate_page(self.current_page_nr)
+        
+      if msg[1] == "buttonPress":
+        entity_id = msg[4]
+        btype = msg[6]
+        if len(msg) > 7:
+          value = msg[7]
+        else:
+          value = None
+        self.handle_button_press(entity_id, btype, value)
+        
+      if msg[1] == "buttonPress2":
+        entity_id = msg[2]
+        btype = msg[3]
+        if len(msg) > 4:
+          value = msg[4]
+        else:
+          value = None
+        self.handle_button_press(entity_id, btype, value)
+
+      if msg[1] == "pageOpenDetail":
+        self.api.log("Received pageOpenDetail command", level="DEBUG")
+        if msg[2] == "popupShutter":
+          self.generate_shutter_detail_page(msg[3])
+        if msg[2] == "popupLight":
+          self.generate_light_detail_page(msg[3])
+
+      if msg[1] == "screensaverOpen":
+        self.update_screensaver_weather("")
+
+  def update_time(self, kwargs):
+    time = datetime.datetime.now().strftime(self.config["timeFormat"])
+    self.send_mqtt_msg(f"time,{time}")
+
+  def update_date(self, kwargs):
+    global babel_spec
+    if babel_spec is not None:
+      self.api.log("Babel package found", level="DEBUG")
+      if "dateFormatBabel" in self.config:
+        dateformat = self.config["dateFormatBabel"]
+      else:
+        dateformat = "full"
+      date = babel.dates.format_date(datetime.datetime.now(), dateformat, locale=self.config["locale"])
+      self.send_mqtt_msg(f"date,?{date}")
+    else:
+      self.api.log("Babel package not found", level="DEBUG")
+      date = datetime.datetime.now().strftime(self.config["dateFormat"])
+      self.send_mqtt_msg(f"date,?{date}")
+
+  def update_screensaver_brightness(self, kwargs):
+    self.current_screensaver_brightness = kwargs['value']
+    self.send_mqtt_msg(f"dimmode,{self.current_screensaver_brightness}")
+
+  def update_screensaver_weather(self, kwargs):
+    if not ("weatherEntity" in self.config and self.api.entity_exists(self.config["weatherEntity"])):
+      return
+    we = self.api.get_entity(self.config["weatherEntity"])
+    unit = "°C"
+
+    icon_cur        = get_icon_id_ha("weather", state=we.state)
+    text_cur        = f"{we.attributes.temperature}{unit}"
+    icon_cur_detail = get_icon_id("water-percent")
+    text_cur_detail = f"{we.attributes.humidity} %"
+
+    up1   = we.attributes.forecast[0]['datetime']
+    up1   = datetime.datetime.fromisoformat(up1)
+    icon1 = get_icon_id_ha("weather", state=we.attributes.forecast[0]['condition'])
+    down1 = we.attributes.forecast[0]['temperature']
+
+    up2   = we.attributes.forecast[1]['datetime']
+    up2   = datetime.datetime.fromisoformat(up2)
+    icon2 = get_icon_id_ha("weather", state=we.attributes.forecast[1]['condition'])
+    down2 = we.attributes.forecast[1]['temperature']
+
+    global babel_spec
+    if babel_spec is not None:
+      up1 = babel.dates.format_date(up1, "E", locale=self.config["locale"])
+      up2 = babel.dates.format_date(up2, "E", locale=self.config["locale"])
+    else:
+      up1 = up1.strftime("%a")
+      up2 = up2.strftime("%a")
+
+    self.send_mqtt_msg(f"weatherUpdate,?{icon_cur}?{text_cur}?{icon_cur_detail}?{text_cur_detail}?{up1}?{icon1}?{down1}?{up2}?{icon2}?{down2}")
+
+
+  def handle_button_press(self, entity_id, btype, optVal=None):
+    if entity_id == "updateBerryNoYes" and optVal == "yes":
+      # go back to main page before starting the update
+      self.generate_page(self.current_page_nr)
+      self.updater.update_berry_driver()
+    elif entity_id == "updateBerryNoYes" and optVal == "no":
+      self.generate_page(self.current_page_nr)
+
+    if entity_id == "updateDisplayNoYes" and optVal == "yes":
+      self.updater.update_panel_driver()
+    elif entity_id == "updateDisplayNoYes" and optVal == "no":
+      self.generate_page(self.current_page_nr)
+
+    if btype == "OnOff":
+      if optVal == "1":
+        self.api.turn_on(entity_id)
+      else:
+        self.api.turn_off(entity_id)
+    if btype == "up":
+      self.api.get_entity(entity_id).call_service("open_cover")
+    if btype == "stop":
+      self.api.get_entity(entity_id).call_service("stop_cover")
+    if btype == "down":
+      self.api.get_entity(entity_id).call_service("close_cover")
+      
+    if btype == "button":
+      if entity_id.startswith('scene'):
+        self.api.get_entity(entity_id).call_service("turn_on")
+      elif entity_id.startswith('light') or entity_id.startswith('switch') or entity_id.startswith('input_boolean'):
+        self.api.get_entity(entity_id).call_service("toggle")
+      else:
+        self.api.get_entity(entity_id).call_service("press")
+
+    if btype == "media-next":
+      self.api.get_entity(entity_id).call_service("media_next_track")
+    if btype == "media-back":
+      self.api.get_entity(entity_id).call_service("media_previous_track")
+    if btype == "media-pause":
+      self.api.get_entity(entity_id).call_service("media_play_pause")
+
+    if btype == "hvac_action":
+      self.api.get_entity(entity_id).call_service("set_hvac_mode", hvac_mode=optVal)
+
+
+    if btype == "brightnessSlider":
+      # scale 0-100 to ha brightness range
+      brightness = int(scale(int(optVal),(0,100),(0,255)))
+      self.api.get_entity(entity_id).call_service("turn_on", brightness=brightness)
+      
+    if btype == "colorTempSlider":
+      entity = self.api.get_entity(entity_id)
+      #scale 0-100 from slider to color range of lamp
+      color_val = scale(int(optVal), (0, 100), (entity.attributes.min_mireds, entity.attributes.max_mireds))
+      self.api.get_entity(entity_id).call_service("turn_on", color_temp=color_val)
+
+    if btype == "colorWheel":
+      self.api.log(optVal)
+      optVal = optVal.split('|')
+      color = pos_to_color(int(optVal[0]), int(optVal[1]))
+      self.api.log(color)
+      self.api.get_entity(entity_id).call_service("turn_on", rgb_color=color)
+      
+    if btype == "positionSlider":
+      pos = int(optVal)
+      self.api.get_entity(entity_id).call_service("set_cover_position", position=pos)
+
+    if btype == "volumeSlider":
+      pos = int(optVal)
+      # HA wants this value between 0 and 1 as float
+      pos = pos/100
+      self.api.get_entity(entity_id).call_service("volume_set", volume_level=pos)
+
+    if btype == "tempUpd":
+      temp = int(optVal)/10
+      self.api.get_entity(msg[3]).call_service("set_temperature", temperature=temp)
+
+  def generate_page(self, page_number):
+    # get type of page
+    page_type = self.config["pages"][self.current_page_nr]["type"]
+    self.api.log("Generating page commands for page %i with type %s", self.current_page_nr, page_type, level="DEBUG")
+
+    # Send page type
+    self.send_mqtt_msg(f"pageType,{page_type}")
+
+    if page_type in ["cardEntities", "cardGrid"]:
+      self.generate_entities_page(self.config["pages"][self.current_page_nr]["items"])
+
+    if page_type == "cardThermo":
+      self.generate_thermo_page(self.config["pages"][self.current_page_nr]["item"])
+      
+    if page_type == "cardMedia":
+      self.generate_media_page(self.config["pages"][self.current_page_nr]["item"])
+
+  def generate_entities_item(self, item):
+    icon = None
+    if type(item) is dict:
+      icon = next(iter(item.items()))[1]['icon']
+      item = next(iter(item.items()))[0]
+
+    # type of the item is the string before the "." in the item name
+    item_type = item.split(".")[0]
+
+    self.api.log("Generating item command for %s with type %s", item, item_type, level="DEBUG")
+
+    if item_type == "delete":
+      return f",{item_type},,,,,"
+
+    if not self.api.entity_exists(item):
+      return f",text,{item},{get_icon_id('alert-circle-outline')},17299,Not found check, apps.yaml"
+
+    entity = self.api.get_entity(item)
+    name = entity.attributes.friendly_name
+
+    if item_type == "cover":
+      icon_id = get_icon_id_ha("cover", state=entity.state, overwrite=icon)
+      return f",shutter,{item},{icon_id},17299,{name},"
+
+    if item_type == "light":
+      switch_val = 1 if entity.state == "on" else 0
+      icon_color = self.getEntityColor(entity)
+      icon_id = get_icon_id_ha("light", overwrite=icon)
+      return f",{item_type},{item},{icon_id},{icon_color},{name},{switch_val}"
+
+    if item_type == "switch" or item_type == "input_boolean":
+      icon_id = get_icon_id_ha(item_type, state=entity.state, overwrite=icon)
+      switch_val = 1 if entity.state == "on" else 0
+      icon_color = self.getEntityColor(entity)
+      return f",switch,{item},{icon_id},{icon_color},{name},{switch_val}"
+
+    if item_type in ["sensor", "binary_sensor"]:
+      device_class = self.get_safe_ha_attribute(entity.attributes, "device_class", "")
+      icon_id = get_icon_id_ha("sensor", state=entity.state, device_class=device_class, overwrite=icon)
+      unit_of_measurement = self.get_safe_ha_attribute(entity.attributes, "unit_of_measurement", "")
+      value = entity.state + " " + unit_of_measurement
+      return f",text,{item},{icon_id},17299,{name},{value}"
+
+    if item_type in ["button", "input_button"]:
+      icon_id = get_icon_id_ha("button", overwrite=icon)
+      return f",button,{item},{icon_id},17299,{name},PRESS"
+    
+    if item_type == "scene":
+      icon_id = get_icon_id_ha("scene", overwrite=icon)
+      return f",button,{item},{icon_id},17299,{name},ACTIVATE"
+
+  def generate_entities_page(self, items):
+    # Set Heading of Page
+    self.send_mqtt_msg(f"entityUpdHeading,{self.config['pages'][self.current_page_nr]['heading']}")
+    # Get items and construct cmd string
+    command = "entityUpd"
+    for item in items:
+      command += self.generate_entities_item(item)
+    self.send_mqtt_msg(command)
+
+  def get_safe_ha_attribute(self, eattr, attr, default):
+    return eattr[attr] if attr in eattr else default
+
+  def generate_thermo_page(self, item):
+    if not self.api.entity_exists(item):
+      command = f"entityUpd,{item},Not found,220,220,Not found,150,300,5"
+    else:
+      entity       = self.api.get_entity(item)
+      heading      = entity.attributes.friendly_name
+      current_temp = int(self.get_safe_ha_attribute(entity.attributes, "current_temperature", 0)*10)
+      dest_temp    = int(self.get_safe_ha_attribute(entity.attributes, "temperature", 0)*10)
+      status       = self.get_safe_ha_attribute(entity.attributes, "hvac_action", "")
+      min_temp     = int(self.get_safe_ha_attribute(entity.attributes, "min_temp", 0)*10) 
+      max_temp     = int(self.get_safe_ha_attribute(entity.attributes, "max_temp", 0)*10) 
+      step_temp    = int(self.get_safe_ha_attribute(entity.attributes, "target_temp_step", 0.5)*10) 
+
+      icon_res = ""
+      hvac_modes = self.get_safe_ha_attribute(entity.attributes, "hvac_modes", [])
+      for mode in hvac_modes:
+        icon_id = get_icon_id('alert-circle-outline')
+        color_on = 64512
+        if mode == "auto":
+          icon_id = get_icon_id("calendar-sync")
+          color_on = 1024
+        if mode == "heat":
+          icon_id = get_icon_id("fire")
+          color_on = 64512
+        if mode == "off":
+          icon_id = get_icon_id("power")
+          color_on = 35921
+        if mode == "cool":
+          icon_id = get_icon_id("snowflake")
+          color_on = 11487
+        if mode == "dry":
+          icon_id = get_icon_id("water-percent")
+          color_on = 60897
+        if mode == "fan_only":
+          icon_id = get_icon_id("fan")
+          color_on = 35921
+        state = 0
+        if(mode == entity.state):
+          state = 1
+        icon_res += f",{icon_id},{color_on},{state},{mode}"
+  
+      len_hvac_modes = len(hvac_modes)
+      if len_hvac_modes%2 == 0:
+        # even
+        padding_len = int((4-len_hvac_modes)/2)
+        icon_res =  ","*4*padding_len + icon_res + ","*4*padding_len
+        # use last 4 icons
+        icon_res =  ","*4*5 + icon_res
+      else:
+        # uneven
+        padding_len = int((5-len_hvac_modes)/2)
+        icon_res =  ","*4*padding_len + icon_res + ","*4*padding_len
+        # use first 5 icons
+        icon_res = icon_res + ","*4*4
+      command = f"entityUpd,{item},{heading},{current_temp},{dest_temp},{status},{min_temp},{max_temp},{step_temp}{icon_res}"
+    self.send_mqtt_msg(command)
+
+  def generate_media_page(self, item):
+
+    if not self.api.entity_exists(item):
+      command = f"entityUpd,|{item}|Not found|{get_icon_id('alert-circle-outline')}|Please check your|apps.yaml in AppDaemon|50|11"
+    else:
+      entity       = self.api.get_entity(item)
+      heading      = entity.attributes.friendly_name
+      icon         = 0
+      title        = self.get_safe_ha_attribute(entity.attributes, "media_title", "")
+      author       = self.get_safe_ha_attribute(entity.attributes, "media_artist", "")
+      volume       = int(self.get_safe_ha_attribute(entity.attributes, "volume_level", 0)*100)
+      iconplaypause = get_icon_id("pause") if entity.state == "playing" else get_icon_id("play")
+      if "media_content_type" in entity.attributes:
+        if entity.attributes.media_content_type == "music":
+          icon = get_icon_id("music")
+      command = f"entityUpd,|{item}|{heading}|{icon}|{title}|{author}|{volume}|{iconplaypause}"
+
+    self.send_mqtt_msg(command)
+
+  def getEntityColor(self, entity):
+    attr = entity.attributes
+    default_color_on  = rgb_dec565([253, 216, 53])
+    default_color_off = rgb_dec565([68, 115, 158])
+    icon_color = default_color_on if entity.state == "on" else default_color_off
+
+    if "rgb_color" in attr:
+      color = attr.rgb_color
+      if "brightness" in attr:
+        color = rgb_brightness(color, attr.brightness)
+      icon_color = rgb_dec565(color)
+    elif "brightness" in attr:
+      color = rgb_brightness([253, 216, 53], attr.brightness)
+      icon_color = rgb_dec565(color)
+    return icon_color
+
+  def generate_light_detail_page(self, entity):
+    entity = self.api.get_entity(entity)
+    switch_val = 1 if entity.state == "on" else 0
+    icon_color = self.getEntityColor(entity)
+    brightness = "disable"
+    color_temp = "disable"
+    color = "disable"
+    # scale 0-255 brightness from ha to 0-100
+    if entity.state == "on":
+      if "brightness" in entity.attributes:
+        brightness = int(scale(entity.attributes.brightness,(0,255),(0,100)))
+      else:
+        brightness = "disable"
+      if "color_temp" in entity.attributes.supported_color_modes:
+        if "color_temp" in entity.attributes:
+          # scale ha color temp range to 0-100
+          color_temp = int(scale(entity.attributes.color_temp,(entity.attributes.min_mireds, entity.attributes.max_mireds),(0,100)))
+        else:
+          color_temp = "unknown"
+      else:
+        color_temp = "disable"
+        
+      list_color_modes = ["xy", "rgb", "rgbw", "hs"]
+      if any(item in list_color_modes for item in entity.attributes.supported_color_modes):
+        color = "enable"
+      else:
+        color = "disable"
+    self.send_mqtt_msg(f"entityUpdateDetail,{get_icon_id('lightbulb')},{icon_color},{switch_val},{brightness},{color_temp},{color}")
+
+  def generate_shutter_detail_page(self, entity):
+    pos = int(self.get_safe_ha_attribute(entity.attributes, "current_position", 50))
+    # reverse position for slider
+    pos = 100-pos
+    self.send_mqtt_msg(f"entityUpdateDetail,{pos}")
+
+  def send_message_page(self, id, heading, msg, b1, b2):
+    self.send_mqtt_msg(f"pageType,popupNotify")
+    self.send_mqtt_msg(f"entityUpdateDetail,|{id}|{heading}|65535|{b1}|65535|{b2}|65535|{msg}|65535|0")
+    

apps/nspanel-lovelance-ui/nspanel-lovelance-ui.py

@@ -1,443 +0,0 @@
-import json
-import datetime
-import hassapi as hass
-
-class NsPanelLovelanceUIManager(hass.Hass):
-  def initialize(self):
-
-    data = self.args["config"]
-    NsPanelLovelanceUI(self, data)
-
-class NsPanelLovelanceUI:
-  def __init__(self, api, config):
-    self.api = api
-    self.config = config
-    self.current_page_nr = 0
-    self.current_screensaver_brightness = 10
-
-    # check configured items
-    self.check_items()
-
-    # Setup, mqtt subscription and callback
-    self.mqtt = self.api.get_plugin_api("MQTT")
-    self.mqtt.mqtt_subscribe(topic=self.config["panelRecvTopic"])
-    self.mqtt.listen_event(self.handle_mqtt_incoming_message, "MQTT_MESSAGE", topic=self.config["panelRecvTopic"], namespace='mqtt')
-
-    # send panel back to startup page on restart of this script
-    self.send_mqtt_msg("pageType,pageStartup")
-
-
-    # Setup time callback
-    time = datetime.time(0, 0, 0)
-    self.api.run_minutely(self.update_time, time)
-
-    # Setup date callback
-    time = datetime.time(0, 0, 0)
-    self.api.run_daily(self.update_date, time)
-    self.update_date("")
-
-    # Setup weather callback
-    weather_interval = 15 * 60 # 15 minutes
-    self.api.run_every(self.update_screensaver_weather, "now", weather_interval)
-
-    # set brightness of screensaver
-    if type(self.config["brightnessScreensaver"]) == int:
-      self.current_screensaver_brightness = self.config["brightnessScreensaver"]
-    elif type(self.config["brightnessScreensaver"]) == list:
-      sorted_timesets = sorted(self.config["brightnessScreensaver"], key=lambda d: self.api.parse_time(d['time']))
-      found_current_dim_value = False
-      for index, timeset in enumerate(sorted_timesets):
-        self.api.run_daily(self.update_screensaver_brightness, timeset["time"], value=timeset["value"])
-        self.api.log("Current time %s", self.api.get_now().time())
-        if self.api.parse_time(timeset["time"]) > self.api.get_now().time() and not found_current_dim_value:
-          # first time after current time, set dim value
-          self.current_screensaver_brightness = sorted_timesets[index-1]["value"]
-          self.api.log("Setting dim value to %s", sorted_timesets[index-1]) #level="DEBUG"
-          found_current_dim_value = True
-          # send screensaver brightness in case config has changed
-          self.update_screensaver_brightness(kwargs={"value": self.current_screensaver_brightness})
-    
-    # send date update in case config has been changed
-    self.update_date("")
-
-
-    # register callbacks
-    self.register_callbacks()
-
-  def handle_mqtt_incoming_message(self, event_name, data, kwargs):
-    # Parse Json Message from Tasmota and strip out message from nextion display
-    data = json.loads(data["payload"])
-    if("CustomRecv" not in data):
-      self.api.log("Received Message from Tasmota: %s", data, level="DEBUG")
-      return
-    msg = data["CustomRecv"]
-    self.api.log("Received Message from Tasmota: %s", msg, level="DEBUG")
-    
-    # Split message into parts seperated by ","
-    msg = msg.split(",")
-
-    # run action based on received command
-    # TODO: replace with match case after appdeamon container swiched to python 3.10 - https://pakstech.com/blog/python-switch-case/ - https://www.python.org/dev/peps/pep-0636/
-    if msg[0] == "event":
-
-      if msg[1] == "startup":
-        self.api.log("Handling startup event", level="DEBUG")
-        
-        # send date and time
-        self.update_time("")
-        self.update_date("")
-
-        # set screensaver timeout
-        timeout = self.config["timeoutScreensaver"]
-        self.send_mqtt_msg(f"timeout,{timeout}")
-
-        # send screensaver brightness
-        self.update_screensaver_brightness(kwargs={"value": self.current_screensaver_brightness})
-
-        # send messages for current page
-        page_type = self.config["pages"][self.current_page_nr]["type"]
-        self.generate_page(self.current_page_nr, page_type)
-
-      if msg[1] == "pageOpen":
-        # Calculate current page
-        recv_page = int(msg[2])
-        self.current_page_nr = recv_page % len(self.config["pages"])
-        self.api.log("Received pageOpen command, raw page: %i, calc page: %i", recv_page, self.current_page_nr, level="DEBUG")
-        # get type of current page
-        page_type = self.config["pages"][self.current_page_nr]["type"]
-        # generate commands for current page
-        self.generate_page(self.current_page_nr, page_type)
-
-      if msg[1] == "buttonPress":
-        entity_id = msg[4]
-        btype = msg[6]
-        if len(msg) > 7:
-          value = msg[7]
-        else:
-          value = None
-        self.handle_button_press(entity_id, btype, value)
-
-      if msg[1] == "pageOpenDetail":
-        self.api.log("Received pageOpenDetail command", level="DEBUG")
-        if(msg[2] == "popupLight"):
-          entity = self.api.get_entity(msg[3])
-          switch_val = 1 if entity.state == "on" else 0
-          # scale 0-255 brightness from ha to 0-100
-          if entity.state == "on":
-            if entity.attributes.get("brightness"):
-              brightness = int(self.scale(entity.attributes.brightness,(0,255),(0,100)))
-            else:
-              brightness = "disable"
-            if "color_temp" in entity.attributes.supported_color_modes:
-              # scale ha color temp range to 0-100
-              color_temp = self.scale(entity.attributes.color_temp,(entity.attributes.min_mireds, entity.attributes.max_mireds),(0,100))
-            else:
-              color_temp = "disable"
-          else:
-            brightness = 0
-            color_temp = "disable"
-          self.send_mqtt_msg("entityUpdateDetail,{0},{1},{2}".format(switch_val,brightness,color_temp))
-
-        if(msg[2] == "popupShutter"):
-          pos = self.api.get_entity(msg[3]).attributes.current_position
-          # reverse position for slider
-          pos = 100-pos
-          self.send_mqtt_msg("entityUpdateDetail,{0}".format(pos))
-
-      if msg[1] == "tempUpd":
-        self.api.log("Received tempUpd command", level="DEBUG")
-        temp = int(msg[4])/10
-        self.api.get_entity(msg[3]).call_service("set_temperature", temperature=temp)
-
-      if msg[1] == "screensaverOpen":
-        self.update_screensaver_weather("")
-
-  def send_mqtt_msg(self,msg):
-    self.mqtt.mqtt_publish(self.config["panelSendTopic"], msg)
-
-  def update_time(self, kwargs):
-    time = datetime.datetime.now().strftime(self.config["timeFormat"])
-    self.send_mqtt_msg("time,{0}".format(time))
-
-  def update_date(self, kwargs):
-    # TODO: implement localization of date
-    date = datetime.datetime.now().strftime(self.config["dateFormat"])
-    self.send_mqtt_msg("date,?{0}".format(date))
-
-  def update_screensaver_brightness(self, kwargs):
-    self.current_screensaver_brightness = kwargs['value']
-    self.send_mqtt_msg(f"dimmode,{self.current_screensaver_brightness}")
-
-  def update_screensaver_weather(self, kwargs):
-    if not ("weatherEntity" in self.config and self.api.entity_exists(self.config["weatherEntity"])):
-      return
-    we = self.api.get_entity(self.config["weatherEntity"])
-    unit = "°C"
-
-    weathericons = {
-      'clear-night': 17,
-      'cloudy': 12,
-      'exceptional': 11,
-      'fog': 13,
-      'hail': 14,
-      'lightning': 15,
-      'lightning-rainy': 16,
-      'partlycloudy': 18,
-      'pouring': 19,
-      'rainy': 20,
-      'snowy': 21,
-      'snowy-rainy': 22,
-      'sunny': 23,
-      'windy': 24,
-      'windy-variant': 25
-    }
-
-    o1 = we.attributes.forecast[0]['datetime']
-    o1 = datetime.datetime.fromisoformat(o1)
-    o1 = o1.strftime("%a")
-    i1 = weathericons[we.attributes.forecast[0]['condition']]
-    u1 = we.attributes.forecast[0]['temperature']
-    o2 = we.attributes.forecast[1]['datetime']
-    o2 = datetime.datetime.fromisoformat(o2)
-    o2 = o2.strftime("%a")
-    i2 = weathericons[we.attributes.forecast[1]['condition']]
-    u2 = we.attributes.forecast[1]['temperature']
-    self.send_mqtt_msg(f"weatherUpdate,?{weathericons[we.state]}?{we.attributes.temperature}{unit}?{26}?{we.attributes.humidity} %?{o1}?{i1}?{u1}?{o2}?{i2}?{u2}")
-
-  def scale(self, val, src, dst):
-    """
-    Scale the given value from the scale of src to the scale of dst.
-    """
-    return ((val - src[0]) / (src[1]-src[0])) * (dst[1]-dst[0]) + dst[0]
-
-  def handle_button_press(self, entity_id, btype, optVal=None):
-    if(btype == "OnOff"):
-      if(optVal == "1"):
-        self.api.turn_on(entity_id)
-      else:
-        self.api.turn_off(entity_id)
-    if(btype == "up"):
-      self.api.get_entity(entity_id).call_service("open_cover")
-    if(btype == "stop"):
-      self.api.get_entity(entity_id).call_service("stop_cover")
-    if(btype == "down"):
-      self.api.get_entity(entity_id).call_service("close_cover")
-      
-    if(btype == "button"):
-      if(entity_id.startswith('scene')):
-        self.api.get_entity(entity_id).call_service("turn_on")
-      else:
-        self.api.get_entity(entity_id).call_service("press")
-
-    if(btype == "media-next"):
-      self.api.get_entity(entity_id).call_service("media_next_track")
-    if(btype == "media-back"):
-      self.api.get_entity(entity_id).call_service("media_previous_track")
-    if(btype == "media-pause"):
-      self.api.get_entity(entity_id).call_service("media_play_pause")
-
-
-    if(btype == "brightnessSlider"):
-      # scale 0-100 to ha brightness range
-      brightness = int(self.scale(int(optVal),(0,100),(0,255)))
-      self.api.get_entity(entity_id).call_service("turn_on", brightness=brightness)
-      
-    if(btype == "colorTempSlider"):
-      entity = self.api.get_entity(entity_id)
-      #scale 0-100 from slider to color range of lamp
-      color_val = self.scale(int(optVal), (0, 100), (entity.attributes.min_mireds, entity.attributes.max_mireds))
-      self.api.get_entity(entity_id).call_service("turn_on", color_temp=color_val)
-      
-    if(btype == "positionSlider"):
-      pos = int(optVal)
-      self.api.get_entity(entity_id).call_service("set_cover_position", position=pos)
-
-    if(btype == "volumeSlider"):
-      pos = int(optVal)
-      # HA wants this value between 0 and 1 as float
-      pos = pos/100
-      self.api.get_entity(entity_id).call_service("volume_set", volume_level=pos)
-
-  def check_items(self):
-    items = []
-    for page in self.config["pages"]:
-      if "item" in page:
-        items.append(page["item"])
-      if "items" in page:
-        items.extend(page["items"])
-    
-    for item in items:
-      if self.api.entity_exists(item) or item == "delete":
-        self.api.log("Found configured item in Home Assistant %s", item, level="DEBUG")
-      else:
-        self.api.error("The following item does not exist in Home Assistant, configuration error: %s", item)
-
-  def register_callbacks(self):
-    items = []
-    for page in self.config["pages"]:
-      if "item" in page:
-        items.append(page["item"])
-      if "items" in page:
-        items.extend(page["items"])
-    
-    for item in items:
-      if not self.api.entity_exists(item):
-        continue
-      self.api.log("Enable state callback for %s", item, level="DEBUG")
-      self.api.handle = self.api.listen_state(self.state_change_callback, entity_id=item, attribute="all")
-
-  def state_change_callback(self, entity, attribute, old, new, kwargs):
-    current_page_config = self.config["pages"][self.current_page_nr]
-
-    page_type = current_page_config["type"]
-
-    self.api.log("Got state_callback from {0}".format(entity), level="DEBUG")
-
-    if page_type == "cardEntities":
-      items = current_page_config["items"]
-      if entity in items:
-        self.api.log("State change on current page for {0}".format(entity), level="DEBUG")
-        # send update of the item on page
-        command = self.generate_entities_item(entity, items.index(entity)+1)
-        self.send_mqtt_msg(command)
-        # TODO: Send data of detail page, just in case this page is currently open
-      return
-    
-    if page_type == "cardThermo" or page_type == "cardMedia":
-      if entity == current_page_config["item"]:
-        self.api.log("State change on current page for {0}".format(entity), level="DEBUG")
-        # send update of the whole page
-        if page_type == "cardThermo":
-          self.send_mqtt_msg(self.generate_thermo_page(entity))
-          return
-        if page_type == "cardMedia":
-          self.send_mqtt_msg(self.generate_media_page(entity))
-          return
-      return
-
-
-
-    # TODO: Call Method for refresh of the item/page of the current entity 
-
-  def generate_entities_item(self, item, item_nr):
-
-    # type of item is the string before the "." in the item name
-    item_type = item.split(".")[0]
-
-    self.api.log("Generating item command for %s with type %s", item, item_type, level="DEBUG")
-
-    if item_type == "delete":
-      return "entityUpd,{0},{1}".format(item_nr, item_type)
-    
-    if not self.api.entity_exists(item):
-      return
-    entity = self.api.get_entity(item)
-    name = entity.attributes.friendly_name
-
-    if item_type == "cover":
-      return "entityUpd,{0},{1},{2},{3},{4}".format(item_nr, "shutter", item, 0, name)
-
-    if item_type == "light":
-      switch_val = 1 if entity.state == "on" else 0
-      return "entityUpd,{0},{1},{2},{3},{4},{5}".format(item_nr, item_type, item, 1, name, switch_val)
-
-    if item_type == "switch" or item_type == "input_boolean":
-      switch_val = 1 if entity.state == "on" else 0
-      icon_id = 4
-      if item_type == "input_boolean" and switch_val == 1:
-        icon_id = 6
-      else:
-        icon_id = 7
-      
-      return "entityUpd,{0},{1},{2},{3},{4},{5}".format(item_nr, "switch", item, icon_id, name, switch_val)
-
-    if item_type == "sensor":
-      icon_id = 0
-      icon_mapping = {
-        "temperature": 2,
-        "power": 4
-      }
-      if entity.attributes.device_class in icon_mapping:
-        icon_id = icon_mapping[entity.attributes.device_class]
-      
-      value = entity.state + " " + entity.attributes.unit_of_measurement
-      return "entityUpd,{0},{1},{2},{3},{4},{5}".format(item_nr, "text", item, icon_id, name, value)
-
-    if item_type == "button" or item_type == "input_button":
-      return "entityUpd,{0},{1},{2},{3},{4},{5}".format(item_nr, "button", item, 3, name, "PRESS")
-    
-    if item_type == "scene":
-      return "entityUpd,{0},{1},{2},{3},{4},{5}".format(item_nr, "button", item, 10, name, "ACTIVATE")
-
-  def generate_thermo_page(self, item):
-
-    if not self.api.entity_exists(item):
-      return
-
-    entity       = self.api.get_entity(item)
-    heading      = entity.attributes.friendly_name
-    current_temp = int(entity.attributes.current_temperature*10)
-    dest_temp    = int(entity.attributes.temperature*10)
-    status       = entity.attributes.hvac_action
-    min_temp     = int(entity.attributes.min_temp*10)
-    max_temp     = int(entity.attributes.max_temp*10)
-    step_temp    = int(0.5*10)
-
-    return "entityUpd,{0},{1},{2},{3},{4},{5},{6},{7}".format(item, heading, current_temp, dest_temp, status, min_temp, max_temp, step_temp)
-
-  def generate_media_page(self, item):
-
-    if not self.api.entity_exists(item):
-      return
-
-    entity       = self.api.get_entity(item)
-    heading      = entity.attributes.friendly_name
-    icon         = 0
-    title        = ""
-    author       = ""
-    volume       = 0
-    #iconplaypause = 9
-    if "media_content_type" in entity.attributes:
-      if entity.attributes.media_content_type == "music":
-        icon = 5
-    if "media_title" in entity.attributes:
-      title  = entity.attributes.media_title
-    if "media_artist" in entity.attributes:
-      author = entity.attributes.media_artist
-    if "volume_level" in entity.attributes:
-      volume = int(entity.attributes.volume_level*100)
-
-    if entity.state == "playing":
-      iconplaypause = 8
-    else:
-      iconplaypause = 9
-
-    return f"entityUpd,|{item}|{heading}|{icon}|{title}|{author}|{volume}|{iconplaypause}"
-
-
-  def generate_page(self, page_number, page_type):
-    self.api.log("Generating page commands for page %i with type %s", self.current_page_nr, page_type, level="DEBUG")
-    if page_type == "cardEntities":
-      # Send page type
-      self.send_mqtt_msg("pageType,{0}".format(page_type))
-      # Set Heading of Page
-      self.send_mqtt_msg("entityUpdHeading,{0}".format(self.config["pages"][self.current_page_nr]["heading"]))
-
-      # Set Items of Page
-      current_item_nr = 0
-      for item in self.config["pages"][self.current_page_nr]["items"]:
-        current_item_nr += 1
-        command = self.generate_entities_item(item, current_item_nr)
-        self.send_mqtt_msg(command)
-
-    if page_type == "cardThermo":
-      # Send page type
-      self.send_mqtt_msg("pageType,{0}".format(page_type))
-      command = self.generate_thermo_page(self.config["pages"][self.current_page_nr]["item"])
-      self.send_mqtt_msg(command)
-      
-    if page_type == "cardMedia":
-      # Send page type
-      self.send_mqtt_msg("pageType,{0}".format(page_type))
-      command = self.generate_media_page(self.config["pages"][self.current_page_nr]["item"])
-      self.send_mqtt_msg(command)

hacs.json

@@ -1,3 +1,3 @@
 {
-  "name": "NSPanel Lovelance UI Backend"
+  "name": "NSPanel Lovelace UI Backend"
 }

info.md

@@ -1,26 +1,29 @@
-# NSPanel Lovelance UI
+# NSPanel Lovelace UI
 
-Checkout [README](https://github.com/joBr99/nspanel-lovelance-ui/blob/main/README.md) for detailed Instructions.
+Checkout [README](https://github.com/joBr99/nspanel-lovelace-ui/blob/main/README.md) for detailed Instructions.
 
 ### App Configuration
 
 ```yaml
 nspanel-1:
-  module: nspanel-lovelance-ui
-  class: NsPanelLovelanceUIManager
+  module: nspanel-lovelace-ui
+  class: NsPanelLovelaceUIManager
   config:
     panelRecvTopic: "tele/tasmota_your_mqtt_topic/RESULT"
     panelSendTopic: "cmnd/tasmota_your_mqtt_topic/CustomSend"
-    timeoutScreensaver: 15 #in seconds, values between 5 and 60 are allowed
+    updateMode: auto-notify # possible values are auto, auto-notify and manual
+    timeoutScreensaver: 15 #in seconds
     #brightnessScreensaver: 10
     brightnessScreensaver:
       - time: "7:00:00"
         value: 10
       - time: "23:00:00"
         value: 0
-    locale: "de_DE"
+    locale: "de_DE" # only used if babel python package is installed
+    dateFormatBabel: "full" # only used if babel python package is installed
+                            # formatting options on https://babel.pocoo.org/en/latest/dates.html?highlight=name%20of%20day#date-fields
     timeFormat: "%H:%M"
-    dateFormat: "%A, %d. %B %Y"
+    dateFormat: "%A, %d. %B %Y" # ignored if babel python package is installed
     weatherEntity: weather.example
     pages:
       - type: cardEntities
@@ -36,14 +39,23 @@ nspanel-1:
           - button.example_button
           - input_button.example_input_button
           - light.light_example
-          - delete # To make sure we don't keep buttons from previous page (read this as 'empty')
+          - delete # (read this as 'empty')
       - type: cardEntities
         heading: Example Page 3
         items:
-          - scene.some_scene
-          - scene.moodlights
+          - scene.example_scene
           - delete
           - delete
+          - delete
+      - type: cardGrid
+        heading: Example Page 4
+        items:
+          - light.light_example
+          - button.example_button
+          - cover.example_cover
+          - scene.example_scene
+          - switch.example_switch
+          - delete
       - type: cardThermo
         heading: Exmaple Thermostat
         item: climate.example_climate

ioBroker/NsPanelTs.ts

@@ -0,0 +1,814 @@
+
+const Months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"];
+const Days = ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"];
+const Red: RGB = { red: 255, green: 0, blue: 0 };
+const White: RGB = { red: 255, green: 255, blue: 255 };
+const Off: RGB = { red: 68, green: 115, blue: 158 };
+const On: RGB = { red: 253, green: 216, blue: 53 };
+const BatteryFull: RGB = { red: 96, green: 176, blue: 62 }
+const BatteryEmpty: RGB = { red: 179, green: 45, blue: 25 }
+
+var Wohnen: PageEntities =
+{
+    "type": "cardEntities",
+    "heading": "Haus",
+    "useColor": true,
+    "items": [
+        <PageItem>{ id: "alias.0.Stern"},
+        <PageItem>{ id: "alias.0.Erker"},
+        <PageItem>{ id: "alias.0.Küche", interpolateColor: true },
+        <PageItem>{ id: "alias.0.Wand" }
+    ]
+};
+
+var Strom: PageEntities =
+{
+    "type": "cardEntities",
+    "heading": "Strom",
+    "useColor": true,
+    "items": [
+        <PageItem>{ id: "alias.0.Netz", icon: 4, interpolateColor: true, offColor: BatteryFull, onColor: Red , minValue: -1000, maxValue: 1000 },
+        <PageItem>{ id: "alias.0.Hausverbrauch", icon: 4, interpolateColor: true, offColor: BatteryFull, onColor: Red , maxValue: 1000 },
+        <PageItem>{ id: "alias.0.Pv", icon: 4, interpolateColor: true, offColor: Off, onColor: BatteryFull , maxValue: 1000 },
+        <PageItem>{ id: "alias.0.Batterie", icon: 34, interpolateColor: true, offColor: BatteryEmpty, onColor: BatteryFull }
+    ]
+};
+
+
+var button1Page: PageGrid =
+{
+    "type": "cardGrid",
+    "heading": "Radio",
+    "useColor": true,
+    "items": [
+        <PageItem>{ id: "alias.0.Radio.NJoy" },
+        <PageItem>{ id: "alias.0.Radio.Delta_Radio" },
+        <PageItem>{ id: "alias.0.Radio.NDR2" },
+    ]
+};
+
+
+var button2Page: PageEntities =
+{
+    "type": "cardEntities",
+    "heading": "Knopf2",
+    "useColor": true,
+    "items": [
+        <PageItem>{ id: "alias.0.Schlafen" },
+        <PageItem>{ id: "alias.0.Stern" }
+    ]
+};
+
+export const config: Config = {
+    panelRecvTopic: "mqtt.0.tele.WzDisplay.RESULT",
+    panelSendTopic: "mqtt.0.cmnd.WzDisplay.CustomSend",
+    leftEntity: "alias.0.Batterie.ACTUAL",
+    leftEntityIcon: 34,
+    leftEntityText: "Batterie",
+    leftEntityUnitText: "%",
+    rightEntity: "alias.0.Pv.ACTUAL",
+    rightEntityIcon: 32,
+    rightEntityText: "PV",
+    rightEntityUnitText: "W",
+    timeoutScreensaver: 15,
+    dimmode: 8,
+    locale: "de_DE",
+    timeFormat: "%H:%M",
+    dateFormat: "%A, %d. %B %Y",
+    weatherEntity: "alias.0.Wetter",
+    defaultOffColor: Off,
+    defaultOnColor: On,
+    defaultColor: Off,
+    temperatureUnit: "°C",
+    pages: [Wohnen, Strom,
+        {
+            "type": "cardThermo",
+            "heading": "Thermostat",
+            "useColor": true,
+            "items": [<PageItem>{ id: "alias.0.WzNsPanel" }]
+        }
+    ],
+    button1Page: button1Page,
+    button2Page: button2Page
+};
+
+
+
+var subscriptions: any = {};
+
+var pageId = 0;
+
+schedule("* * * * *", function () {
+    SendTime();
+});
+schedule("0 * * * *", function () {
+    SendDate();
+});
+
+
+// Only monitor the extra nodes if one or both are present
+var updateArray: string[] = [];
+if (config.rightEntity !== null && existsState(config.rightEntity)) {
+    updateArray.push(config.rightEntity)
+}
+
+if (config.leftEntity !== null && existsState(config.leftEntity)) {
+    updateArray.push(config.leftEntity)
+}
+if (updateArray.length > 0) {
+    on(updateArray, function () {
+        HandleScreensaverUpdate();
+    })
+}
+on({ id: config.panelRecvTopic }, function (obj) {
+    if (obj.state.val.startsWith('\{"CustomRecv":')) {
+        var json = JSON.parse(obj.state.val);
+
+        var split = json.CustomRecv.split(",");
+        if (split[1] == "pageOpenDetail") {
+            UnsubscribeWatcher();
+            let pageItem = config.pages[pageId].items.find(e => e.id === split[3]);
+            if (pageItem !== undefined)
+                SendToPanel(GenerateDetailPage(split[2], pageItem));
+        }
+        else {
+            HandleMessage(split[0], split[1], parseInt(split[2]), split);
+        }
+    }
+});
+
+function SendToPanel(val: Payload | Payload[]): void {
+    if (Array.isArray(val)) {
+        val.forEach(function (id, i) {
+            setState(config.panelSendTopic, id.payload);
+        });
+    }
+    else
+        setState(config.panelSendTopic, val.payload);
+}
+
+function HandleMessage(typ: string, method: string, page: number, words: Array<string>): void {
+    if (typ == "event") {
+        var pageNum = (page % config.pages.length);
+        pageId = Math.abs(pageNum);
+
+        if (method == 'pageOpen' || method == 'startup') {
+            UnsubscribeWatcher();
+
+            if (method == 'startup')
+                HandleStartupProcess();
+
+            GeneratePage(config.pages[pageId]);
+        }
+
+        if (method == 'buttonPress' || method == "tempUpd") {
+            HandleButtonEvent(words)
+        }
+
+        if (method == 'screensaverOpen') {
+            HandleScreensaver()
+        }
+
+        if (method == 'button1' || method == 'button2') {
+            HandleHardwareButton(method);
+        }
+    }
+}
+
+function GeneratePage(page: Page): void {
+    switch (page.type) {
+        case "cardEntities":
+            SendToPanel(GenerateEntitiesPage(<PageEntities>page));
+            break;
+        case "cardThermo":
+            SendToPanel(GenerateThermoPage(<PageThermo>page));
+            break;
+        case "cardGrid":
+            SendToPanel(GenerateGridPage(<PageGrid>page));
+            break;
+    }
+}
+
+function HandleHardwareButton(method: string): void {
+    let page: (PageThermo | PageEntities | PageGrid);
+    if (config.button1Page !== null && method == "button1") {
+        page = config.button1Page;
+    }
+    else if (config.button2Page !== null && method == "button2") {
+        page = config.button2Page;
+    }
+    else {
+        return;
+    }
+    GeneratePage(page);
+}
+
+function HandleStartupProcess(): void {
+    SendDate();
+    SendTime();
+    SendToPanel({ payload: "timeout," + config.timeoutScreensaver });
+    SendToPanel({ payload: "dimmode," + config.dimmode });
+}
+
+function SendDate(): void {
+    var d = new Date();
+    var day = Days[d.getDay()];
+    var date = d.getDate();
+    var month = Months[d.getMonth()];
+    var year = d.getFullYear();
+    var _sendDate = "date,?" + day + " " + date + " " + month + " " + year;
+    SendToPanel(<Payload>{ payload: _sendDate });
+}
+
+function SendTime(): void {
+    var d = new Date();
+    var hr = d.getHours().toString();
+    var min = d.getMinutes().toString();
+
+    if (d.getHours() < 10) {
+        hr = "0" + d.getHours().toString();
+    }
+    if (d.getMinutes() < 10) {
+        min = "0" + d.getMinutes().toString();
+    }
+    SendToPanel(<Payload>{ payload: "time," + hr + ":" + min });
+}
+
+function GenerateEntitiesPage(page: PageEntities): Payload[] {
+    var out_msgs: Array<Payload> = [];
+    out_msgs = [{ payload: "pageType,cardEntities" }, { payload: "entityUpdHeading," + page.heading }]
+    out_msgs.push({ payload: GeneratePageElements(page.items, 4,page.useColor) });
+    return out_msgs
+}
+
+function GenerateGridPage(page: PageGrid): Payload[] {
+    var out_msgs: Array<Payload> = [];
+    out_msgs = [{ payload: "pageType,cardGrid" }, { payload: "entityUpdHeading," + page.heading }]
+    out_msgs.push({ payload: GeneratePageElements(page.items, 6, page.useColor) });
+    return out_msgs
+}
+
+function GeneratePageElements(pageItems: PageItem[], maxItems: number, useColors: boolean = false): string {
+    let pageData = "entityUpd";
+    for (let index = 0; index < maxItems; index++) {
+        if (pageItems[index] !== undefined) {
+            pageData += CreateEntity(pageItems[index], index + 1, useColors);
+        }
+        else {
+            pageData += CreateEntity(<PageItem>{ id: "delete" }, index + 1);
+        }
+    }
+    return pageData;
+}
+
+function CreateEntity(pageItem: PageItem, placeId: number, useColors: boolean = false): string {
+    var iconId = 0
+    if (pageItem.id == "delete") {
+        return ",delete,,,,,"
+    }
+    var name: string;
+    var type: string;
+    // ioBroker
+    if (existsObject(pageItem.id)) {
+        let o = getObject(pageItem.id)
+        var val = null;
+        name = o.common.name.de
+
+        if (existsState(pageItem.id + ".GET")) {
+            val = getState(pageItem.id + ".GET").val;
+            RegisterEntityWatcher(pageItem.id + ".GET", pageItem.id, placeId);
+        }
+        else if (existsState(pageItem.id + ".SET")) {
+            val = getState(pageItem.id + ".SET").val;
+            RegisterEntityWatcher(pageItem.id + ".SET", pageItem.id, placeId);
+        }
+        var iconColor = rgb_dec565(config.defaultColor);
+
+        switch (o.common.role) {
+            case "light":
+                type = "light"
+                iconId = pageItem.icon !== undefined ? pageItem.icon : 1;
+                var optVal = "0"
+
+                if (val === true || val === "true") {
+                    optVal = "1"
+                    iconColor = GetIconColor(pageItem, true, useColors);
+                }
+
+                return "," + type + "," + pageItem.id + "," + iconId + "," + iconColor + "," + name + "," + optVal;
+
+            case "dimmer":
+                type = "light"
+                iconId = pageItem.icon !== undefined ? pageItem.icon : 1;
+                var optVal = "0"
+                if (existsState(pageItem.id + ".ON_ACTUAL")) {
+                    val = getState(pageItem.id + ".ON_ACTUAL").val;
+                    RegisterEntityWatcher(pageItem.id + ".ON_ACTUAL", pageItem.id, placeId);
+                }
+                else if (existsState(pageItem.id + ".ON_SET")) {
+                    val = getState(pageItem.id + ".ON_SET").val;
+                    RegisterEntityWatcher(pageItem.id + ".ON_SET", pageItem.id, placeId);
+                }
+                if (val === true || val === "true") {
+                    optVal = "1"
+                    iconColor = GetIconColor(pageItem, existsState(pageItem.id + ".ACTUAL") ? getState(pageItem.id + ".ACTUAL").val : true, useColors);
+                }
+
+                return "," + type + "," + pageItem.id + "," + iconId + "," + iconColor + "," + name + "," + optVal;
+
+            case "blind":
+                type = "shutter"
+                iconId = pageItem.icon !== undefined ? pageItem.icon : 0;
+                iconColor = GetIconColor(pageItem, existsState(pageItem.id + ".ACTUAL") ? getState(pageItem.id + ".ACTUAL").val : true, useColors);
+                return "," + type + "," + pageItem.id + "," + iconId + "," + iconColor + "," + name + ","
+
+            case "info":
+            case "value.temperature":
+                type = "text";
+                iconId = pageItem.icon !== undefined ? pageItem.icon : 11;
+                let unit = "";
+                var optVal = "0"
+                if (existsState(pageItem.id + ".ON_ACTUAL")) {
+                    optVal = getState(pageItem.id + ".ON_ACTUAL").val;
+                    unit = GetUnitOfMeasurement(pageItem.id + ".ON_ACTUAL");
+                    RegisterEntityWatcher(pageItem.id + ".ON_ACTUAL", pageItem.id, placeId);
+                }
+                else if (existsState(pageItem.id + ".ACTUAL")) {
+                    optVal = getState(pageItem.id + ".ACTUAL").val;
+                    unit = GetUnitOfMeasurement(pageItem.id + ".ACTUAL");
+                    RegisterEntityWatcher(pageItem.id + ".ACTUAL", pageItem.id, placeId);
+                }
+
+                if (o.common.role == "value.temperature") {
+                    iconId = pageItem.icon !== undefined ? pageItem.icon : 2;
+                }
+
+                iconColor = GetIconColor(pageItem, parseInt(optVal), useColors);
+
+                return "," + type + "," + pageItem.id + "," + iconId + "," + iconColor + "," + name + "," + optVal + " " + unit;
+
+            case "button":
+                type = "button";
+                iconId = pageItem.icon !== undefined ? pageItem.icon : 3;
+                let buttonText = pageItem.buttonText !== undefined ? pageItem.buttonText : "PRESS";
+                iconColor = GetIconColor(pageItem, true, useColors);
+                return "," + type + "," + pageItem.id + "," + iconId + "," + + iconColor + "," + name + "," + buttonText;
+
+            default:
+                return ",delete,,,,";
+        }
+    }
+
+    return ",delete,,,,,"
+}
+
+function GetIconColor(pageItem: PageItem, value: (boolean | number), useColors: boolean): number {
+    // dimmer
+    if ((pageItem.useColor || useColors) && pageItem.interpolateColor && typeof (value) === "number") {
+        let maxValue = pageItem.maxValue !== undefined ? pageItem.maxValue : 100;
+        let minValue = pageItem.minValue !== undefined ? pageItem.minValue : 0;
+        value = value > maxValue ? maxValue : value;
+        value = value < minValue ? minValue : value;
+        return rgb_dec565(
+            Interpolate(
+                pageItem.offColor !== undefined ? pageItem.offColor : config.defaultOffColor,
+                pageItem.onColor !== undefined ? pageItem.onColor : config.defaultOnColor,
+                scale(value, minValue, maxValue, 0, 1)
+            ));
+    }
+
+    if ((pageItem.useColor || useColors) && ((typeof (value) === "boolean" && value) || value > (pageItem.minValue !== undefined ? pageItem.minValue : 0))) {
+        return rgb_dec565(pageItem.onColor !== undefined ? pageItem.onColor : config.defaultOnColor)
+    }
+
+    return rgb_dec565(pageItem.offColor !== undefined ? pageItem.offColor : config.defaultOffColor);
+}
+
+function RegisterEntityWatcher(id: string, entityId: string, placeId: number): void {
+    if (subscriptions.hasOwnProperty(id)) {
+        return;
+    }
+    subscriptions[id] = (on({ id: id, change: 'any' }, function (data) {
+        GeneratePage(config.pages[pageId]);
+    }))
+}
+
+
+function RegisterDetailEntityWatcher(id: string, pageItem: PageItem, type: string): void {
+    if (subscriptions.hasOwnProperty(id)) {
+        return;
+    }
+    subscriptions[id] = (on({ id: id, change: 'any' }, function () {
+        SendToPanel(GenerateDetailPage(type, pageItem));
+    }))
+}
+
+function GetUnitOfMeasurement(id: string): string {
+    if (!existsObject(id))
+        return "";
+
+    let obj = getObject(id);
+    if (typeof obj.common.unit !== 'undefined') {
+        return obj.common.unit
+    }
+
+    if (typeof obj.common.alias !== 'undefined' && typeof obj.common.alias.id !== 'undefined') {
+        return GetUnitOfMeasurement(obj.common.alias.id);
+    }
+    return "";
+}
+
+function GenerateThermoPage(page: PageThermo): Payload[] {
+    var id = page.items[0].id
+    var out_msgs: Array<Payload> = [];
+    out_msgs.push({ payload: "pageType,cardThermo" });
+
+    // ioBroker
+    if (existsObject(id)) {
+        let o = getObject(id)
+        let name = o.common.name.de
+        let currentTemp = 0;
+        if (existsState(id + ".ACTUAL"))
+            currentTemp = parseInt(getState(id + ".ACTUAL").val) * 10;
+
+        let destTemp = 0;
+        if (existsState(id + ".SET"))
+            destTemp = parseInt(getState(id + ".SET").val) * 10;
+
+        let status = ""
+        if (existsState(id + ".MODE"))
+            status = destTemp = getState(id + ".MODE").val;
+        let minTemp = 180
+        let maxTemp = 300
+        let stepTemp = 5
+
+        out_msgs.push({ payload: "entityUpd," + id + "," + name + "," + currentTemp + "," + destTemp + "," + status + "," + minTemp + "," + maxTemp + "," + stepTemp })
+    }
+
+    return out_msgs
+}
+
+
+function setIfExists(id: string, value: any, type: string | null = null): boolean {
+    if (type === null) {
+        if (existsState(id)) {
+            setState(id, value);
+            return true;
+        }
+    }
+    else {
+        let obj = getObject(id);
+        if (existsState(id) && obj.common.type !== undefined && obj.common.type === type) {
+            log(id)
+            setState(id, value);
+            return true;
+        }
+    }
+    return false;
+}
+
+function toggleState(id: string): boolean {
+    let obj = getObject(id);
+    if (existsState(id) && obj.common.type !== undefined && obj.common.type === "boolean") {
+        setState(id, !getState(id).val);
+        return true;
+    }
+    return false;
+}
+
+function HandleButtonEvent(words): void {
+    let id = words[4]
+
+    if (words[6] == "OnOff" && existsObject(id)) {
+        var action = false
+        if (words[7] == "1")
+            action = true
+        let o = getObject(id)
+        switch (o.common.role) {
+            case "light":
+                setState(id + ".SET", action);
+                break;
+            case "dimmer":
+                if (existsState(id + ".ON_SET"))
+                    setState(id + ".ON_SET", action);
+                else if (existsState(id + ".ON_ACTUAL"))
+                    setState(id + ".ON_ACTUAL", action);
+        }
+    }
+
+    if (words[6] == "up")
+        setState(id + ".OPEN", true)
+    if (words[6] == "stop")
+        setState(id + ".STOP", true)
+    if (words[6] == "down")
+        setState(id + ".CLOSE", true)
+    if (words[6] == "button") {
+        let switchOn = true;
+        if (words[5] !== "1")
+            switchOn = false;
+        toggleState(id + ".SET") ? true : toggleState(id + ".ON_SET")
+    }
+    if (words[6] == "positionSlider")
+        setState(id + ".SET", parseInt(words[7]))
+
+    if (words[6] == "brightnessSlider")
+        if (existsState(id + ".SET"))
+            setState(id + ".SET", parseInt(words[7]));
+        else if (existsState(id + ".ACTUAL"))
+            setState(id + ".ACTUAL", parseInt(words[7]));
+    //     out_msgs.push({ payload: id, action: "turn_on", domain: "lightBrightness", brightness: parseInt(words[7]) })
+    // if (words[6] == "colorTempSlider")
+    //     out_msgs.push({ payload: id, action: "turn_on", domain: "lightTemperature", temperature: parseInt(words[7]) })
+    if (words[1] == "tempUpd") {
+        setState(words[3] + ".SET", parseInt(words[4]) / 10)
+    }
+}
+
+function GenerateDetailPage(type: string, pageItem: PageItem): Payload[] {
+
+    var out_msgs: Array<Payload> = [];
+    let id = pageItem.id
+    if (existsObject(id)) {
+        var o = getObject(id)
+        var val: (boolean | number) = 0;
+        let icon = 1;
+        var iconColor = rgb_dec565(config.defaultColor);
+        if (type == "popupLight") {
+            let switchVal = "0"
+            if (o.common.role == "light") {
+                if (existsState(id + ".GET")) {
+                    val = getState(id + ".GET").val;
+                    RegisterDetailEntityWatcher(id + ".GET", pageItem, type);
+                }
+                else if (existsState(id + ".SET")) {
+                    val = getState(id + ".SET").val;
+                    RegisterDetailEntityWatcher(id + ".SET", pageItem, type);
+                }
+
+                if (val) {
+                    switchVal = "1";
+                    iconColor = GetIconColor(pageItem, true, false);
+                }
+
+                out_msgs.push({ payload: "entityUpdateDetail," + icon + "," + + iconColor + "," + switchVal + ",disable,disable,disable" })
+            }
+
+            if (o.common.role == "dimmer") {
+                if (existsState(id + ".ON_ACTUAL")) {
+                    val = getState(id + ".ON_ACTUAL").val;
+                    RegisterDetailEntityWatcher(id + ".ON_ACTUAL", pageItem, type);
+                }
+
+                else if (existsState(id + ".ON_SET")) {
+                    val = getState(id + ".ON_SET").val;
+                    RegisterDetailEntityWatcher(id + ".ON_SET", pageItem, type);
+                }
+
+                if (val === true) {
+                    var iconColor = GetIconColor(pageItem, val, false);
+                    switchVal = "1"
+                }
+                let brightness = 0;
+                if (existsState(id + ".ACTUAL")) {
+                    brightness = Math.trunc(scale(getState(id + ".ACTUAL").val, 0, 100, 0, 100))
+                    iconColor = GetIconColor(pageItem, brightness, false);
+                    RegisterDetailEntityWatcher(id + ".ACTUAL", pageItem, type);
+                }
+                let colorTemp = "disable"
+                let colorMode = "disable"
+                //let attr_support_color = attr.supported_color_modes
+                //if (attr_support_color.includes("color_temp"))
+                // colortemp = Math.trunc(scale(attr.color_temp, attr.min_mireds, attr.max_mireds, 0, 100))
+
+                out_msgs.push({ payload: "entityUpdateDetail," + icon + "," + iconColor + "," + switchVal + "," + brightness + "," + colorTemp + "," + colorMode })
+            }
+
+        }
+
+        if (type == "popupShutter") {
+            if (existsState(id + ".ACTUAL"))
+                val = getState(id + ".ACTUAL").val;
+            else if (existsState(id + ".SET"))
+                val = getState(id + ".SET").val;
+            out_msgs.push({ payload: "entityUpdateDetail," + val })
+        }
+    }
+    return out_msgs
+}
+
+function scale(number: number, inMin: number, inMax: number, outMin: number, outMax: number): number {
+    return (number - inMin) * (outMax - outMin) / (inMax - inMin) + outMin;
+}
+
+function UnsubscribeWatcher(): void {
+    for (const [key, value] of Object.entries(subscriptions)) {
+        unsubscribe(value);
+        delete subscriptions[key]
+    }
+}
+
+function HandleScreensaver(): void {
+    UnsubscribeWatcher();
+    HandleScreensaverUpdate();
+}
+
+function HandleScreensaverUpdate(): void {
+    if (config.weatherEntity != null && existsObject(config.weatherEntity)) {
+        var icon = getState(config.weatherEntity + ".ICON").val;
+
+        let temperature: string =
+            existsState(config.weatherEntity + ".ACTUAL") ? getState(config.weatherEntity + ".ACTUAL").val :
+                existsState(config.weatherEntity + ".TEMP") ? getState(config.weatherEntity + ".TEMP").val : "null";
+        let humidity = getState(config.weatherEntity + ".HUMIDITY").val;
+
+
+        let payloadString =
+            "weatherUpdate,?" + GetAccuWeatherIcon(parseInt(icon)) + "?"
+            + temperature + " " + config.temperatureUnit + "?26?"
+            + humidity + " %?";
+
+        if (existsState(config.leftEntity)) {
+            let u1 = getState(config.leftEntity).val;
+            payloadString += config.leftEntityText + "?" + config.leftEntityIcon + "?" + u1 + " " + config.leftEntityUnitText + "?";
+        }
+        else {
+            payloadString += "???";
+        }
+
+        if (existsState(config.rightEntity)) {
+            let u2 = getState(config.rightEntity).val;
+            payloadString += config.rightEntityText + "?" + config.rightEntityIcon + "?" + u2 + " " + config.rightEntityUnitText;
+        }
+        else {
+            payloadString += "??";
+        }
+        SendToPanel(<Payload>{ payload: payloadString });
+    }
+}
+
+function GetAccuWeatherIcon(icon: number): number {
+    switch (icon) {
+        case 24:        // Ice        
+        case 30:        // Hot    
+        case 31:        // Cold    
+            return 11;  // exceptional
+
+        case 7:         // Cloudy
+        case 8:         // Dreary (Overcast)        
+        case 38:        // Mostly Cloudy
+            return 12;  // cloudy
+
+        case 11:        // fog
+            return 13;  // fog
+
+        case 25:        // Sleet    
+            return 14;  // Hail
+
+        case 15:        // T-Storms    
+            return 15;  // lightning
+
+        case 16:        // Mostly Cloudy w/ T-Storms
+        case 17:        // Partly Sunny w/ T-Storms
+        case 41:        // Partly Cloudy w/ T-Storms       
+        case 42:        // Mostly Cloudy w/ T-Storms
+            return 16;  // lightning-rainy
+
+        case 33:        // Clear
+        case 34:        // Mostly Clear
+        case 37:        // Hazy Moonlight
+            return 17;
+
+        case 3:         // Partly Sunny
+        case 4:         // Intermittent Clouds
+        case 6:         // Mostly Cloudy
+        case 35: 	    // Partly Cloudy
+        case 36: 	    // Intermittent Clouds
+            return 18;  // partlycloudy 
+
+        case 18:        // pouring
+            return 19;  // pouring
+
+        case 12:        // Showers
+        case 13:        // Mostly Cloudy w/ Showers
+        case 14:        // Partly Sunny w/ Showers      
+        case 26:        // Freezing Rain
+        case 39:        // Partly Cloudy w/ Showers
+        case 40:        // Mostly Cloudy w/ Showers
+            return 20;  // rainy
+
+        case 19:        // Flurries
+        case 20:        // Mostly Cloudy w/ Flurries
+        case 21:        // Partly Sunny w/ Flurries
+        case 22:        // Snow
+        case 23:        // Mostly Cloudy w/ Snow
+        case 43:        // Mostly Cloudy w/ Flurries
+        case 44:        // Mostly Cloudy w/ Snow
+            return 21;  // snowy
+
+        case 29:        // Rain and Snow
+            return 22;  // snowy-rainy
+
+        case 1:         // Sunny
+        case 2: 	    // Mostly Sunny
+        case 5:         // Hazy Sunshine
+            return 23;  // sunny
+
+        case 32:        // windy
+            return 24;  // windy
+
+        default:
+            return 1;
+    }
+}
+
+function GetBlendedColor(percentage: number): RGB {
+    if (percentage < 50)
+        return Interpolate(config.defaultOffColor, config.defaultOnColor, percentage / 50.0);
+    return Interpolate(Red, White, (percentage - 50) / 50.0);
+}
+
+function Interpolate(color1: RGB, color2: RGB, fraction: number): RGB {
+    var r: number = InterpolateNum(color1.red, color2.red, fraction);
+    var g: number = InterpolateNum(color1.green, color2.green, fraction);
+    var b: number = InterpolateNum(color1.blue, color2.blue, fraction);
+    return <RGB>{ red: Math.round(r), green: Math.round(g), blue: Math.round(b) };
+}
+
+function InterpolateNum(d1: number, d2: number, fraction: number): number {
+    return d1 + (d2 - d1) * fraction;
+}
+
+function rgb_dec565(rgb: RGB): number {
+    return ((Math.floor(rgb.red / 255 * 31) << 11) | (Math.floor(rgb.green / 255 * 63) << 5) | (Math.floor(rgb.blue / 255 * 31)));
+}
+
+type RGB = {
+    red: number,
+    green: number,
+    blue: number
+};
+
+type Payload = {
+    payload: string;
+};
+
+type Page = {
+    type: string,
+    heading: string,
+    items: PageItem[],
+    useColor: boolean
+};
+
+interface PageEntities extends Page {
+    type: "cardEntities",
+    items: PageItem[],
+
+};
+interface PageGrid extends Page {
+    type: "cardGrid",
+    items: PageItem[],
+};
+
+interface PageThermo extends Page {
+    type: "cardThermo",
+    items: PageItem[],
+};
+
+type PageItem = {
+    id: string,
+    icon: (number | undefined),
+    onColor: (RGB | undefined),
+    offColor: (RGB | undefined),
+    useColor: (boolean | undefined),
+    interpolateColor: (boolean | undefined),
+    minValue: (number | undefined),
+    maxValue: (number | undefined),
+    buttonText: (string | undefined)
+}
+
+type Config = {
+    panelRecvTopic: string,
+    panelSendTopic: string,
+    timeoutScreensaver: number,
+    dimmode: number,
+    //brightnessScreensaver:
+    locale: string,
+    timeFormat: string,
+    dateFormat: string,
+    weatherEntity: string | null,
+    temperatureUnit: string,
+    leftEntity: string,
+    leftEntityIcon: number,
+    leftEntityText: string,
+    leftEntityUnitText: string | null,
+    rightEntity: string,
+    rightEntityIcon: number,
+    rightEntityText: string,
+    rightEntityUnitText: string | null,
+    defaultColor: RGB,
+    defaultOnColor: RGB,
+    defaultOffColor: RGB,
+    pages: (PageThermo | PageEntities | PageGrid)[],
+    button1Page: (PageThermo | PageEntities | PageGrid | null),
+    button2Page: (PageThermo | PageEntities | PageGrid | null),
+};

ioBroker/README.md

@@ -0,0 +1,172 @@
+# NSPanel ioBroker Integration
+
+## Features
+
+- Thermostat Card
+- Entity Card (Temperature, Switches and sensors, the script tries to figure the unit of measurement automatically)
+- Grid Card
+- Detail Card (only switch and normal dimmer)
+- Live update (when value was changed in the backend and the page is currently open)
+- Screensaver Page with Time, Date and Weather Information.
+
+## Requirements
+- ioBroker
+  - MQTT Broker/Client
+  - Javascript
+  - devices (default)
+  - all devices needs to be defined in the devices panel
+  - supported device roles are light, dimmer, blind, thermostat
+
+## Note
+Currently the names are pulled from the objects data field common.name.de.
+If you use a different language please search and replace the "common.name.de" with your language. 
+You can find this in the device raw settings.
+
+  
+## Installation
+- Import this script into the ioBroker javascript instance and choose Typescript.
+- Make sure the version of the adapter is not to old.
+- Find the config variable and update to your needs.
+- The format strings are not used right now.
+- Make sure your device is connected with the mqtt instance. I didn't get it working with the sonoff adapter, but I didn't tried it too long.
+- Create a state with a mqtt client or create one per hand. The mqtt adapter will not create the state CustomSend
+    - you only need to send a dummy message to cmnd/<yourPanel>/CustomSend 
+    - then the state will be created 
+
+## Update the screensaver string
+The screensaver string which is send to the display looks something like this:
+weatherUpdate,?23?11 °C?26?54%?Batterie?4?12 %?PV?23?123W
+All fields are seperated by a question mark. In detail the fields are:
+weatherUpdate,?Icon?Text?Icon (default humidity)?Text next to the last icon?Text for the left icon on the right side?Icon?Text under the icon?Text for the right icon on the left side?Icon?Text under the icon
+
+See the icons currently usable in the following table:
+
+[Icon Table](../HMI#icons-ids)
+
+You can change the string and devices in the config object.
+
+## Hardware buttons
+If you like you can add special pages for the buttons.
+
+First you need to add this rule to Tasmota:
+
+```
+Rule2 on Button1#state do Publish tele/%topic%/RESULT {"CustomRecv":"event,button1"} endon on Button2#state do Publish tele/%topic%/RESULT {"CustomRecv":"event,button2"} endon
+Rule2
+```
+
+## Colors
+You can define colors this way and use them later in the PageItem element
+```
+const BatteryFull: RGB = { red: 96, green: 176, blue: 62 }
+const BatteryEmpty: RGB = { red: 179, green: 45, blue: 25 }
+```
+## The config element in the script which needs to be configured
+```
+var config: Config = {
+    panelRecvTopic: "mqtt.0.tele.WzDisplay.RESULT",       // This is the object where the panel send the data to.
+    panelSendTopic: "mqtt.0.cmnd.WzDisplay.CustomSend",   // This is the object where data is send to the panel.
+    leftEntity: "alias.0.Batterie.ACTUAL",                // This is a state will be displayed on the left side.
+    leftEntityIcon: 34,                                   // This is a icon which will be displayed on the left side.  
+    leftEntityText: "Batterie",                           // The label for the left side.  
+    leftEntityUnitText: "%",                              // The unit which will be appendon the left side.  
+    rightEntity: "alias.0.Pv.ACTUAL",                     // The same but for the right side.
+    rightEntityIcon: 32,
+    rightEntityText: "PV",
+    rightEntityUnitText: "W",                                                                                     
+    timeoutScreensaver: 15,                               // Timeout for screensaver
+    dimmode: 8,                                           // Display dim
+    locale: "de_DE",                                      // not used right now
+    timeFormat: "%H:%M",                                  // not used right now
+    dateFormat: "%A, %d. %B %Y",                          // not used right now
+    weatherEntity: "alias.0.Wetter",
+    defaultColor: Off,                                    // Default color of all elements
+    defaultOnColor: RGB,                                  // Default on state color for items
+    defaultOffColor: RGB,                                 // Default off state color for page
+    temperatureUnit: "°C",                                // Unit to append on temperature sensors
+    pages: [
+        {
+            "type": "cardEntities",                       // card type (cardEntities, cardThermo)
+            "heading": "Testseite",                       // heading
+            "useColor": false,                             // should colors be enabled on this page, can be overridden in PageItem
+            "items": [                                    // items array (up to 4 on cardEntities, 1 for cardThermo)
+                <PageItem>{ id: "alias.0.Rolladen_Eltern" },                // device which must be configured in the device panel. Use only the folder for the device, not the set, get states ...
+                <PageItem>{ id: "alias.0.Erker" },
+                <PageItem>{ id: "alias.0.Küche", useColor: true },
+                <PageItem>{ id: "alias.0.Wand", useColor: true  }
+
+            ]
+        },
+        {
+            "type": "cardEntities",
+            "heading": "Strom",
+            "useColor": true,                             // should colors be enabled on this page, can be overridden in PageItem
+            "items": [
+                <PageItem>{ id: "alias.0.Netz" },
+                <PageItem>{ id: "alias.0.Hausverbrauch", icon: 4, interpolateColor: true, offColor: BatteryFull, onColor: Red , maxValue: 1000 },
+                <PageItem>{ id: "alias.0.Pv" },
+                <PageItem>{ id: "alias.0.Batterie", icon: 34, interpolateColor: true, offColor: BatteryEmpty, onColor: BatteryFull }
+
+            ]
+        },
+        {
+            "type": "cardThermo",
+            "heading": "Thermostat",
+            "useColor": false,                            // should colors be enabled on this page, can be overridden in PageItem
+            "item": "alias.0.WzNsPanel"                   // Needs to be a thermostat in the device panel
+        }
+    ],
+    button1Page: button1Page,                             // A cardEntities, cardThermo or nothing. This will be opened when pressing button1 
+    button2Page: button2Page                              // you guess it 
+};
+```
+
+The pageItem element:
+```
+type PageItem = {
+    id: string,                             // the element in ioBroker devices 
+    icon: (string | undefined),             // the icon which should be displayed instead of the default detected. (not implemented)
+    onColor: (RGB | undefined),             // the color the item will get when active
+    offColor: (RGB | undefined),            // the color the item will get when inactive
+    useColor: (boolean | undefined)         // override colors, only Grid pages has colors enabled per default
+    interpolateColor: (boolean | undefined),// fade between color on and off, useColor on Page or PageItem must be enabled
+    minValue: (number | undefined),         // the minimum value for the fade calculation, if smaller the minimum value will be used
+    maxValue: (number | undefined),         // the maximum value for the fade calculation, if larger the maximum value will be used
+    buttonText: (string | undefined)        // the Button Text, default is "Press"
+}
+```
+
+
+If you want you can create dedicated objects, so you don't need to declare them again. Then you can use tehm in the pages array and button pages.
+
+```
+var button1Page: PageGrid =
+{
+    "type": "cardGrid",
+    "heading": "Radio",
+    "useColor": true,                             // should colors be enabled on this page, can be overridden in PageItem
+    "items": [
+        <PageItem>{ id: "alias.0.Radio.NJoy" },
+        <PageItem>{ id: "alias.0.Radio.Delta_Radio" },
+        <PageItem>{ id: "alias.0.Radio.NDR2" },
+    ]
+};
+```
+
+Pages array can look like this, so you can add the pages as object or define them in the array itself. This is up to you.
+
+```
+pages: [
+        button1Page,
+        {
+            "type": "cardEntities",
+            "heading": "Strom",
+            "useColor": true,                             // should colors be enabled on this page, can be overridden in PageItem
+            "items": [
+                <PageItem>{ id: "alias.0.Netz" },
+                <PageItem>{ id: "alias.0.Hausverbrauch" },
+                <PageItem>{ id: "alias.0.Pv" },
+                <PageItem>{ id: "alias.0.Batterie" }
+            ]
+        }]
+```

nodered/README.md

@@ -1,11 +1,6 @@
 # Node-Red Flow
 
-## Note: 
-**This flow has been deprecated in favour of the AppDaemon Backend.**
-**It's still functioning with a limited feature set.**
+There is no node-red backend, but for some advanced scenarios nodered can become handy, like remote controlling your nspanel.
 
+![nodered-remote-control](../doc-pics/nodered-remote-control.png)
 
-
-This is the exmaple node red flow which an be used to control the screen over MQTT.
-
-Import the example node-red flow from "node-red-example-flow.json" file and adjust to your needs.

tasmota/README.md

@@ -1,5 +1,44 @@
 # Nextion Berry Driver
 
+This berry driver is intended for the usage with a custom HMI/TFT firmware on nspanel and is a customisted version form [peepshow-21's ns-flash](https://github.com/peepshow-21/ns-flash)
+
+It adds the following commands to Tasmota:
+
+- `Nextion Payload`
+
+Send's normal Nextion Commands to the Screen (suffixed by 0xFFFFFF)
+
+
+- `CustomSend Payload`
+
+Send's normal Custom Commands to the Screen in the following format: 
+`55 BB [payload length] [payload] [crc] [crc]`
+
+- `FlashNextion URL`
+
+Start's flashing a tft file to the nextion screen via Nextion Upload Protocol 1.2
+
+Webserver must be reachable via HTTP
+
+Example: `FlashNextion http://192.168.75.30:8123/local/nspanel.tft`
+
+- `GetDriverVersion`
+
+Returns the version currently defined in the berry script
+
+- `UpdateDriverVersion URL`
+
+Downloads the autoexec.be script from the specified URL and loads it.
+
+
+Besides the commands, serial input will be published on 'RESULT' Topic, depending on the input in one of the following formats:
+- `{"CustomRecv":%s}`
+- `{"nextion":%s}`
+
+
+
+# Nextion Berry Driver Legacy Range (Old version with HTTP Range Method)
+
 This berry driver is intended for the usage with a custom HMI/TFT firmware on nspanel.
 
 It adds the following commands to Tasmota:

tasmota/autoexec-legacy-range.be

@@ -0,0 +1,409 @@
+# Nextion Serial Protocol driver by joBr99 + nextion upload protocol 1.2 (the fast one yay) implementation using http range and tcpclient
+# based on;
+# Sonoff NSPanel Tasmota driver v0.47 | code by blakadder and s-hadinger
+
+class TftDownloader
+    var tcp
+	
+	var host
+	var port
+	var file
+	
+	var s
+	var b
+	var tft_file_size
+	var current_chunk
+	var current_chunk_start
+	var download_range
+
+	
+    def init(host, port, file, download_range)
+        self.tft_file_size = 0
+
+		self.host = host
+		self.port = port
+		self.file = file
+		self.download_range = download_range #32768
+    end
+
+	def download_chunk(b_start, b_length)
+		import string
+		self.tcp = tcpclient()
+		self.tcp.connect(self.host, self.port)
+		print("connected:", self.tcp.connected())
+		self.s = "GET " + self.file + " HTTP/1.0\r\n"
+		self.s += "HOST: " + self.host + "\r\n"
+		self.s += string.format("Range: bytes=%d-%d\r\n", b_start, (b_start+b_length-1))
+		print(string.format("Downloading Byte %d - %d", b_start, (b_start+b_length-1)))
+		self.s += "\r\n"
+		self.tcp.write(self.s)	
+		
+		#read one char after another until we reached end of http header
+		var end_of_header = false
+		var header = ""
+		while !end_of_header
+			if self.tcp.available() > 0
+				header += self.tcp.read(1)
+				if(string.find(header, '\r\n\r\n') != -1)
+					end_of_header = true
+				end
+			end
+		end
+	
+		var content_length = 0
+	
+		# check for 206 status code
+		if(string.find(header, '206 Partial Content') != -1)
+			# download was sucessful
+		else
+			print("Error while downloading")
+			print(header)
+			return nil
+		end
+	
+		# convert header to list
+		header = string.split(header, '\r\n')
+		for i : header.iter()
+			#print(i)
+			if(string.find(i, 'Content-Range:') != -1)
+				if self.tft_file_size == 0
+					print(i)
+					self.tft_file_size = number(string.split(i, '/')[1])
+				end
+			end
+			if(string.find(i, 'Content-Length:') != -1)
+				content_length = number(string.split(i, 16)[1])
+			end
+		end
+		
+		
+		#print(content_length)
+		# read bytes until content_length is reached
+		var content = bytes()
+		while content.size() != content_length
+			if self.tcp.available() > 0
+				content += self.tcp.readbytes()
+			end
+		end
+		#print(content.size())
+		return content
+	end
+	
+	def get_file_size()
+		self.download_chunk(0, 1)
+		return self.tft_file_size
+	end
+	
+	# returns the next 4096 bytes after pos of the tft file
+	def next_chunk(pos)
+		if(self.current_chunk == nil)
+			print("current chunk empty")
+			self.current_chunk = self.download_chunk(pos, self.download_range)
+			self.current_chunk_start = pos
+		end
+		if(pos < self.current_chunk_start)
+			print("Requested pos is below start point of chunk in memory, not implemented")
+		end
+		if(pos >= (self.current_chunk_start+self.download_range))
+			print("Requested pos is after the end of chunk in memory, downloading new range")
+			self.current_chunk = self.download_chunk(pos, self.download_range)
+			self.current_chunk_start = pos
+		end
+		var start_within_current_chunk = pos - self.current_chunk_start
+		return self.current_chunk[start_within_current_chunk..(start_within_current_chunk+4095)]
+	end
+end
+
+class Nextion : Driver
+
+    var ser
+	var flash_size
+	var flash_mode
+	var flash_version
+	var flash_skip
+	var flash_current_byte
+	var tftd
+	var progress_percentage_last
+	static header = bytes('55BB')
+
+    def init()
+        log("NSP: Initializing Driver")
+        self.ser = serial(17, 16, 115200, serial.SERIAL_8N1)
+        self.flash_mode = 0
+		self.flash_version = 1
+		self.flash_skip = false
+		tasmota.add_driver(self)
+    end
+	
+    def crc16(data, poly)
+      if !poly  poly = 0xA001 end
+      # CRC-16 MODBUS HASHING ALGORITHM
+      var crc = 0xFFFF
+      for i:0..size(data)-1
+        crc = crc ^ data[i]
+        for j:0..7
+          if crc & 1
+            crc = (crc >> 1) ^ poly
+          else
+            crc = crc >> 1
+          end
+        end
+      end
+      return crc
+    end
+	
+    def split_55(b)
+      var ret = []
+      var s = size(b)   
+      var i = s-2   # start from last-1
+      while i > 0
+        if b[i] == 0x55 && b[i+1] == 0xBB           
+          ret.push(b[i..s-1]) # push last msg to list
+          b = b[(0..i-1)]   # write the rest back to b
+        end
+        i -= 1
+      end
+      ret.push(b)
+      return ret
+    end
+
+	# encode using custom protocol 55 BB [payload length] [payload length] [payload] [crc] [crc]
+    def encode(payload)
+      var b = bytes()
+      b += self.header
+      b.add(size(payload), 2)   # add size as 2 bytes, little endian
+      b += bytes().fromstring(payload)
+      var msg_crc = self.crc16(b)
+      b.add(msg_crc, 2)       # crc 2 bytes, little endian
+      return b
+    end
+	
+	# send a nextion payload
+	def encodenx(payload)
+		var b = bytes().fromstring(payload)
+		b += bytes('FFFFFF')
+		return b
+	end
+	
+	def sendnx(payload)
+		var payload_bin = self.encodenx(payload)
+		self.ser.write(payload_bin)
+		 print("NSP: Sent =", payload_bin)
+		log("NSP: Nextion command sent = " + str(payload_bin), 3)
+	end
+  
+    def send(payload)
+        var payload_bin = self.encode(payload)
+        if self.flash_mode==1
+            log("NSP: skipped command becuase still flashing", 3)
+        else 
+            self.ser.write(payload_bin)
+            log("NSP: payload sent = " + str(payload_bin), 3)
+        end
+    end
+	
+    def start_flash(url)		
+		import string
+        var host
+        var port
+        var s1 = string.split(url,7)[1]
+        var i = string.find(s1,":")
+        var sa
+        if i<0
+            port = 80
+            i = string.find(s1,"/")
+            sa = string.split(s1,i)
+            host = sa[0]
+        else
+            sa = string.split(s1,i)
+            host = sa[0]
+            s1 = string.split(sa[1],1)[1]
+            i = string.find(s1,"/")
+            sa = string.split(s1,i)
+            port = int(sa[0])
+        end
+        var file = sa[1]
+        #print(host,port,file)
+		
+		self.tftd = TftDownloader(host, port, file, 32768)
+		
+		# get size of tft file
+		self.flash_size = self.tftd.get_file_size()
+		
+		self.flash_mode = 1
+        self.sendnx('DRAKJHSUYDGBNCJHGJKSHBDN')
+        self.sendnx('recmod=0')
+        self.sendnx('recmod=0')
+		self.sendnx("connect")
+		self.sendnx("connect")
+
+		self.flash_current_byte = 0
+    end
+	
+	def write_chunk(b_start)
+		var chunk = self.tftd.next_chunk(b_start)
+		#import string
+		#print(string.format("Sending Byte %d - %d with size of %d", b_start, b_start+4095, chunk.size()))
+		self.ser.write(chunk)
+        return chunk.size()
+    end
+	
+	def flash_nextion()
+		import string
+	    var x = self.write_chunk(self.flash_current_byte)
+		self.flash_current_byte = self.flash_current_byte + x
+		var progress_percentage = (self.flash_current_byte*100/self.flash_size)
+        if (self.progress_percentage_last!=progress_percentage)
+			print(string.format("Flashing Progress ( %d / %d ) [ %d ]", self.flash_current_byte, self.flash_size, progress_percentage))
+            self.progress_percentage_last = progress_percentage
+            tasmota.publish_result(string.format("{\"Flashing\":{\"complete\": %d}}",progress_percentage), "RESULT") 
+        end
+        if (self.flash_current_byte==self.flash_size)
+            log("NSP: Flashing complete")
+            self.flash_mode = 0
+        end
+        tasmota.yield()
+	end
+	
+	def every_100ms()
+        import string
+        if self.ser.available() > 0
+            var msg = self.ser.read()
+            if size(msg) > 0
+                print("NSP: Received Raw =", msg)
+                if self.flash_mode==1
+                    var str = msg[0..-4].asstring()
+                    log(str, 3)
+					# TODO: add check for firmware versions < 126 and send proto 1.1 command for thoose
+                    if (string.find(str,"comok 2")==0)
+						if self.flash_version==1
+							log("NSP: Flashing 1.1")
+							self.sendnx(string.format("whmi-wri %d,115200,1",self.flash_size)) # Nextion Upload Protocol 1.1
+						else
+							log("NSP: Flashing 1.2")
+							self.sendnx(string.format("whmi-wris %d,115200,1",self.flash_size)) # Nextion Upload Protocol 1.2
+						end
+						
+					# skip to byte (upload protocol 1.2)
+					elif (size(msg)==1 && msg[0]==0x08)
+						self.flash_skip = true
+						print("rec 0x08")
+					elif (size(msg)==4 && self.flash_skip)
+						var skip_to_byte = msg[0..4].get(0,4)
+						if(skip_to_byte == 0)
+							print("don't skip, offset is 0")
+						else
+							print("skip to ", skip_to_byte)
+							self.flash_current_byte = skip_to_byte
+						end
+						self.flash_nextion()
+					# send next 4096 bytes (proto 1.1/1.2)
+                    elif (size(msg)==1 && msg[0]==0x05)
+						print("rec 0x05")
+						self.flash_nextion()
+                    end
+                else
+					# Recive messages using custom protocol 55 BB [payload length] [payload length] [payload] [crc] [crc]
+					if msg[0..1] == self.header
+						var lst = self.split_55(msg)
+						for i:0..size(lst)-1
+							msg = lst[i]
+							#var j = msg[2]+2
+							var j = size(msg) - 3
+							msg = msg[4..j]
+							if size(msg) > 2
+								var jm = string.format("{\"CustomRecv\":\"%s\"}",msg.asstring())
+								tasmota.publish_result(jm, "RESULT")
+							end
+						end
+					elif msg == bytes('000000FFFFFF88FFFFFF')
+						log("NSP: Screen Initialized")
+					else
+                        var jm = string.format("{\"nextion\":\"%s\"}",str(msg[0..-4]))
+						tasmota.publish_result(jm, "RESULT")
+					end       			
+                end
+            end
+        end
+    end
+end
+
+def get_current_version(cmd, idx, payload, payload_json)
+	import string
+	var version_of_this_script = 2
+	var jm = string.format("{\"nlui_driver_version\":\"%s\"}", version_of_this_script)
+	tasmota.publish_result(jm, "RESULT")
+end
+
+tasmota.add_cmd('GetDriverVersion', get_current_version)
+
+def update_berry_driver(cmd, idx, payload, payload_json)
+	def task()
+		import string
+		var cl = webclient()
+		cl.begin(payload)
+		var r = cl.GET()
+		if r == 200
+			print("Sucessfully downloaded nspanel-lovelace-ui berry driver")
+		else
+			print("Error while downloading nspanel-lovelace-ui berry driver")
+		end
+		r = cl.write_file("autoexec.be")
+		if r < 0
+			print("Error while writeing nspanel-lovelace-ui berry driver")
+		else
+			print("Scucessfully written nspanel-lovelace-ui berry driver")
+			var s = load('autoexec.be')
+			if s == true
+				var jm = string.format("{\"nlui_driver_update\":\"%s\"}", "succeeded")
+				tasmota.publish_result(jm, "RESULT")
+			else 
+				var jm = string.format("{\"nlui_driver_update\":\"%s\"}", "failed")
+				tasmota.publish_result(jm, "RESULT")
+			end
+			
+		end
+	end
+	tasmota.set_timer(0,task)
+	tasmota.resp_cmnd_done()
+end
+
+tasmota.add_cmd('UpdateDriverVersion', update_berry_driver)
+
+var nextion = Nextion()
+
+def flash_nextion(cmd, idx, payload, payload_json)
+	def task()
+		nextion.flash_version = 1
+        nextion.start_flash(payload)
+    end
+    tasmota.set_timer(0,task)
+    tasmota.resp_cmnd_done()
+end
+
+tasmota.add_cmd('FlashNextion', flash_nextion)
+
+def flash_nextion_1_2(cmd, idx, payload, payload_json)
+	def task()
+		nextion.flash_version = 2
+        nextion.start_flash(payload)
+    end
+    tasmota.set_timer(0,task)
+    tasmota.resp_cmnd_done()
+end
+
+tasmota.add_cmd('FlashNextionFast', flash_nextion_1_2)
+
+def send_cmd(cmd, idx, payload, payload_json)
+    nextion.sendnx(payload)
+    tasmota.resp_cmnd_done()
+end
+
+tasmota.add_cmd('Nextion', send_cmd)
+
+def send_cmd2(cmd, idx, payload, payload_json)
+    nextion.send(payload)
+    tasmota.resp_cmnd_done()
+end
+
+tasmota.add_cmd('CustomSend', send_cmd2)

tasmota/autoexec.be

@@ -1,138 +1,43 @@
-# Nextion Serial Protocol driver by joBr99 + nextion upload protocol 1.2 (the fast one yay) implementation using http range and tcpclient
+# Sonoff NSPanel Tasmota Lovelace UI Berry Driver | code by joBr99
+# based on;
+# Sonoff NSPanel Tasmota (Nextion with Flashing) driver | code by peepshow-21
 # based on;
 # Sonoff NSPanel Tasmota driver v0.47 | code by blakadder and s-hadinger
 
-class TftDownloader
-    var tcp
-	
-	var host
-	var port
-	var file
-	
-	var s
-	var b
-	var tft_file_size
-	var current_chunk
-	var current_chunk_start
-	var download_range
-
-	
-    def init(host, port, file, download_range)
-        self.tft_file_size = 0
-
-		self.host = host
-		self.port = port
-		self.file = file
-		self.download_range = download_range #32768
-    end
-
-	def download_chunk(b_start, b_length)
-		import string
-		self.tcp = tcpclient()
-		self.tcp.connect(self.host, self.port)
-		print("connected:", self.tcp.connected())
-		self.s = "GET " + self.file + " HTTP/1.0\r\n"
-		self.s += "HOST: " + self.host + "\r\n"
-		self.s += string.format("Range: bytes=%d-%d\r\n", b_start, (b_start+b_length-1))
-		print(string.format("Downloading Byte %d - %d", b_start, (b_start+b_length-1)))
-		self.s += "\r\n"
-		self.tcp.write(self.s)	
-		
-		#read one char after another until we reached end of http header
-		var end_of_header = false
-		var header = ""
-		while !end_of_header
-			if self.tcp.available() > 0
-				header += self.tcp.read(1)
-				if(string.find(header, '\r\n\r\n') != -1)
-					end_of_header = true
-				end
-			end
-		end
-	
-		var content_length = 0
-	
-		# check for 206 status code
-		if(string.find(header, '206 Partial Content') != -1)
-			# download was sucessful
-		else
-			print("Error while downloading")
-			print(header)
-			return nil
-		end
-	
-		# convert header to list
-		header = string.split(header, '\r\n')
-		for i : header.iter()
-			#print(i)
-			if(string.find(i, 'Content-Range:') != -1)
-				if self.tft_file_size == 0
-					print(i)
-					self.tft_file_size = number(string.split(i, '/')[1])
-				end
-			end
-			if(string.find(i, 'Content-Length:') != -1)
-				content_length = number(string.split(i, 16)[1])
-			end
-		end
-		
-		
-		#print(content_length)
-		# read bytes until content_length is reached
-		var content = bytes()
-		while content.size() != content_length
-			if self.tcp.available() > 0
-				content += self.tcp.readbytes()
-			end
-		end
-		#print(content.size())
-		return content
-	end
-	
-	def get_file_size()
-		self.download_chunk(0, 1)
-		return self.tft_file_size
-	end
-	
-	# returns the next 4096 bytes after pos of the tft file
-	def next_chunk(pos)
-		if(self.current_chunk == nil)
-			print("current chunk empty")
-			self.current_chunk = self.download_chunk(pos, self.download_range)
-			self.current_chunk_start = pos
-		end
-		if(pos < self.current_chunk_start)
-			print("Requested pos is below start point of chunk in memory, not implemented")
-		end
-		if(pos >= (self.current_chunk_start+self.download_range))
-			print("Requested pos is after the end of chunk in memory, downloading new range")
-			self.current_chunk = self.download_chunk(pos, self.download_range)
-			self.current_chunk_start = pos
-		end
-		var start_within_current_chunk = pos - self.current_chunk_start
-		return self.current_chunk[start_within_current_chunk..(start_within_current_chunk+4095)]
-	end
-end
+# Example Flash
+# FlashNextion http://ip-address-of-your-homeassistant:8123/local/nspanel.tft
+# FlashNextion http://nspanel.pky.eu/lui.tft
 
 class Nextion : Driver
 
-    var ser
-	var flash_size
-	var flash_mode
-	var flash_version
-	var flash_skip
-	var flash_current_byte
-	var tftd
-	var progress_percentage_last
+    static VERSION = "1.1.3"
     static header = bytes('55BB')
 
-    def init()
-        log("NSP: Initializing Driver")
-        self.ser = serial(17, 16, 115200, serial.SERIAL_8N1)
-        self.flash_mode = 0
-		self.flash_version = 1
-		self.flash_skip = false
-		tasmota.add_driver(self)
+    static flash_block_size = 4096
+
+    var flash_mode
+    var flash_size
+    var flash_written
+    var flash_buff
+    var flash_offset
+    var awaiting_offset
+    var tcp
+    var ser
+    var last_per
+
+    def split_55(b)
+      var ret = []
+      var s = size(b)   
+      var i = s-2   # start from last-1
+      while i > 0
+        if b[i] == 0x55 && b[i+1] == 0xBB           
+          ret.push(b[i..s-1]) # push last msg to list
+          b = b[(0..i-1)]   # write the rest back to b
+        end
+        i -= 1
+      end
+      ret.push(b)
+      return ret
     end
 
     def crc16(data, poly)
@@ -152,33 +57,17 @@ class Nextion : Driver
       return crc
     end
 
-    def split_55(b)
-      var ret = []
-      var s = size(b)   
-      var i = s-2   # start from last-1
-      while i > 0
-        if b[i] == 0x55 && b[i+1] == 0xBB           
-          ret.push(b[i..s-1]) # push last msg to list
-          b = b[(0..i-1)]   # write the rest back to b
-        end
-        i -= 1
-      end
-      ret.push(b)
-      return ret
-    end
-
-	# encode using custom protocol 55 BB [payload length] [payload] [crc] [crc]
+	# encode using custom protocol 55 BB [payload length] [payload length] [payload] [crc] [crc]
     def encode(payload)
       var b = bytes()
       b += self.header
-      b.add(size(payload), 1)   # add size as 1 byte
+      b.add(size(payload), 2)   # add size as 2 bytes, little endian
       b += bytes().fromstring(payload)
       var msg_crc = self.crc16(b)
       b.add(msg_crc, 2)       # crc 2 bytes, little endian
       return b
     end
 
-	# send a nextion payload
     def encodenx(payload)
         var b = bytes().fromstring(payload)
         b += bytes('FFFFFF')
@@ -186,23 +75,135 @@ class Nextion : Driver
     end
 
     def sendnx(payload)
+        import string
         var payload_bin = self.encodenx(payload)
         self.ser.write(payload_bin)
-		 print("NSP: Sent =", payload_bin)
-		log("NSP: Nextion command sent = " + str(payload_bin), 3)
+        log(string.format("NXP: Nextion command sent = %s",str(payload_bin)), 3)       
     end
 
     def send(payload)
         var payload_bin = self.encode(payload)
         if self.flash_mode==1
-            log("NSP: skipped command becuase still flashing", 3)
+            log("NXP: skipped command becuase still flashing", 3)
         else 
             self.ser.write(payload_bin)
-            log("NSP: payload sent = " + str(payload_bin), 3)
+            log("NXP: payload sent = " + str(payload_bin), 3)
         end
     end
 
-    def start_flash(url)		
+    def write_to_nextion(b)
+        self.ser.write(b)
+    end
+
+    def screeninit()
+        log("NXP: Screen Initialized")
+		self.sendnx("recmod=1")		
+    end
+
+    def write_block()
+        
+        import string
+        log("FLH: Read block",3)
+        while size(self.flash_buff)<self.flash_block_size && self.tcp.connected()
+            if self.tcp.available()>0
+                self.flash_buff += self.tcp.readbytes()
+            else
+                tasmota.delay(50)
+                log("FLH: Wait for available...",3)
+            end
+        end
+        log("FLH: Buff size "+str(size(self.flash_buff)),3)
+        var to_write
+        if size(self.flash_buff)>self.flash_block_size
+            to_write = self.flash_buff[0..self.flash_block_size-1]
+            self.flash_buff = self.flash_buff[self.flash_block_size..]
+        else
+            to_write = self.flash_buff
+            self.flash_buff = bytes()
+        end
+        log("FLH: Writing "+str(size(to_write)),3)
+        var per = (self.flash_written*100)/self.flash_size
+        if (self.last_per!=per) 
+            self.last_per = per
+            tasmota.publish_result(string.format("{\"Flashing\":{\"complete\": %d}}",per), "RESULT") 
+        end
+        if size(to_write)>0
+            self.flash_written += size(to_write)
+            if self.flash_offset==0 || self.flash_written>self.flash_offset
+                self.ser.write(to_write)
+                self.flash_offset = 0
+            else
+                tasmota.set_timer(10,/->self.write_block())
+            end
+        end
+        log("FLH: Total "+str(self.flash_written),3)
+        if (self.flash_written==self.flash_size)
+            log("FLH: Flashing complete")
+            self.flash_mode = 0
+        end
+
+    end
+
+    def every_100ms()
+        import string
+        if self.ser.available() > 0
+            var msg = self.ser.read()
+            if size(msg) > 0
+                log(string.format("NXP: Received Raw = %s",str(msg)), 3)
+                if (self.flash_mode==1)
+                    var strv = msg[0..-4].asstring()
+                    if string.find(strv,"comok 2")>=0
+                        log("FLH: Send (High Speed) flash start")
+                        self.sendnx(string.format("whmi-wris %d,115200,res0",self.flash_size))
+                    elif size(msg)==1 && msg[0]==0x08
+                        log("FLH: Waiting offset...",3)
+                        self.awaiting_offset = 1
+                    elif size(msg)==4 && self.awaiting_offset==1
+                        self.awaiting_offset = 0
+                        self.flash_offset = msg.get(0,4)
+                        log("FLH: Flash offset marker "+str(self.flash_offset),3)
+                        self.write_block()
+                    elif size(msg)==1 && msg[0]==0x05
+                        self.write_block()
+                    else
+                        log("FLH: Something has gone wrong flashing display firmware ["+str(msg)+"]",2)
+                    end
+                else
+                    var msg_list = self.split_55(msg)
+                    for i:0..size(msg_list)-1
+                        msg = msg_list[i]
+                        if size(msg) > 0
+                            if msg == bytes('000000FFFFFF88FFFFFF')
+                                self.screeninit()
+                            elif size(msg)>=2 && msg[0]==0x55 && msg[1]==0xBB
+                                var jm = string.format("{\"CustomRecv\":\"%s\"}",msg[4..-3].asstring())
+                                tasmota.publish_result(jm, "RESULT")        
+                            elif msg[0]==0x07 && size(msg)==1 # BELL/Buzzer
+                                tasmota.cmd("buzzer 1,1")
+                            else
+                                var jm = string.format("{\"nextion\":\"%s\"}",str(msg[0..-4]))
+                                tasmota.publish_result(jm, "RESULT")        
+                            end
+                        end       
+                    end
+                end
+            end
+        end
+    end      
+
+    def begin_nextion_flash()
+        self.flash_written = 0
+        self.awaiting_offset = 0
+        self.flash_offset = 0
+        self.sendnx('DRAKJHSUYDGBNCJHGJKSHBDN')
+        self.sendnx('recmod=0')
+        self.sendnx('recmod=0')
+        self.flash_mode = 1
+        self.sendnx("connect")        
+    end
+    
+    def open_url(url)
+
         import string
         var host
         var port
@@ -222,114 +223,109 @@ class Nextion : Driver
             sa = string.split(s1,i)
             port = int(sa[0])
         end
-        var file = sa[1]
-        #print(host,port,file)
+        var get = sa[1]
+        log(string.format("FLH: host: %s, port: %s, get: %s",host,port,get))
+        self.tcp = tcpclient()
+        self.tcp.connect(host,port)
+        log("FLH: Connected:"+str(self.tcp.connected()),3)
+        var get_req = "GET "+get+" HTTP/1.0\r\n"
+		get_req += string.format("HOST: %s:%s\r\n\r\n",host,port)
+        self.tcp.write(get_req)
+        var a = self.tcp.available()
+        i = 1
+        while a==0 && i<5
+          tasmota.delay(100*i)
+          tasmota.yield() 
+          i += 1
+          log("FLH: Retry "+str(i),3)
+          a = self.tcp.available()
+        end
+        if a==0
+            log("FLH: Nothing available to read!",3)
+            return
+        end
+        var b = self.tcp.readbytes()
+        i = 0
+        var end_headers = false;
+        var headers
+        while i<size(b) && headers==nil
+            if b[i..(i+3)]==bytes().fromstring("\r\n\r\n") 
+                headers = b[0..(i+3)].asstring()
+                self.flash_buff = b[(i+4)..]
+            else
+                i += 1
+            end
+        end
+        #print(headers)
+		# check http respose for code 200
+		var tag = "200 OK"
+        i = string.find(headers,tag)
+        if (i>0) 
+            log("FLH: HTTP Respose is 200 OK",3)
+		else
+            log("FLH: HTTP Respose is not 200 OK",3)
+			print(headers)
+			return
+        end
+		# check http respose for content-length
+        tag = "Content-Length: "
+        i = string.find(headers,tag)
+        if (i>0) 
+            var i2 = string.find(headers,"\r\n",i)
+            var s = headers[i+size(tag)..i2-1]
+            self.flash_size=int(s)
+        end
+        if self.flash_size==0
+            log("FLH: No size header, counting ...",3)
+            self.flash_size = size(self.flash_buff)
+            #print("counting start ...")
+            while self.tcp.connected()
+                while self.tcp.available()>0
+                    self.flash_size += size(self.tcp.readbytes())
+                end
+                tasmota.delay(50)
+            end
+            #print("counting end ...",self.flash_size)
+            self.tcp.close()
+            self.open_url(url)
+        else
+            log("FLH: Size found in header, skip count",3)
+        end
+        log("FLH: Flash file size: "+str(self.flash_size),3)
 
-		self.tftd = TftDownloader(host, port, file, 32768)
-		
-		# get size of tft file
-		self.flash_size = self.tftd.get_file_size()
-		
-		self.flash_mode = 1
-        self.sendnx('DRAKJHSUYDGBNCJHGJKSHBDN')
-        self.sendnx('recmod=0')
-        self.sendnx('recmod=0')
-		self.sendnx("connect")
-		self.sendnx("connect")
-
-		self.flash_current_byte = 0
     end
 
-	def write_chunk(b_start)
-		var chunk = self.tftd.next_chunk(b_start)
-		#import string
-		#print(string.format("Sending Byte %d - %d with size of %d", b_start, b_start+4095, chunk.size()))
-		self.ser.write(chunk)
-        return chunk.size()
+    def flash_nextion(url)
+
+        self.flash_size = 0
+        self.open_url(url)
+        self.begin_nextion_flash()
+
     end
 
-	def flash_nextion()
+    def version_number(str)
         import string
-	    var x = self.write_chunk(self.flash_current_byte)
-		self.flash_current_byte = self.flash_current_byte + x
-		var progress_percentage = (self.flash_current_byte*100/self.flash_size)
-        if (self.progress_percentage_last!=progress_percentage)
-			print(string.format("Flashing Progress ( %d / %d ) [ %d ]", self.flash_current_byte, self.flash_size, progress_percentage))
-            self.progress_percentage_last = progress_percentage
-            tasmota.publish_result(string.format("{\"Flashing\":{\"complete\": %d}}",progress_percentage), "RESULT") 
+        var i1 = string.find(str,".",0)
+        var i2 = string.find(str,".",i1+1)
+        var num = int(str[0..i1-1])*10000+int(str[i1+1..i2-1])*100+int(str[i2+1..])
+        return num
     end
-        if (self.flash_current_byte==self.flash_size)
-            log("NSP: Flashing complete")
+
+    def init()
+        log("NXP: Initializing Driver")
+        self.ser = serial(17, 16, 115200, serial.SERIAL_8N1)
         self.flash_mode = 0
     end
-        tasmota.yield()
+
 end
 
-	def every_100ms()
-        import string
-        if self.ser.available() > 0
-            var msg = self.ser.read()
-            if size(msg) > 0
-                print("NSP: Received Raw =", msg)
-                if self.flash_mode==1
-                    var str = msg[0..-4].asstring()
-                    log(str, 3)
-					# TODO: add check for firmware versions < 126 and send proto 1.1 command for thoose
-                    if (string.find(str,"comok 2")==0)
-						if self.flash_version==1
-							log("NSP: Flashing 1.1")
-							self.sendnx(string.format("whmi-wri %d,115200,1",self.flash_size)) # Nextion Upload Protocol 1.1
-						else
-							log("NSP: Flashing 1.2")
-							self.sendnx(string.format("whmi-wris %d,115200,1",self.flash_size)) # Nextion Upload Protocol 1.2
-						end
+var nextion = Nextion()
 
-					# skip to byte (upload protocol 1.2)
-					elif (size(msg)==1 && msg[0]==0x08)
-						self.flash_skip = true
-						print("rec 0x08")
-					elif (size(msg)==4 && self.flash_skip)
-						var skip_to_byte = msg[0..4].get(0,4)
-						if(skip_to_byte == 0)
-							print("don't skip, offset is 0")
-						else
-							print("skip to ", skip_to_byte)
-							self.flash_current_byte = skip_to_byte
-						end
-						self.flash_nextion()
-					# send next 4096 bytes (proto 1.1/1.2)
-                    elif (size(msg)==1 && msg[0]==0x05)
-						print("rec 0x05")
-						self.flash_nextion()
-                    end
-                else
-					# Recive messages using custom protocol 55 BB [payload length] [payload] [crc] [crc]
-					if msg[0..1] == self.header
-						var lst = self.split_55(msg)
-						for i:0..size(lst)-1
-							msg = lst[i]
-							var j = msg[2]+2
-							msg = msg[3..j]
-							if size(msg) > 2
-								var jm = string.format("{\"CustomRecv\":\"%s\"}",msg.asstring())
-								tasmota.publish_result(jm, "RESULT")
-							end
-						end
-					elif msg == bytes('000000FFFFFF88FFFFFF')
-						log("NSP: Screen Initialized")
-					else
-                        var jm = string.format("{\"nextion\":\"%s\"}",str(msg[0..-4]))
-						tasmota.publish_result(jm, "RESULT")
-					end       			
-                end
-            end
-        end
-    end
-end
+tasmota.add_driver(nextion)
 
 def get_current_version(cmd, idx, payload, payload_json)
 	import string
-	var version_of_this_script = 2
+	var version_of_this_script = 3
 	var jm = string.format("{\"nlui_driver_version\":\"%s\"}", version_of_this_script)
 	tasmota.publish_result(jm, "RESULT")
 end
@@ -351,7 +347,7 @@ def update_berry_driver(cmd, idx, payload, payload_json)
 		if r < 0
 			print("Error while writeing nspanel-lovelace-ui berry driver")
 		else
-			print("Scucessfully written nspanel-lovelace-ui berry driver")
+			print("Sucessfully written nspanel-lovelace-ui berry driver")
 			var s = load('autoexec.be')
 			if s == true
 				var jm = string.format("{\"nlui_driver_update\":\"%s\"}", "succeeded")
@@ -369,40 +365,24 @@ end
 
 tasmota.add_cmd('UpdateDriverVersion', update_berry_driver)
 
-var nextion = Nextion()
-
 def flash_nextion(cmd, idx, payload, payload_json)
     def task()
-		nextion.flash_version = 1
-        nextion.start_flash(payload)
+        nextion.flash_nextion(payload)
     end
     tasmota.set_timer(0,task)
     tasmota.resp_cmnd_done()
 end
 
-tasmota.add_cmd('FlashNextion', flash_nextion)
-
-def flash_nextion_1_2(cmd, idx, payload, payload_json)
-	def task()
-		nextion.flash_version = 2
-        nextion.start_flash(payload)
-    end
-    tasmota.set_timer(0,task)
-    tasmota.resp_cmnd_done()
-end
-
-tasmota.add_cmd('FlashNextionFast', flash_nextion_1_2)
-
 def send_cmd(cmd, idx, payload, payload_json)
     nextion.sendnx(payload)
     tasmota.resp_cmnd_done()
 end
 
-tasmota.add_cmd('Nextion', send_cmd)
-
 def send_cmd2(cmd, idx, payload, payload_json)
     nextion.send(payload)
     tasmota.resp_cmnd_done()
 end
 
+tasmota.add_cmd('Nextion', send_cmd)
 tasmota.add_cmd('CustomSend', send_cmd2)
+tasmota.add_cmd('FlashNextion', flash_nextion)

test-msg-gen.py

@@ -27,7 +27,7 @@ header = binascii.unhexlify('55BB')
 
 print("length:", len(value))
 
-length = len(value).to_bytes(1, 'little')
+length = len(value).to_bytes(2, 'little')
 
 bytes_payload = header + length + payload