Blackymas
GitHub
187
README.md
187
README.md
@@ -1,27 +1,68 @@
|
|||||||
# NSPanel Custom with HA Blueprint
|
# 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?
|
So you have a nice graphical interface where you can build your NSPanel.
|
||||||
Well - all versions I've seen have been missing something everywhere.
|
And the best thing is, the installation takes only a few minutes.
|
||||||
That's why I decided to create something myself.
|
|
||||||
|
|
||||||
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:
|
ℹ️ Version 2.0.0
|
||||||
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
|
|
||||||
|
|
||||||
In addition, another NSPanel can be configured very quickly. But have a look yourself ;)
|
|
||||||
|
|
||||||
|
## NSPanel:
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
(Home and Buttonpage)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
(Lightsettings - Brightness and TEMP Color)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
(Colorwheel and Thermostat)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
(Coversetting and Weather Forcast)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
(NSPanel Settings and Boot Screen)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
(HA Device Seeting for Example temperature correction)
|
||||||
|
|
||||||
|
|
||||||
|
## Blueprint:
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
(Home / Thermostat - more pictures see below)
|
|
||||||
|
|
||||||
## Features:
|
## Features:
|
||||||
- easy to use and simple configuration via Blueprint
|
- easy to use and simple configuration via Blueprint - no change in the code is necessary
|
||||||
- 40 buttons on 5 button pages with long press function for settings (more buttons are also possible)
|
- 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
|
- Weather + 5 days weather forcast
|
||||||
- Thermostat + Touch + Relay control for floor heating
|
- Thermostat + Touch + Relay control for floor heating
|
||||||
- Light control (brightness-slider, colorwheel, TempColor-slider) - via Long Press
|
- Light control (brightness-slider, colorwheel, TempColor-slider) - via Long Press
|
||||||
@@ -30,43 +71,18 @@ In addition, another NSPanel can be configured very quickly. But have a look you
|
|||||||
- Swipe between pages
|
- Swipe between pages
|
||||||
- Top menu with 10 icons for specific states
|
- Top menu with 10 icons for specific states
|
||||||
- Heating control (hot water)
|
- 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)
|
- modern design - design easy to change via Adobe Express (free + design template)
|
||||||
- 2 pysical switches
|
- 2 pysical switches
|
||||||
- and much more ;)
|
- and much more ;)
|
||||||
|
|
||||||
|
|
||||||
## NSPanel:
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
(Home / Weather Forcast)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
(Thermostat / Settings Page)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
(Light Settings Colorwheel / Light Settings TempColor)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
(Cover Settings / Button Page)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Blueprint:
|
|
||||||
|
|
||||||
|
|
||||||
# Pages
|
# Pages
|
||||||
|
|
||||||
## Home
|
## Home
|
||||||
- current weather with button to Weather Forcast page
|
- 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
|
- Temperature outside
|
||||||
- Status icons at the top
|
- Status icons at the top
|
||||||
- Room temperature with button to thermostat page
|
- Room temperature with button to thermostat page
|
||||||
@@ -74,6 +90,42 @@ In addition, another NSPanel can be configured very quickly. But have a look you
|
|||||||
- Hot water temperature
|
- Hot water temperature
|
||||||
- Button to display settings page
|
- 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
|
## Weather Forcast
|
||||||
- 5 days Weather Forcast via swipe (Integration Accuweather - but should also go with another integration)
|
- 5 days Weather Forcast via swipe (Integration Accuweather - but should also go with another integration)
|
||||||
- Lowest and highest temperature outside
|
- Lowest and highest temperature outside
|
||||||
@@ -85,13 +137,6 @@ In addition, another NSPanel can be configured very quickly. But have a look you
|
|||||||
- Wind speed
|
- Wind speed
|
||||||
- Night thunderstorm probability and 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
|
## Display Settings
|
||||||
- Restart NSPanel
|
- Restart NSPanel
|
||||||
@@ -100,50 +145,6 @@ In addition, another NSPanel can be configured very quickly. But have a look you
|
|||||||
- Display dim brightness slider
|
- Display dim brightness slider
|
||||||
- Status Brightness in %
|
- 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_wather kopieren und in der coniguration.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.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user