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

HMI/README.md

@@ -35,189 +35,181 @@ The following message should be implemented on all pages
 
 wake screen:
 
-wake
+`wake`
 
 set brightness of screensaver:
 
-dimmode,0 - (screen off)
+`dimmode,0 - (screen off)`
-dimmode,100 - (screen on with full brightness)
+
+`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,15 - timeout after 15 seconds`
-timeout,0 - disable screensaver
+
+`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*,*colorMode*
+`entityUpdateDetail,*iconId*,*iconColor*,*buttonState*,*sliderBrightnessPos*,*sliderColorTempPos*,*colorMode*`
 
-entityUpdateDetail,1,100,78,enable
+`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,*tHeading*,*b1*,*b2*,*tText*
+`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,buttonPress,D,nameEntity,internalNameEntity,1,colorWheel,x|y
+`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,buttonPress,D,D,D,1,notifyAction,yes
+`event,buttonPress2,*internalName*,notifyAction,yes`
 
-event,buttonPress,D,D,D,1,notifyAction,no
+`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,buttonPress,1,tHeading,internalNameEntity,1,volumeSlider,75
+`event,buttonPress2,internalNameEntity,volumeSlider,75`
 
+### cardAlarm Page
+
+`event,buttonPress2,internalNameEntity,actionName,code`
 
 
 # Icons IDs
 
-ID | Icon
+Please see Icon's int the [icons.md file](icons.md)
--- | ----
-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)
 
 # 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/cardMedia.txt

@@ -5,11 +5,18 @@ Page cardMedia
         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
@@ -20,25 +27,6 @@ Page cardMedia
             vis tTmp,0
             vis tId,0
             //vis nPageDisp,0
-            //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
-            //display current page from global var
-            nPageDisp.val=nPage
         
 Variable (string) strCommand
     Attributes
@@ -61,8 +49,28 @@ Number nPageDisp
         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
@@ -71,9 +79,28 @@ Text tSend
         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
@@ -82,9 +109,28 @@ Text tTmp
         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
@@ -93,9 +139,28 @@ Text tInstruction
         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
@@ -104,9 +169,28 @@ Text tId
         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
@@ -115,9 +199,28 @@ Text tHeading
         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
@@ -126,9 +229,28 @@ Text tTitle
         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
@@ -137,9 +259,28 @@ Text tAuthor
         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
@@ -148,20 +289,36 @@ Text t2
         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
-        Text                                : î’¬
+        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,1,tHeading,tEntityName,1,up
+            // event,buttonPress2,entn,media-next
             //craft command
-            // convert pageNumber and write to tTmp
+            tSend.txt="event,buttonPress2,"
-            covx nPage,tTmp.txt,0,0
-            tSend.txt="event,buttonPress,"+tTmp.txt+","
-            tSend.txt+=tHeading.txt+","
             tSend.txt+=entn.txt+","
-            tSend.txt+="1,media-next"
+            tSend.txt+="media-next"
             //send calc crc
             btlen tSend.txt,sys0
             crcrest 1,0xffff // reset CRC
@@ -181,20 +338,36 @@ Text tPlayPause
         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,1,tHeading,tEntityName,1,up
+            // event,buttonPress2,entn,media-pause
             //craft command
-            // convert pageNumber and write to tTmp
+            tSend.txt="event,buttonPress2,"
-            covx nPage,tTmp.txt,0,0
-            tSend.txt="event,buttonPress,"+tTmp.txt+","
-            tSend.txt+=tHeading.txt+","
             tSend.txt+=entn.txt+","
-            tSend.txt+="1,media-pause"
+            tSend.txt+="media-pause"
             //send calc crc
             btlen tSend.txt,sys0
             crcrest 1,0xffff // reset CRC
@@ -214,20 +387,36 @@ Text t0
         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
-        Text                                : î’­
+        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,1,tHeading,tEntityName,1,up
+            // event,buttonPress2,entn,media-back
             //craft command
-            // convert pageNumber and write to tTmp
+            tSend.txt="event,buttonPress2,"
-            covx nPage,tTmp.txt,0,0
-            tSend.txt="event,buttonPress,"+tTmp.txt+","
-            tSend.txt+=tHeading.txt+","
             tSend.txt+=entn.txt+","
-            tSend.txt+="1,media-back"
+            tSend.txt+="media-back"
             //send calc crc
             btlen tSend.txt,sys0
             crcrest 1,0xffff // reset CRC
@@ -247,9 +436,28 @@ Text tIcon
         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
@@ -258,6 +466,15 @@ Picture p0
         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
@@ -266,20 +483,29 @@ Slider hVolume
         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,buttonPress,D,nameEntity,internalNameEntity,1,positionSlider,50
+            // event,buttonPress2,internalNameEntity,volumeSlider,50
             //craft command
-            // convert pageNumber and write to tTmp
+            tSend.txt="event,buttonPress2,"+entn.txt+",volumeSlider,"
-            covx nPage,tTmp.txt,0,0
-            tSend.txt="event,buttonPress,"+tTmp.txt+","
-            tSend.txt+=tHeading.txt+","
-            tSend.txt+=entn.txt+","
-            tSend.txt+="1,volumeSlider,"
             covx hVolume.val,tTmp.txt,0,0
             tSend.txt+=tTmp.txt
             //send calc crc
@@ -301,9 +527,30 @@ Button bNext
         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                                : 
+        Text                                : 
         Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
     
     Events
         Touch Press Event
@@ -334,9 +581,30 @@ Button bPrev
         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                                : 
+        Text                                : 
         Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
     
     Events
         Touch Press Event
@@ -463,14 +731,17 @@ Timer tmSerial
                                         //command format pageType,specialPageName
                                         //write name of speical page to tId
                                         spstr strCommand.txt,tId.txt,",",1
-                                        if(tId.txt=="cardMedia")
+                                        //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")
                                         {
-                                            //yay, we are already on the correct page
+                                            pageIcons.tTmp1.txt=tTmp.txt
-                                        }else
+                                            page popupLight
-                                        {
-                                            //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=="cardEntities")
                                         {
@@ -484,6 +755,18 @@ Timer tmSerial
                                         {
                                             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

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/pageIcons.txt

@@ -5,11 +5,18 @@ Page pageIcons
         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
@@ -18,9 +25,28 @@ Text t0
         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
@@ -29,9 +55,28 @@ Text tIcons
         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
-        Text                                : 
+        Font ID                             : 1
-        Max. Text Size                      : 100
+        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
@@ -40,9 +85,28 @@ Text tTmp1
         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
@@ -51,9 +115,28 @@ Text tTmp2
         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
@@ -62,4 +145,13 @@ Picture p0
         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

@@ -5,11 +5,18 @@ Page pageSerialTest
         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
@@ -24,8 +31,28 @@ Number nCrcRecv
         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
@@ -34,8 +61,28 @@ Number nCrcCalc
         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
@@ -44,8 +91,28 @@ Number nIt
         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
@@ -54,8 +121,28 @@ Number nLength
         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
@@ -64,9 +151,28 @@ Text tStatus
         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
@@ -75,9 +181,28 @@ Text tCmd
         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
@@ -86,9 +211,28 @@ Text tBuffer
         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
@@ -97,9 +241,28 @@ Text tDesc
         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
@@ -108,6 +271,15 @@ Picture p0
         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
@@ -116,9 +288,30 @@ Button b0
         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                                : newtxt
+        Text                                : bck
         Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
     
     Events
         Touch Press Event
@@ -132,9 +325,30 @@ Button b1
         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

HMI/n2t-out/pageStartup.txt

@@ -5,11 +5,18 @@ Page pageStartup
         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
@@ -28,6 +35,7 @@ Page pageStartup
             vis tMsg2,0
             vis tMsg3,0
             vis tVersion,0
+            dim=100
         
         Postinitialize Event
             //send messages by clicking button
@@ -47,8 +55,28 @@ Number frame_ptr
         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
@@ -57,8 +85,28 @@ Number spinner_w
         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
@@ -67,8 +115,28 @@ Number frapic_w
         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
@@ -77,8 +145,28 @@ Number usual_cnt
         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
@@ -87,9 +175,28 @@ Text tSend
         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
@@ -98,9 +205,28 @@ Text tTmp
         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
@@ -109,9 +235,28 @@ Text tInstruction
         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
@@ -120,9 +265,28 @@ Text tId
         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
@@ -131,9 +295,28 @@ Text tMsg1
         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
@@ -142,9 +325,28 @@ Text tMsg2
         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
@@ -153,9 +355,28 @@ Text tMsg3
         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
@@ -164,9 +385,28 @@ Text tVersion
         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
-        Text                                : 2
+        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
@@ -175,6 +415,15 @@ Picture p0
         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
@@ -183,12 +432,34 @@ Button bSendStartup
         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
@@ -204,13 +475,21 @@ Button bSendStartup
             prints tSend.txt,0
             prints crcval,2
         
-Hotspot mSpecial
+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
@@ -298,11 +577,14 @@ Timer tmSerial
                                     }
                                     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
@@ -323,6 +605,22 @@ Timer tmSerial
                                         {
                                             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
@@ -334,15 +632,6 @@ Timer tmSerial
                     // 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 tmSpinner
@@ -354,7 +643,7 @@ Timer tmSpinner
     
     Events
         Timer Event
-            xpic 154,49,spinner_w.val,140,frame_ptr.val,0,12 // draw the current frame
+            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)

HMI/n2t-out/pageSwipeTest.txt

@@ -5,11 +5,18 @@ Page pageSwipeTest
         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
@@ -18,8 +25,28 @@ Number nXS
         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
@@ -28,8 +55,28 @@ Number nYE
         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
@@ -38,8 +85,28 @@ Number nYS
         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
@@ -48,8 +115,28 @@ Number nXE
         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
@@ -58,8 +145,28 @@ Number nYR
         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
@@ -68,8 +175,28 @@ Number nXR
         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
@@ -78,9 +205,28 @@ Text tDesc1
         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
@@ -89,9 +235,28 @@ Text t2
         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
@@ -100,9 +265,28 @@ Text tDirection
         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
@@ -111,9 +295,28 @@ Text t0
         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
@@ -122,9 +325,28 @@ Text tStatusNew
         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
@@ -133,9 +355,28 @@ Text t3
         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
@@ -144,9 +385,28 @@ Text tDirNew
         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
@@ -155,6 +415,15 @@ Picture p0
         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
@@ -163,9 +432,30 @@ Button b8
         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

HMI/n2t-out/pageTest.txt

@@ -5,11 +5,18 @@ Page pageTest
         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
@@ -22,6 +29,15 @@ Picture p0
         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
@@ -30,9 +46,30 @@ Button b0
         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
@@ -45,9 +82,30 @@ Button b1
         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
@@ -60,9 +118,30 @@ Button b2
         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
@@ -75,9 +154,30 @@ Button b3
         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
@@ -90,9 +190,30 @@ Button b6
         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
@@ -105,9 +226,30 @@ Button b4
         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
@@ -120,9 +262,30 @@ Button b5
         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
@@ -135,9 +298,30 @@ Button b7
         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
@@ -150,9 +334,30 @@ Button b8
         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
@@ -166,11 +371,104 @@ Button b9
         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

@@ -5,11 +5,18 @@ Page popupLight
         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
@@ -21,7 +28,7 @@ Page popupLight
             vis tSend,0
             vis tTmp,0
             vis tInstruction,0
-            vis tItem,0
+            vis tId,0
             //page open event
             // event,pageOpenDetail,typeOfPage,tEntityName
             // craft command
@@ -47,15 +54,16 @@ Page popupLight
             vis hTempSlider,0
             //disable color wheel components by default
             vis bColor,0
-            vis pColorWheel,0
             vis t0,0
+            vis pColorWheel,0
+            //vis t0,0
         
 Variable (string) strCommand
     Attributes
         ID            : 17
         Scope         : local
         Text          : 
-        Max. Text Size: 50
+        Max. Text Size: 100
     
 Variable (string) entn
     Attributes
@@ -68,17 +76,11 @@ Variable (int32) mode
     Attributes
         ID   : 23
         Scope: local
-        Value: 0
+        Value: 1
-    
-Variable (int32) mode_bright
-    Attributes
-        ID   : 24
-        Scope: local
-        Value: 0
     
 Variable (int32) mode_temp
     Attributes
-        ID   : 25
+        ID   : 24
         Scope: local
         Value: 0
     
@@ -89,9 +91,28 @@ Text tEntity
         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
@@ -100,9 +121,28 @@ Text tIcon1
         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
-        Text                                : 
+        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
@@ -111,9 +151,28 @@ Text t1
         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
@@ -122,9 +181,28 @@ Text t2
         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
-        Text                                : 
+        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
@@ -133,9 +211,28 @@ Text t3
         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
-        Text                                : 
+        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
@@ -144,9 +241,28 @@ Text t4
         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
@@ -155,9 +271,28 @@ Text tSend
         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
@@ -166,9 +301,28 @@ Text tTmp
         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
@@ -177,31 +331,88 @@ Text tInstruction
         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 tItem
+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                                  : 26
+        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
@@ -210,6 +421,15 @@ Picture p0
         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
@@ -218,15 +438,20 @@ Picture pColorWheel
         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
-            // event,buttonPress,D,nameEntity,internalNameEntity,1,brightnessSlider,50
             //craft command
-            tSend.txt="event,buttonPress,D,"
+            tSend.txt="event,buttonPress2,"+entn.txt+",colorWheel,"
-            tSend.txt+=tEntity.txt+","
-            tSend.txt+=entn.txt+","
-            tSend.txt+="1,colorWheel,"
             sys0=tch0
             sys0=sys0-pColorWheel.x
             covx sys0,tTmp.txt,0,0
@@ -255,39 +480,28 @@ Slider hBrightness
         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 Press Event
-            // event,buttonPress,D,nameEntity,internalNameEntity,1,brightnessSlider,50
-            //craft command
-            tSend.txt="event,buttonPress,D,"
-            tSend.txt+=tEntity.txt+","
-            tSend.txt+=entn.txt+","
-            tSend.txt+="1,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
-        
         Touch Release Event
-            // event,buttonPress,D,nameEntity,internalNameEntity,1,brightnessSlider,50
             //craft command
-            tSend.txt="event,buttonPress,D,"
+            tSend.txt="event,buttonPress2,"+entn.txt+",brightnessSlider,"
-            tSend.txt+=tEntity.txt+","
-            tSend.txt+=entn.txt+","
-            tSend.txt+="1,brightnessSlider,"
             covx hBrightness.val,tTmp.txt,0,0
             tSend.txt+=tTmp.txt
             //send calc crc
@@ -309,39 +523,28 @@ Slider hTempSlider
         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 Press Event
-            // event,buttonPress,D,nameEntity,internalNameEntity,1,colorTempSlider,50
-            //craft command
-            tSend.txt="event,buttonPress,D,"
-            tSend.txt+=tEntity.txt+","
-            tSend.txt+=entn.txt+","
-            tSend.txt+="1,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
-        
         Touch Release Event
-            // event,buttonPress,D,nameEntity,internalNameEntity,1,colorTempSlider,50
             //craft command
-            tSend.txt="event,buttonPress,D,"
+            tSend.txt="event,buttonPress2,"+entn.txt+",colorTempSlider,"
-            tSend.txt+=tEntity.txt+","
-            tSend.txt+=entn.txt+","
-            tSend.txt+="1,colorTempSlider,"
             covx hTempSlider.val,tTmp.txt,0,0
             tSend.txt+=tTmp.txt
             //send calc crc
@@ -363,13 +566,50 @@ Button b0
         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                                : î…•
+        Text                                : 
         Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
     
     Events
         Touch Press Event
-            page cardEntities
+            //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
@@ -378,37 +618,47 @@ Button bColor
         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                                : 
+        Text                                : 
         Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
     
     Events
         Touch Press Event
-            if(mode.val==0)
+            if(mode.val==1)
             {
-                mode.val=1
+                mode.val=0
+                //enable color wheel
                 vis pColorWheel,1
-                vis t0,1
-                //disable brightness
-                vis t1,0
-                vis t2,0
-                vis hBrightness,0
                 //disable color temp
                 vis t4,0
                 vis t3,0
                 vis hTempSlider,0
             }else
             {
-                mode.val=0
+                mode.val=1
+                //disable color wheel
                 vis pColorWheel,0
-                vis t0,0
-                if(mode_bright.val==1)
-                {
-                    //enable brightness
-                    vis t1,1
-                    vis t2,1
-                    vis hBrightness,1
-                }
                 if(mode_temp.val==1)
                 {
                     //enable color temp
@@ -425,18 +675,31 @@ Dual-state Button btOnOff1
         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
-            // event,buttonPress,D,nameEntity,internalNameEntity,1,OnOff,1
             //craft command
-            tSend.txt="event,buttonPress,D,"
+            tSend.txt="event,buttonPress2,"+entn.txt+","+"OnOff,"
-            tSend.txt+=tEntity.txt+","
-            tSend.txt+=entn.txt+","
-            tSend.txt+="1,OnOff,"
             covx btOnOff1.val,tTmp.txt,0,0
             tSend.txt+=tTmp.txt
             //send calc crc
@@ -467,7 +730,8 @@ Timer tmSleep
                 {
                     screensaver.originPage.val=dp
                     sleepValue=0
-                    page cardEntities
+                    click b0,1
+                    click b0,0
                 }
             }
         
@@ -525,49 +789,89 @@ Timer tmSerial
                                     spstr strCommand.txt,tInstruction.txt,",",0
                                     if(tInstruction.txt=="entityUpdateDetail")
                                     {
-                                        // get Button State
+                                        // 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,",",2
+                                        spstr strCommand.txt,tTmp.txt,",",4
                                         if(tTmp.txt=="disable")
                                         {
                                             vis t1,0
                                             vis t2,0
                                             vis hBrightness,0
-                                            mode_bright.val=0
                                         }else
                                         {
                                             vis t1,1
                                             vis t2,1
                                             vis hBrightness,1
-                                            mode_bright.val=1
                                             covx tTmp.txt,sys0,0,0
                                             hBrightness.val=sys0
                                         }
                                         // get ColorTemp value
-                                        spstr strCommand.txt,tTmp.txt,",",3
+                                        spstr strCommand.txt,tTmp.txt,",",5
                                         if(tTmp.txt=="disable")
                                         {
-                                            vis t4,0
-                                            vis t3,0
                                             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
                                         {
-                                            vis t4,1
+                                            mode_temp.val=0
-                                            vis t3,1
                                             vis hTempSlider,1
-                                            mode_temp.val=1
+                                            vis t3,1
-                                            covx tTmp.txt,sys0,0,0
+                                            vis t4,1
-                                            hTempSlider.val=sys0
+                                            // mode == 0 is rgb controls currently shown
+                                            if(mode.val==0)
+                                            {
+                                                // switch mode
+                                                click bColor,1
+                                                click bColor,0
+                                            }
                                         }
-                                        // get ColorWheel value
+                                        // get Color value
-                                        spstr strCommand.txt,tTmp.txt,",",4
+                                        spstr strCommand.txt,tTmp.txt,",",6
-                                        if(tTmp.txt!="disable")
+                                        // 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")
@@ -585,7 +889,6 @@ Timer tmSerial
                                         // get value
                                         spstr strCommand.txt,tTmp.txt,",",1
                                         covx tTmp.txt,dimValue,0,0
-                                        dim=dimValue
                                     }
                                     if(tInstruction.txt=="timeout")
                                     {
@@ -593,6 +896,43 @@ Timer tmSerial
                                         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
@@ -603,15 +943,6 @@ Timer tmSerial
                     // 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

HMI/n2t-out/popupNotify.txt

@@ -5,11 +5,18 @@ Page popupNotify
         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
@@ -17,11 +24,266 @@ Page popupNotify
             vis tSend,0
             vis tTmp,0
             vis tInstruction,0
-            vis tItem,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,pageOpenDetail,typeOfPage,tEntityName
+            // event,pageOpen,cardEntities,pageNumber
             // craft command
-            tSend.txt="event,pageOpenDetail,notify"
+            // 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
@@ -34,102 +296,6 @@ Page popupNotify
             prints tSend.txt,0
             prints crcval,2
         
-Variable (string) strCommand
-    Attributes
-        ID            : 8
-        Scope         : local
-        Text          : 
-        Max. Text Size: 500
-    
-Text tSend
-    Attributes
-        ID                                  : 3
-        Scope                               : local
-        Dragging                            : 0
-        Disable release event after dragging: 0
-        Send Component ID                   : disabled
-        Associated Keyboard                 : none
-        Text                                : newtxt
-        Max. Text Size                      : 100
-    
-Text tTmp
-    Attributes
-        ID                                  : 4
-        Scope                               : local
-        Dragging                            : 0
-        Disable release event after dragging: 0
-        Send Component ID                   : disabled
-        Associated Keyboard                 : none
-        Text                                : 
-        Max. Text Size                      : 10
-    
-Text tInstruction
-    Attributes
-        ID                                  : 9
-        Scope                               : local
-        Dragging                            : 0
-        Disable release event after dragging: 0
-        Send Component ID                   : disabled
-        Associated Keyboard                 : none
-        Text                                : 
-        Max. Text Size                      : 20
-    
-Text tItem
-    Attributes
-        ID                                  : 10
-        Scope                               : local
-        Dragging                            : 0
-        Disable release event after dragging: 0
-        Send Component ID                   : disabled
-        Associated Keyboard                 : none
-        Text                                : 
-        Max. Text Size                      : 20
-    
-Text tHeading
-    Attributes
-        ID                                  : 11
-        Scope                               : local
-        Dragging                            : 0
-        Disable release event after dragging: 0
-        Send Component ID                   : disabled
-        Associated Keyboard                 : none
-        Text                                : 
-        Max. Text Size                      : 40
-    
-Text tText
-    Attributes
-        ID                                  : 12
-        Scope                               : local
-        Dragging                            : 0
-        Disable release event after dragging: 0
-        Send Component ID                   : disabled
-        Associated Keyboard                 : none
-        Text                                : 
-        Max. Text Size                      : 300
-    
-Picture p0
-    Attributes
-        ID                                  : 1
-        Scope                               : local
-        Dragging                            : 0
-        Disable release event after dragging: 0
-        Send Component ID                   : disabled
-    
-Button b0
-    Attributes
-        ID                                  : 2
-        Scope                               : local
-        Dragging                            : 0
-        Disable release event after dragging: 0
-        Send Component ID                   : disabled
-        State                               : unpressed
-        Text                                : î…•
-        Max. Text Size                      : 10
-    
-    Events
-        Touch Press Event
-            page cardEntities
-        
 Button b2
     Attributes
         ID                                  : 13
@@ -137,14 +303,36 @@ Button b2
         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,buttonPress,D,D,D,1,notifyAction,yes"
+            tSend.txt="event,buttonPress2,"+entn.txt+",notifyAction,yes"
             //send calc crc
             btlen tSend.txt,sys0
             crcrest 1,0xffff // reset CRC
@@ -164,14 +352,36 @@ Button b1
         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,buttonPress,D,D,D,1,notifyAction,no"
+            tSend.txt="event,buttonPress2,"+entn.txt+",notifyAction,no"
             //send calc crc
             btlen tSend.txt,sys0
             crcrest 1,0xffff // reset CRC
@@ -200,7 +410,8 @@ Timer tmSleep
                 {
                     screensaver.originPage.val=dp
                     sleepValue=0
-                    page cardEntities
+                    click b0,1
+                    click b0,0
                 }
             }
         
@@ -258,14 +469,46 @@ Timer tmSerial
                                     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,",",1
+                                        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,",",2
+                                        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,",",3
+                                        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,",",4
+                                        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")
                                     {
@@ -282,7 +525,6 @@ Timer tmSerial
                                         // get value
                                         spstr strCommand.txt,tTmp.txt,",",1
                                         covx tTmp.txt,dimValue,0,0
-                                        dim=dimValue
                                     }
                                     if(tInstruction.txt=="timeout")
                                     {
@@ -290,6 +532,53 @@ Timer tmSerial
                                         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

HMI/n2t-out/popupShutter.txt

@@ -5,11 +5,18 @@ Page popupShutter
         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
@@ -21,7 +28,7 @@ Page popupShutter
             vis tSend,0
             vis tTmp,0
             vis tInstruction,0
-            vis tItem,0
+            vis tId,0
             //page open event
             // event,pageOpenDetail,typeOfPage,tEntityName
             // craft command
@@ -59,9 +66,28 @@ Text tEntity
         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
@@ -70,9 +96,28 @@ Text tIcon1
         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
-        Text                                : î–°
+        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
@@ -81,9 +126,28 @@ Text tSend
         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
@@ -92,9 +156,28 @@ Text tTmp
         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
@@ -103,20 +186,58 @@ Text tInstruction
         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 tItem
+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
@@ -125,9 +246,28 @@ Text t1
         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
@@ -136,6 +276,15 @@ Picture p0
         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
@@ -144,18 +293,29 @@ Slider hPosition
         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,buttonPress,D,nameEntity,internalNameEntity,1,positionSlider,50
+            // event,buttonPress2,internalNameEntity,positionSlider,50
             //craft command
-            tSend.txt="event,buttonPress,D,"
+            tSend.txt="event,buttonPress2,"+entn.txt+",positionSlider,"
-            tSend.txt+=tEntity.txt+","
-            tSend.txt+=entn.txt+","
-            tSend.txt+="1,positionSlider,"
             covx hPosition.val,tTmp.txt,0,0
             tSend.txt+=tTmp.txt
             //send calc crc
@@ -177,13 +337,50 @@ Button b0
         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                                : î…•
+        Text                                : 
         Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
     
     Events
         Touch Press Event
-            page cardEntities
+            //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
@@ -192,20 +389,34 @@ Button bDown1
         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                                : 
+        Text                                : 
         Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
     
     Events
         Touch Press Event
-            // event,1,tHeading,tEntityName,1,up
+            tSend.txt="event,buttonPress2,"+entn.txt+",down"
-            //craft command
-            // convert pageNumber and write to tTmp
-            covx nPage,tTmp.txt,0,0
-            tSend.txt="event,buttonPress,"+tTmp.txt+","
-            tSend.txt+=tEntity.txt+","
-            tSend.txt+=entn.txt+","
-            tSend.txt+="1,down"
             //send calc crc
             btlen tSend.txt,sys0
             crcrest 1,0xffff // reset CRC
@@ -225,20 +436,34 @@ Button bStop1
         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                                : î“š
+        Text                                : 
         Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
     
     Events
         Touch Press Event
-            // event,1,tHeading,tEntityName,1,up
+            tSend.txt="event,buttonPress2,"+entn.txt+",stop"
-            //craft command
-            // convert pageNumber and write to tTmp
-            covx nPage,tTmp.txt,0,0
-            tSend.txt="event,buttonPress,"+tTmp.txt+","
-            tSend.txt+=tEntity.txt+","
-            tSend.txt+=entn.txt+","
-            tSend.txt+="1,stop"
             //send calc crc
             btlen tSend.txt,sys0
             crcrest 1,0xffff // reset CRC
@@ -258,20 +483,34 @@ Button bUp1
         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                                : 
+        Text                                : 
         Max. Text Size                      : 10
+        Word wrap                           : disabled
+        Horizontal Spacing                  : 0
+        Vertical Spacing                    : 0
     
     Events
         Touch Press Event
-            // event,1,tHeading,tEntityName,1,up
+            tSend.txt="event,buttonPress2,"+entn.txt+",up"
-            //craft command
-            // convert pageNumber and write to tTmp
-            covx nPage,tTmp.txt,0,0
-            tSend.txt="event,buttonPress,"+tTmp.txt+","
-            tSend.txt+=tEntity.txt+","
-            tSend.txt+=entn.txt+","
-            tSend.txt+="1,up"
             //send calc crc
             btlen tSend.txt,sys0
             crcrest 1,0xffff // reset CRC
@@ -300,7 +539,8 @@ Timer tmSleep
                 {
                     screensaver.originPage.val=dp
                     sleepValue=0
-                    page cardEntities
+                    click b0,1
+                    click b0,0
                 }
             }
         
@@ -368,7 +608,6 @@ Timer tmSerial
                                         // get value
                                         spstr strCommand.txt,tTmp.txt,",",1
                                         covx tTmp.txt,dimValue,0,0
-                                        dim=dimValue
                                     }
                                     if(tInstruction.txt=="time")
                                     {
@@ -386,6 +625,48 @@ Timer tmSerial
                                         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

HMI/n2t-out/screensaver.txt

@@ -5,11 +5,18 @@ Page screensaver
         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
@@ -85,8 +92,28 @@ Number originPage
         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
@@ -95,9 +122,28 @@ Text tInstruction
         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
@@ -106,9 +152,28 @@ Text tTmp
         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
@@ -117,9 +182,28 @@ Text tTime
         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
@@ -128,9 +212,28 @@ Text tDate
         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
@@ -139,9 +242,28 @@ Text tSend
         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
@@ -150,9 +272,28 @@ Text tMainIcon
         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
-        Text                                : î–˜
+        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
@@ -161,9 +302,28 @@ Text tMainText
         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
@@ -172,9 +332,28 @@ Text tMRIcon
         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
-        Text                                : î––
+        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
@@ -183,9 +362,28 @@ Text tMR
         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
@@ -194,9 +392,28 @@ Text tForecast1
         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
@@ -205,9 +422,28 @@ Text tForecast1Val
         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
@@ -216,9 +452,28 @@ Text tF1Icon
         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
-        Text                                : î–˜
+        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
@@ -227,9 +482,28 @@ Text tForecast2
         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
@@ -238,9 +512,28 @@ Text tF2Icon
         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
-        Text                                : î–˜
+        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
@@ -249,9 +542,28 @@ Text tForecast2Val
         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
@@ -260,9 +572,28 @@ Text t10
         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
@@ -271,6 +602,15 @@ Picture p0
         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
@@ -326,8 +666,8 @@ Timer tmSerial
                                     spstr strCommand.txt,tInstruction.txt,",",0
                                     if(tInstruction.txt=="wake")
                                     {
-                                        dim=100
+                                        //dim=100
-                                        page originPage.val
+                                        click tc0,1
                                     }
                                     if(tInstruction.txt=="dimmode")
                                     {
@@ -385,13 +725,24 @@ Timer tmSerial
                                         //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
@@ -416,6 +767,22 @@ Timer tmSerial
                                         {
                                             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
@@ -437,6 +804,23 @@ TouchCap tc0
     
     Events
         Touch Press Event
-            dim=100
+            //page open event
-            page originPage.val
+            // 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
+- Entities Page with support for cover, switch, input_boolean, binary_sensor, sensor, button, scenes, input_button and light
-- Detail Pages for Lights (Brightness and Temperature of the Light) and for Covers (Position)
+- 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
@@ -33,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)
@@ -42,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)
@@ -52,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)
 
 
@@ -70,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
+## Installation - Home Automation Part (Home Assistant)
-
-### Installing Home Assistant
 
 ### Installing AppDaemon
 
@@ -83,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. 
@@ -116,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
@@ -131,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 🎉
@@ -166,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.
 
@@ -176,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.
+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 needs to support HTTP Range Header Requests, python2/3 http server doesn't work**
 
 **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
@@ -225,21 +245,24 @@ You can have multiple nspanel sections.
 
 ```yaml
 nspanel-1:
