From d7996f5e6f0e34a9ecbafcd4263f166b9b827104 Mon Sep 17 00:00:00 2001 From: wendtc <50050028+wendtc@users.noreply.github.com> Date: Fri, 18 Nov 2022 01:00:23 +0100 Subject: [PATCH 1/5] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index de77f34..acc14a5 100644 --- a/README.md +++ b/README.md @@ -141,7 +141,7 @@ In addition, another NSPanel can be configured very quickly. But have a look you 3. den Code aus der Datei blueprint.yaml kopieren und eine neue yaml Datei unter config/blueprints erstellen und den Code einfügen 4. HA Automationen neu starten -> Enticklerwerkzege -> YAML -> Automatisierungen 5. den Code aus der Datei sensor.yaml und climate.yaml kopieren und eine eigenen yaml Datei erstellen. Der Code wird in zukunft direkt im Blueprint eingebaut. -6. den Code aus der Datei folder_wather kopieren und in der coniguration.yaml einfügen +6. den Code aus der Datei folder_watcher kopieren und in der configuration.yaml einfügen 7. TFT File auf Home Assistant hochladen (Der Pfad kann später im Blueprint angegeben werden 8. Blueprint unter Automationen auswählen und und Felder ausfüllen. From 18dbef4b12805d8eeee9baed11d431f8469aeb6c Mon Sep 17 00:00:00 2001 From: Blackymas <41958506+Blackymas@users.noreply.github.com> Date: Wed, 23 Nov 2022 23:46:32 +0100 Subject: [PATCH 2/5] NEW Version 2.0.0 --- README.md | 179 ++++++++++++++++++++++++++---------------------------- 1 file changed, 86 insertions(+), 93 deletions(-) diff --git a/README.md b/README.md index acc14a5..41dd0c9 100644 --- a/README.md +++ b/README.md @@ -1,27 +1,60 @@ # NSPanel Custom with HA Blueprint -Custom Firmware for NsPanel (esphome) and HA Blueprint with configuration of button, light settings, thermostate, colorwheel, colortemp, cover, weather preview, automatic TFT upload etc. +This project allows you to configure your complete NSPanel via a Blueprint with UI. +### *That means you don't have to customize any code or change any lines in the code.* -Why another version for the NSPanel? -Well - all versions I've seen have been missing something everywhere. -That's why I decided to create something myself. +So you have a nice graphical interface where you can build your NSPanel. +And the best thing is, the installation takes only a few minutes. -My thanks to Masto, Marcfager, lovejoy777, Hellis81 and SmartHome yourself ( link see below) for sharing your code. Give them the credit they deserve, I'm merely a copy paste ninja. XDD +The goal was to create a version that allows everyone to use the NSpanel fully local without having to deal with programming or reading hours of documentation - *AND YES WE DID IT!!!!* ;) + +📕 Full documentation and installation is available here [NSPanel Configuration, Setup and HowTo ](https://github.com/Blackymas/NSPanel_HA_Blueprint/wiki). (coming soon) -### GOAL: -My goal was to create a version that could be quickly adopted for multiple NSPanels. -In addition, the configuration should be as simple as possible. Therefore I decided to put most of it into a HA Blueprint +ℹ️ Version 2.0.0 + -In addition, another NSPanel can be configured very quickly. But have a look yourself ;) +## NSPanel: +![2 Home](https://user-images.githubusercontent.com/41958506/203653897-cf96a7af-2b92-4ad9-a375-987decad5aa7.png) +![3 Buttonpage](https://user-images.githubusercontent.com/41958506/203654022-c6d81263-ce56-4a84-917a-9d4911f19f55.png) + +(Home and Buttonpage) + + +![4 lightsetting 1](https://user-images.githubusercontent.com/41958506/203654055-943d1910-7673-4d9f-ad81-7ef00d155e5a.png) +![5 Lightsetting 2](https://user-images.githubusercontent.com/41958506/203654076-93e110df-f314-4cf1-8500-ed667f2202fd.png) + +(Lightsettings - Brightness and TEMP Color) + + +![6 Lightsetting 3](https://user-images.githubusercontent.com/41958506/203654179-f7303b02-c886-4890-b976-cb498940a627.png) +![7 Thermostat](https://user-images.githubusercontent.com/41958506/203654189-4294b634-430f-423c-b170-9f1680f94b0e.png) + +(Colorwheel and Thermostat) + + +![8 Cover](https://user-images.githubusercontent.com/41958506/203654290-c6ec2f2f-7924-492c-914c-0d96dc3907e0.png) +![9 Weather](https://user-images.githubusercontent.com/41958506/203654307-24000d00-b7e1-47eb-bd64-9e97b508db52.png) + +(Coversetting and Weather Forcast) + + +![10 Settings](https://user-images.githubusercontent.com/41958506/203654386-e4e574ad-8674-4268-84dd-1c4e40f98eb9.png) + +(NSPanel Settings) + + +## Blueprint: +![Blueprint 1](https://user-images.githubusercontent.com/41958506/203655004-a11f5a1c-d098-4e1a-958a-0293e50000b2.png) +![Blueprint 2](https://user-images.githubusercontent.com/41958506/203655014-e6cae9df-aaf8-4537-8165-b8f44a177d3b.png) -![My project-1-16](https://user-images.githubusercontent.com/41958506/192649717-6b04cd1a-1829-4fd5-8ba4-09eaf32f85d0.png) -![My project-1-18](https://user-images.githubusercontent.com/41958506/192650810-c7210d15-a07e-4f70-a593-af0a51c7f4bb.png) -(Home / Thermostat - more pictures see below) ## Features: -- easy to use and simple configuration via Blueprint -- 40 buttons on 5 button pages with long press function for settings (more buttons are also possible) +- easy to use and simple configuration via Blueprint - no change in the code is necessary +- 32 buttons on 4 button pages with long press function for settings (more buttons are also possible) +- Button design is automatically generated based on the selected entity +- Buttons show current brightness and cover position in the button itself +- Buttons label can be assigned via blueprint - Weather + 5 days weather forcast - Thermostat + Touch + Relay control for floor heating - Light control (brightness-slider, colorwheel, TempColor-slider) - via Long Press @@ -30,43 +63,18 @@ In addition, another NSPanel can be configured very quickly. But have a look you - Swipe between pages - Top menu with 10 icons for specific states - Heating control (hot water) -- Auto Upload TFT File to Nextion Display -- Swipe between pages - modern design - design easy to change via Adobe Express (free + design template) - 2 pysical switches - and much more ;) -## NSPanel: -![My project-1-16](https://user-images.githubusercontent.com/41958506/192649717-6b04cd1a-1829-4fd5-8ba4-09eaf32f85d0.png) -![My project-1-17](https://user-images.githubusercontent.com/41958506/192650793-9b657fa2-8056-46d7-aca3-065cde291df8.png) - -(Home / Weather Forcast) - -![My project-1-18](https://user-images.githubusercontent.com/41958506/192650810-c7210d15-a07e-4f70-a593-af0a51c7f4bb.png) -![My project-1-20](https://user-images.githubusercontent.com/41958506/192652078-ec4f3268-c00b-42a8-b1f9-c4da3e53d7a5.png) - -(Thermostat / Settings Page) - -![My project-1-22](https://user-images.githubusercontent.com/41958506/192652105-23baac1d-9dee-40c1-8596-9cae8827cf1c.png) -![My project-1-23](https://user-images.githubusercontent.com/41958506/192652116-93b850d3-553b-4f14-bb0f-78dff959e2fd.png) - -(Light Settings Colorwheel / Light Settings TempColor) - -![My project-1-24](https://user-images.githubusercontent.com/41958506/192652126-91b0aae9-75ae-44a0-842d-0a78d93f2da5.png) -![My project-1-25](https://user-images.githubusercontent.com/41958506/192652131-604c0636-0f96-44b8-ae6a-793bde56d0e1.png) - -(Cover Settings / Button Page) - -![My project-1-26](https://user-images.githubusercontent.com/41958506/192652263-297cda87-3eff-452c-9ec3-3cd76da94de7.png) - -## Blueprint: -![Bildschirmfoto 2022-09-27 um 23 13 33](https://user-images.githubusercontent.com/41958506/192652755-069f91c9-927e-4aea-9569-d596cdfa0e56.png) - # Pages ## Home - current weather with button to Weather Forcast page +- Hardware buttons can be freely assigned +- Hardware button label or without label +- Blue line indicates on or off of the entity - Temperature outside - Status icons at the top - Room temperature with button to thermostat page @@ -74,6 +82,42 @@ In addition, another NSPanel can be configured very quickly. But have a look you - Hot water temperature - Button to display settings page + +## Button Page +- 32 Button +- 4 Button pages +- Button design is automatically generated based on the selected entity +- Buttons show current brightness and cover position in the button itself +- Buttons label can be assigned via blueprint +- all buttons with long press function +- automatic detection by long press if it is a light or cover for submenu +- swipe between all pages +- swipe also down and up for fast access to certain pages + + +## Light Settings +- Light current state +- Brightness Slider +- Colorwheel +- TempColor slider +- Jump back to the right button page + + +## Cover Settings +- Open and close cover +- Cover position via slider +- Cover battery value if available (I use Ikea roller blind) +- jump back to the right button page + + +## Thermostat +- Touch Temp control +- Outside temperature +- Hot water +- heating on, off and idle +- Hot water button + + ## Weather Forcast - 5 days Weather Forcast via swipe (Integration Accuweather - but should also go with another integration) - Lowest and highest temperature outside @@ -85,13 +129,6 @@ In addition, another NSPanel can be configured very quickly. But have a look you - Wind speed - Night thunderstorm probability and wind speed -## Thermostat -- Touch Temp control -- Outside temperature -- Hot water -- Floor heating on, off and idle -- Hot water button -- Status icons ## Display Settings - Restart NSPanel @@ -100,50 +137,6 @@ In addition, another NSPanel can be configured very quickly. But have a look you - Display dim brightness slider - Status Brightness in % -## Light Settings -- Light on and off (alignment with HA) -- Light color with Colorwheel -- Light color with TempColor slider -- Brightness Slider -- Brightness in %. -- Tempcolor value -- Jump back to the right button page - -## Cover Settings -- Open and close cover -- Cover position via slider -- Cover battery value (I use Ikea roller blind) -- jump back to the right button page - -## Button Page -- 40 Button -- 5 Button pages -- all buttons with long press function -- automatic detection by long press if it is a light or cover for submenu -- swipe between all pages -- swipe also down and up for fast access to certain pages -- number of buttons and button pages can be extended - functions like long press, light settings and cover settings stay the same - -## Upcoming Features -- Shorten Esphome code and transfer to Blueprint -- Cover page with window open status as image -- small design adjustments -- Notifications on Home Page -- Energy and Gas consumption on home page -- Extra page for energy dashboard -- Garbage plan with icon on home page -- Let's see what ideas I still have ;) - -## HowTo Deutsch -1. den Code aus der Datei esphome.yaml kopieren und in HA unter esphome einfügen. Vorher muss natürlich ein Device erstellt werden. -1.2 in der ESPhome Datei müssen Passwörter eingesetzt werden. Entweder in der ESPHome Secret oder einfach in der ESPhome Datei -1.3 Einige Entities sind aktuell noch in der Esphome Datei angegeben (direkt unter den Passwörtern. Diese Entities müssen noch angepasst werden. In zukunft will ich aber auch diese ins Bluebrint einbauen -3. den Code aus der Datei blueprint.yaml kopieren und eine neue yaml Datei unter config/blueprints erstellen und den Code einfügen -4. HA Automationen neu starten -> Enticklerwerkzege -> YAML -> Automatisierungen -5. den Code aus der Datei sensor.yaml und climate.yaml kopieren und eine eigenen yaml Datei erstellen. Der Code wird in zukunft direkt im Blueprint eingebaut. -6. den Code aus der Datei folder_watcher kopieren und in der configuration.yaml einfügen -7. TFT File auf Home Assistant hochladen (Der Pfad kann später im Blueprint angegeben werden -8. Blueprint unter Automationen auswählen und und Felder ausfüllen. From 16f131685a248cba44cb5019069d127017f9dc46 Mon Sep 17 00:00:00 2001 From: Blackymas <41958506+Blackymas@users.noreply.github.com> Date: Thu, 24 Nov 2022 01:19:48 +0100 Subject: [PATCH 3/5] New Major Version 2.0.0 --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 41dd0c9..219bffb 100644 --- a/README.md +++ b/README.md @@ -39,8 +39,9 @@ The goal was to create a version that allows everyone to use the NSpanel fully l ![10 Settings](https://user-images.githubusercontent.com/41958506/203654386-e4e574ad-8674-4268-84dd-1c4e40f98eb9.png) +![1 Boot](https://user-images.githubusercontent.com/41958506/203667473-d33523a4-3197-4838-9099-cccebfc727db.png) -(NSPanel Settings) +(NSPanel Settings and Boot Screen) ## Blueprint: From 46731705ca361bf81d9d393b8d5e7553890343cb Mon Sep 17 00:00:00 2001 From: Blackymas <41958506+Blackymas@users.noreply.github.com> Date: Thu, 24 Nov 2022 08:47:35 +0100 Subject: [PATCH 4/5] Add Screen Device --- README.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/README.md b/README.md index 219bffb..06ca2c8 100644 --- a/README.md +++ b/README.md @@ -44,6 +44,12 @@ The goal was to create a version that allows everyone to use the NSpanel fully l (NSPanel Settings and Boot Screen) +![Device Setting 1](https://user-images.githubusercontent.com/41958506/203723223-8afc0e44-51cf-49ed-8a49-8ba713716639.png) +![Device Setting 2](https://user-images.githubusercontent.com/41958506/203723248-40d71ac3-ff75-4d5f-b2de-e280654c8cf3.png) + +(HA Device Seeting for Example temperature correction) + + ## Blueprint: ![Blueprint 1](https://user-images.githubusercontent.com/41958506/203655004-a11f5a1c-d098-4e1a-958a-0293e50000b2.png) ![Blueprint 2](https://user-images.githubusercontent.com/41958506/203655014-e6cae9df-aaf8-4537-8165-b8f44a177d3b.png) From e2d994f2ed75f328c63e00fbb58bbb63244cf0fa Mon Sep 17 00:00:00 2001 From: Blackymas <41958506+Blackymas@users.noreply.github.com> Date: Thu, 24 Nov 2022 08:53:01 +0100 Subject: [PATCH 5/5] update Doku --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 06ca2c8..f87eb36 100644 --- a/README.md +++ b/README.md @@ -45,7 +45,8 @@ The goal was to create a version that allows everyone to use the NSpanel fully l ![Device Setting 1](https://user-images.githubusercontent.com/41958506/203723223-8afc0e44-51cf-49ed-8a49-8ba713716639.png) -![Device Setting 2](https://user-images.githubusercontent.com/41958506/203723248-40d71ac3-ff75-4d5f-b2de-e280654c8cf3.png) +![Device Setting 2](https://user-images.githubusercontent.com/41958506/203724491-53ecd93d-bc7c-4c2d-850b-f106691e2639.png) + (HA Device Seeting for Example temperature correction)