Sonoff NSPanel by ITead - Smart Scene Wall Switch based on ESP32 and custom Nextion Touch Screen Panel Display (non-Pro variant)

Thank you, I understand now and have matched the screensaver colour to the wall.

hello,

i have nextion 2.8 display and have esp32 too.
can i install this dashboard for use it with home assistant ?

thanks.

It would be nice to be able to have an option to be able to set how a sensor is displayed.
In my example I have added a sensor that shows when the next bus is leaving and now it shows: 15:4 it would be nice if it returned 15:45 instead. I think this option could be useful for other things as well.

1 Like

Looking at the image, you can see that the dateAdditionalTemplate: " Date" follows the Date Theme. While timeAdditionalTemplate: “Time” does not appear to follow the time Theme. I suspect this needs to change. Also the time template is placed closer to the Date - should this appear in the middle of that blank area.

I have used the status icons to represent if the physical switch s are on, this works exceptional well in my use by case.

1 Like

Johannes answered me as well with this solution :wink:
Example:
- entity: sensor.some_sensor
icon: ‘ha: {{ states(“sensor.some_sensor”) }}’

For states:
'ha: {{ states(“sensor.some_sensor”) }}’
For attributes:

'ha:{{ state_attr("sensor.some_sensor","current_temperature")}}'
1 Like

The timeAdditionalTemplate is a seperate Textbox, you can configure a seperate color in the theme with the key tTimeAdd.

Another easy to answer question (I hope) I want to change the dispalyed tempertures into Fahrenheit. I have added the line weatherUnit: and tried false, or fahrenheit under the screensaver, and also tried under the theme section, I get a green tick to say the yaml is correct but it does not change, any ideas?
Thanks in advance

weatherUnit: fahrenheit under the screensaver key

please note that this is only changeing the unit, not the acual values, they have to be already correct in homeassistant (and they should if your HA is set to fahrenheit)

1 Like

Hello sir
sorry I’m disturbing you, I just wanted to know if I can directly update the tasmota32.nspanel.bin file directly from this interface of mine, I don’t remember which firmware I wrote some time ago via USB serial.
Do you think I can flash directly via ota or do I have to disassemble everything to flash with the usb-serial?
below in the photo the screenshot of the firmware present in my nspanel

yes this should work

@jobraun raun, hello your project is very cool!
one thing, how can I do to add the external and internal temperature sensor in the main screen, where is the clock?

then below my code:

---
nspanel-1:
  module: nspanel-lovelace-ui
  class: NsPanelLovelaceUIManager
  config:
    panelRecvTopic: "tele/nspanel_soggiorno/RESULT"
    panelSendTopic: "cmnd/nspanel_soggiorno/CustomSend"
    model: eu
    sleepTimeout: 20
    sleepBrightness:
      - time: "7:00:00"
        value: 10
      - time: "00:00:00"
        value: 0
    locale: "it_IT"
    screensaver:
      entity: weather.casa
      theme:
        autoWeather: true
        background: [255,0,0]
      weatherOverrideForecast4:
        entity: sensor.outdoor_temperature
        name: Temp esterno
        icon: mdi:temperature-celsius
    cards:
      - type: cardEntities
        entities:
          - entity: switch.luce_porta_ingresso
          - entity: switch.ingresso
        title: Luci esterne
      - type: cardGrid
        title: Esterno
        entities:
          - entity: sensor.outdoor_temperature
            name: Temperatura esterna
          - entity: sensor.humidity
            name: Umidità esterna
          - entity: switch.luce_porta_ingresso
            name: Luce porta ingresso
            icon: mdi:outdoor-lamp
          - entity: switch.ingresso
            name: Luce ingresso
            icon: mdi:outdoor-lamp
          - entity: switch.ingresso
            name: Luce ingresso
            icon: mdi:outdoor-lamp
          - entity: switch.giardino
            name: Luce giardino
            icon: mdi:outdoor-lamp 
      - type: cardThermo
        title: Riscaldamento soggiorno
        entity: climate.riscaldamento_soggiorno
      - type: cardThermo
        title: Clima soggiorno
        entity: climate.clima_soggiorno
                

Why on the nspanel laguage is english?
then when i try to go to cardGrid from nspanel, the screen comes back without showing me that card.
what did i do wrong?

image

For showing outdoor temp I would recommend you to create a weather template in homeassistant, so you can replace the value there with your own.

For internal temperate you can overwrite with weatherOverrideForecast[1-4] like you already did.

For a localized screensaver you need to have babel installed in appdaemon.

It also looks like you have the US Version of the nspanel on the video, if you don’t have the EU Version, you need to change the model from model: eu to model: us-l.

also I nedd to change firmware to ?
US Version Landscape: FlashNextion http://nspanel.pky.eu/lui-us-l-release.tft
Yesterday I flashed the European version. this: EU Version: FlashNextion http://nspanel.pky.eu/lui-release.tft

then for language babel package it is present on appdaemon configuration see below

image

changing the model in the configuration should give you a popup on the screen asking you if you want to start updating the firmware

image
then I proceeded to manually update the firmware to the us-l version from command.
Can you tell me if the appdaemon configuration for the babel addon is right?

Thanks so much for the update - so far - very nice.

With your advice on using !include (and !includes inside of !includes) and the change 535 I now have a very tidy apps.yaml that is easy to maintain. Which is very handy as I plan to get more of these.

  module: nspanel-lovelace-ui
  class: NsPanelLovelaceUIManager
  config:
    panelRecvTopic: "tele/study-nsp/RESULT"
    panelSendTopic: "cmnd/study-nsp/CustomSend"
    model: "us-p"
    locale: "en_US"
    dateFormat: "%A, %d %B"
    sleepTimeout: 20
    sleepBrightness:  !include /config/appdaemon/apps/nsp_sleepbrt.yaml
    sleepOverride:
      entity: light.study_light
      brightness: 30
    screensaver: !include /config/appdaemon/apps/nsp-studyss.yaml
    cards: !include /config/appdaemon/apps/nsp_cards.yaml
    hiddenCards: !include /config/appdaemon/apps/nsp_hidden.yaml ```
1 Like

can you post picture and code of nsp-studyss.yaml?

entity: weather.bom
statusIcon1:
  entity: light.study_light
  icon:
    "on": mdi:menu-up-outline
    "off": "text:"
statusIcon2:
  entity: light.study_light
  icon:
    "on": mdi:menu-up-outline
    "off": "text:"
alternativeLayout: false
defaultCard: navigate.cardGrid_masterKey
theme:
  time: [0, 125, 255]
  date: [0, 125, 255]
  bar: [0, 125, 255]
  tMainIcon: [80, 100, 255]
  tMainText: [80, 100, 255]
  tForecast1: [0, 125, 255]
  tForecast1Val: [0, 125, 255]
  autoWeather: true

please Nspanel picture for nsp-studyss?
and code and picture of nsp_cards.yaml ?

no, this has to be configured in the settings of the addon not in appdaemon.yaml

Like it’s descried in the docs:

https://docs.nspanel.pky.eu/prepare_ha/#add-babel-package-to-appdaemon-container-optional