-  module: nspanel-lovelance-ui
+  module: nspanel-lovelace-ui
-  class: NsPanelLovelanceUIManager
+  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
@@ -255,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.example_scene
-          - scene.moodlights
           - 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
@@ -277,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.
+2. Make sure to use HTTP and **not HTTPS**
-3. 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
+  module: nspanel-lovelace-ui
-  class: NsPanelLovelanceUIManager
+  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.example_scene
-          - scene.moodlights
           - 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,486 +0,0 @@
-import json
-import datetime
-import hassapi as hass
-
-import math
-import colorsys
-
-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(), 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
-          # 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")
-        self.generate_detail_page(msg[2], msg[3])
-
-      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.api.log("Send Message from Tasmota: %s", msg, level="DEBUG")
-    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 == "colorWheel"):
-      self.api.log(optVal)
-      optVal = optVal.split('|')
-      color = self.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)
-
-  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)
-        if(entity.startswith("cover")):
-          self.generate_detail_page("popupShutter", entity)
-        if(entity.startswith("light")):
-          self.generate_detail_page("popupLight", entity)
-
-      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)
-
-  def generate_detail_page(self, page_type, entity):
-    if(page_type == "popupLight"):
-      entity = self.api.get_entity(entity)
-      switch_val = 1 if entity.state == "on" else 0
-      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(self.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(self.scale(entity.attributes.color_temp,(entity.attributes.min_mireds, entity.attributes.max_mireds),(0,100)))
-          else:
-            color_temp = 0
-        else:
-          color_temp = "disable"
-        if "xy" in entity.attributes.supported_color_modes:
-          color = "enable"
-        else:
-          color = "disable"
-      self.send_mqtt_msg(f"entityUpdateDetail,{switch_val},{brightness},{color_temp},{color}")
-
-    if(page_type == "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))
-
-  def hsv2rgb(self, h, s, v):
-      hsv = colorsys.hsv_to_rgb(h,s,v)
-      return tuple(round(i * 255) for i in hsv)
-  def pos_to_color(self, x, y):
-      r = 213/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 = self.hsv2rgb(hsv[0],hsv[1],hsv[2])
-      return rgb

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
+  module: nspanel-lovelace-ui
-  class: NsPanelLovelanceUIManager
+  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.example_scene
-          - scene.moodlights
           - 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: 
+There is no node-red backend, but for some advanced scenarios nodered can become handy, like remote controlling your nspanel.
-**This flow has been deprecated in favour of the AppDaemon Backend.**
-**It's still functioning with a limited feature set.**
 
+![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,140 +1,45 @@
-# 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
+# Example Flash
-    var tcp
+# FlashNextion http://ip-address-of-your-homeassistant:8123/local/nspanel.tft
-	
+# FlashNextion http://nspanel.pky.eu/lui.tft
-	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
+    static VERSION = "1.1.3"
-	var flash_size
+    static header = bytes('55BB')
-	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()
+    static flash_block_size = 4096
-        log("NSP: Initializing Driver")
+
-        self.ser = serial(17, 16, 115200, serial.SERIAL_8N1)
+    var flash_mode
-        self.flash_mode = 0
+    var flash_size
-		self.flash_version = 1
+    var flash_written
-		self.flash_skip = false
+    var flash_buff
-		tasmota.add_driver(self)
+    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)
       if !poly  poly = 0xA001 end
       # CRC-16 MODBUS HASHING ALGORITHM
@@ -151,21 +56,6 @@ class Nextion : Driver
       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)
@@ -177,33 +67,144 @@ class Nextion : Driver
       b.add(msg_crc, 2)       # crc 2 bytes, little endian
       return b
     end
-	
+
-	# send a nextion payload
+    def encodenx(payload)
-	def encodenx(payload)
+        var b = bytes().fromstring(payload)
-		var b = bytes().fromstring(payload)
+        b += bytes('FFFFFF')
-		b += bytes('FFFFFF')
+        return b
-		return b
+    end
-	end
+
-	
+    def sendnx(payload)
-	def sendnx(payload)
+        import string
-		var payload_bin = self.encodenx(payload)
+        var payload_bin = self.encodenx(payload)
-		self.ser.write(payload_bin)
+        self.ser.write(payload_bin)
-		 print("NSP: Sent =", payload_bin)
+        log(string.format("NXP: Nextion command sent = %s",str(payload_bin)), 3)       
-		log("NSP: Nextion command sent = " + str(payload_bin), 3)
+    end
-	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)
-		import string
+        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
         var s1 = string.split(url,7)[1]
