diff --git a/(EN)-First-Steps---Installation-and-Setup.md b/(EN)-First-Steps---Installation-and-Setup.md index 32272c1..0ae0faf 100644 --- a/(EN)-First-Steps---Installation-and-Setup.md +++ b/(EN)-First-Steps---Installation-and-Setup.md @@ -39,11 +39,19 @@ This section covers the initial configuration. All important steps for installat > It is also possible to copy the code from the file _**"nspnael_blueprint.yaml "**_ and paste it into HA. > You can find instructions for this under [Using Automation Blueprints](https://www.home-assistant.io/docs/automation/using_blueprints/) und [Automation blueprint tutorial](https://www.home-assistant.io/docs/blueprint/tutorial/#create-the-blueprint-file) -2. You will need to download the nspanel.tft file and host it locally, you can use your Home assistant instance if required, see [Home Assistant HTTP](https://www.home-assistant.io/integrations/http/#hosting-files) 'Hosting Files section for details. +2. You have to download the file **_nspanel.tft_** from Github -3. In the next step you have to create a new ESP32 device in ESPHome +![Bildschirmfoto 2023-01-23 um 21 31 05](https://user-images.githubusercontent.com/41958506/214144182-e2a5f28e-e96d-4263-8c4b-b7fbcc6658e7.png) -4. When the new ESP32 device has been created, next click _**"Edit "**_ on the device you have just created to open the web editor. Now the following code must be copied and pasted. + +3. Upload the **_nspnael.tft_** file to your **_Home Assistant Server_** in the **_www_** folder, see [Home Assistant HTTP](https://www.home-assistant.io/integrations/http/#hosting-files) 'Hosting Files section for details. + +![Bildschirmfoto 2023-01-23 um 21 33 20](https://user-images.githubusercontent.com/41958506/214144729-08fb5d3f-9255-4f57-9c6e-a5e33665e4df.png) + + +4. In the next step you have to create a new ESP32 device in ESPHome + +5. When the new ESP32 device has been created, next click _**"Edit "**_ on the device you have just created to open the web editor. Now the following code must be copied and pasted. > _**IMPORTANT!**_ The already existing code in the ESPHome file must be _**"COMPLETELY "**_ deleted and _**"REPLACED "**_ by the code below. @@ -59,16 +67,16 @@ This section covers the initial configuration. All important steps for installat ``` substitutions: -###### CHANGE ME ###### +###### CHANGE ME START ###### device_name: "nspanel_buero" # ändere Name zum Beispiel in den Raum wo das NSPanel verbaut wird. Wird im Blueprint benötigt wifi_ssid: !secret wifi_ssid # Gib dein WLAN Name ein wifi_password: !secret wifi_password # Gib dein Passwort fürs WLAN ein - nextion_update_url: "http://HOME-ASSISTANT-IP:8123/local/nspanel/nspanel.tft" # URL to local tft File + nextion_update_url: "http://HOME-ASSISTANT-IP:8123/local/nspanel.tft" # URL to local tft File # nextion_update_url: "https://raw.githubusercontent.com/Blackymas/NSPanel_HA_Blueprint/main/nspanel.tft" -##### CHANGE ME ##### +##### CHANGE ME END ##### @@ -87,16 +95,16 @@ packages:   -4. Now the NSPanel can be flashed with the new ESPHome code. +6. Now the NSPanel can be flashed with the new ESPHome code. > how to flash the NSPanel you can see here [HOW TO - Flash Sonoff NSPanel with ESPHome](https://www.youtube.com/watch?v=p-AK4o5jOSI) -5. After the NSPanel is flashed, you can go to _**"Settings --> Devices & Services --> Add Integration"**_ to add your new device and finish setting it up. +7. After the NSPanel is flashed, you can go to _**"Settings --> Devices & Services --> Add Integration"**_ to add your new device and finish setting it up. -6. In the last step, only the TFT must be uploaded. To do this, open your new device in the ESPHome integration and activate the item _**"Update TFT display "**_ under _**"Configuration"**_. Now the current TFT file is loaded from Github and uploaded to your NSPanel. _**ATTENTION!**_ this process may take a moment. +8. In the last step, only the TFT must be uploaded. To do this, open your new device in the ESPHome integration and activate the item _**"Update TFT display "**_ under _**"Configuration"**_. Now the current TFT file is loaded from Github and uploaded to your NSPanel. _**ATTENTION!**_ this process may take a moment. -7. now the setup of ESPHome and NSPanel is completed. +9. now the setup of ESPHome and NSPanel is completed. -8. Now you can configure your NSPanel via the Blueprint. To do this, go to _**"Settings --> Automations & Scenes --> Templates --> NSPanel Configuration --> CREATE AUTOMATION"**_ and start with the setup of the NSPanel. +10. Now you can configure your NSPanel via the Blueprint. To do this, go to _**"Settings --> Automations & Scenes --> Templates --> NSPanel Configuration --> CREATE AUTOMATION"**_ and start with the setup of the NSPanel. > _**NOTE!**_ In the blueprint, in the _**"ESPHOME Node Name"**_ field, enter exactly the same name that you assigned in the _**"ESPHome File"**_.