@@ -222,115 +223,109 @@ class Nextion : Driver
             sa = string.split(s1,i)
             port = int(sa[0])
         end
-        var file = sa[1]
+        var get = sa[1]
-        #print(host,port,file)
+        log(string.format("FLH: host: %s, port: %s, get: %s",host,port,get))
-		
+        self.tcp = tcpclient()
-		self.tftd = TftDownloader(host, port, file, 32768)
+        self.tcp.connect(host,port)
-		
+        log("FLH: Connected:"+str(self.tcp.connected()),3)
-		# get size of tft file
+        var get_req = "GET "+get+" HTTP/1.0\r\n"
-		self.flash_size = self.tftd.get_file_size()
+		get_req += string.format("HOST: %s:%s\r\n\r\n",host,port)
-		
+        self.tcp.write(get_req)
-		self.flash_mode = 1
+        var a = self.tcp.available()
-        self.sendnx('DRAKJHSUYDGBNCJHGJKSHBDN')
+        i = 1
-        self.sendnx('recmod=0')
+        while a==0 && i<5
-        self.sendnx('recmod=0')
+          tasmota.delay(100*i)
-		self.sendnx("connect")
+          tasmota.yield() 
-		self.sendnx("connect")
+          i += 1
-
+          log("FLH: Retry "+str(i),3)
-		self.flash_current_byte = 0
+          a = self.tcp.available()
-    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)
+        if a==0
-            log("NSP: Flashing complete")
+            log("FLH: Nothing available to read!",3)
-            self.flash_mode = 0
+            return
         end
-        tasmota.yield()
+        var b = self.tcp.readbytes()
-	end
+        i = 0
-	
+        var end_headers = false;
-	def every_100ms()
+        var headers
-        import string
+        while i<size(b) && headers==nil
-        if self.ser.available() > 0
+            if b[i..(i+3)]==bytes().fromstring("\r\n\r\n") 
-            var msg = self.ser.read()
+                headers = b[0..(i+3)].asstring()
-            if size(msg) > 0
+                self.flash_buff = b[(i+4)..]
-                print("NSP: Received Raw =", msg)
+            else
-                if self.flash_mode==1
+                i += 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
+        #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)
+
     end
+
+    def flash_nextion(url)
+
+        self.flash_size = 0
+        self.open_url(url)
+        self.begin_nextion_flash()
+
+    end
+
+    def version_number(str)
+        import string
+        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
+
+    def init()
+        log("NXP: Initializing Driver")
+        self.ser = serial(17, 16, 115200, serial.SERIAL_8N1)
+        self.flash_mode = 0
+    end
+
 end
 
+var nextion = Nextion()
+
+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
@@ -352,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")
@@ -370,40 +365,24 @@ end
 
 tasmota.add_cmd('UpdateDriverVersion', update_berry_driver)
 
-var nextion = Nextion()
-
 def flash_nextion(cmd, idx, payload, payload_json)
-	def task()
+    def task()
-		nextion.flash_version = 1
+        nextion.flash_nextion(payload)
-        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('Nextion', send_cmd)
 tasmota.add_cmd('CustomSend', send_cmd2)
+tasmota.add_cmd('FlashNextion', flash_nextion)