Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Hardware
    4. SONOFF NSPanel mit Lovelace UI

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      TT-Tom @MichaelF last edited by

      @michaelf sagte in SONOFF NSPanel mit Lovelace UI:

      //Level_3
      let NSPanel_ScreensaverDimmode = <PageEntities>
      {
      'type': 'cardEntities',
      'heading': 'Dimmode (1)',
      'useColor': true,
      'subPage': true,
      'parent': NSPanel_Screensaver,
      'next': 'NSPanel_ScreensaverOther',
      'items': [

      hier ist noch ein kleiner Fehler drin. ist aber in der aktuellen Version schon gefixt. Ersetze bitte mal hier mit.

      //Level_3
                              let NSPanel_ScreensaverDimmode = <PageEntities>
                              {
                                  'type': 'cardEntities',
                                  'heading': 'Dimmode',
                                  'useColor': true,
                                  'subPage': true,
                                  'parent': NSPanel_Screensaver,
                                  'home': 'NSPanel_Service',
                                  'items': [
      
      M MichaelF 2 Replies Last reply Reply Quote 0
      • M
        michael_4358 @TT-Tom last edited by michael_4358

        hallo

        ich habe seit dem update des javascript im Biobroker das problem das sich ds panel nicht mehr verbindet..

        ich habe tasmota in version 12.2.0.

        gibt es da ein update welches ich vernachlässigt habe❓
        oder hat sich da was zerschossen❓

        das ist der error des ts scriptes:

        4:43:03.343	error	javascript.0 (377808) script.js.NSPanel.pV_Test: TypeScript compilation failed: if ((pageItem.useColor || useColors) && ((typeof (value) === 'boolean' && value) || value > (pageItem.minValueBrightness !== undefined ? pageItem.minValueBrightness : 0))) { ^ ERROR: Operator '>' cannot be applied to types 'number | boolean' and 'number'.
        
        MichaelF 1 Reply Last reply Reply Quote 0
        • MichaelF
          MichaelF @michael_4358 last edited by

          @michael_4358 said in SONOFF NSPanel mit Lovelace UI:

          hallo

          ich habe seit dem update des javascript im Biobroker das problem das sich ds panel nicht mehr verbindet..

          ich habe tasmota in version 12.2.0.

          gibt es da ein update welches ich vernachlässigt habe❓
          oder hat sich da was zerschossen❓

          das ist der error des ts scriptes:

          4:43:03.343	error	javascript.0 (377808) script.js.NSPanel.pV_Test: TypeScript compilation failed: if ((pageItem.useColor || useColors) && ((typeof (value) === 'boolean' && value) || value > (pageItem.minValueBrightness !== undefined ? pageItem.minValueBrightness : 0))) { ^ ERROR: Operator '>' cannot be applied to types 'number | boolean' and 'number'.
          

          Hi, script update. Dann geht es wieder, wie weiter oben schon ein paar mal.

          Grüsse

          1 Reply Last reply Reply Quote 0
          • MichaelF
            MichaelF @TT-Tom last edited by

            @tt-tom said in SONOFF NSPanel mit Lovelace UI:

            @michaelf sagte in SONOFF NSPanel mit Lovelace UI:

            //Level_3
            let NSPanel_ScreensaverDimmode = <PageEntities>
            {
            'type': 'cardEntities',
            'heading': 'Dimmode (1)',
            'useColor': true,
            'subPage': true,
            'parent': NSPanel_Screensaver,
            'next': 'NSPanel_ScreensaverOther',
            'items': [

            hier ist noch ein kleiner Fehler drin. ist aber in der aktuellen Version schon gefixt. Ersetze bitte mal hier mit.

            //Level_3
                                    let NSPanel_ScreensaverDimmode = <PageEntities>
                                    {
                                        'type': 'cardEntities',
                                        'heading': 'Dimmode',
                                        'useColor': true,
                                        'subPage': true,
                                        'parent': NSPanel_Screensaver,
                                        'home': 'NSPanel_Service',
                                        'items': [
            

            Danke, funzt nu alles.

            Grüsse

            1 Reply Last reply Reply Quote 0
            • S
              Sniker last edited by Sniker

              Hallo zusammen.
              ich bin von der Version 4.0.4 gekommen.
              Bei mir ging auch gar nix mehr, habe dann Tasmota/Dispaly/Script aktualisiert.
              Das Display dreht und wartet auf Content.
              Leider erhalte ich im Script noch folgenden Fehler. Keine Anhnung wo ich ansetzten soll.

              22.9.2023, 16:57:33.628	[info ]: javascript.0 (2218329) script.js.Skripte.Geräte.NSPanel1_-_4_2_1_-_neu1: compiling TypeScript source...
              22.9.2023, 16:57:34.361	[error]: javascript.0 (2218329) script.js.Skripte.Geräte.NSPanel1_-_4_2_1_-_neu1: TypeScript compilation failed:
              export const config = <Config>{
                                    ^
              ERROR: Conversion of type '{ panelRecvTopic: string; panelSendTopic: string; leftScreensaverEntity: undefined[]; bottomScreensaverEntity: ({ ScreensaverEntity: string; ScreensaverEntityFactor: number; ScreensaverEntityDecimalPlaces: number; ... 5 more ...; ScreensaverEntityIconColor: RGB; } | { ...; } | { ...; })[]; ... 11 more ...; button2Pa...' to type 'Config' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
                Type '{ panelRecvTopic: string; panelSendTopic: string; leftScreensaverEntity: undefined[]; bottomScreensaverEntity: ({ ScreensaverEntity: string; ScreensaverEntityFactor: number; ScreensaverEntityDecimalPlaces: number; ... 5 more ...; ScreensaverEntityIconColor: RGB; } | { ...; } | { ...; })[]; ... 11 more ...; button2Pa...' is missing the following properties from type 'Config': button1, button2
              
              

              Irgendwas scheint da auch mit CustomSend nicht zu passen. Der schreibt nichts darein in MQTT-Adapter Objekte. Habe den Datenpunkt auch mal gelöscht und neu Angelegt. Bei State und Tele wird aktualisiert! ???

              Vielleicht kann mir jemand helfen. Gruß

              GregorS Armilar 2 Replies Last reply Reply Quote 0
              • GregorS
                GregorS @Sniker last edited by

                Hallo Zusammen,

                ich habe mir ein 2. NSPanel zugelegt und möchte es parallel zum 1. Panel laufen lassen.
                D.h., beide Panels sollen die gleichen Infos anzeigen, nur die beiden Taster sollen anders
                belegt werden (Andere Lampen schalten).
                Ich nutze dabei die Wetteranzeige, Thermostatpage sowie die Alarmpage.

                Wie stelle ich das am besten, am einfachsten an?
                Kann ich das Script kopieren?
                Ich habe bereits eine weiter mqtt-Instanz angelegt.
                Kann ich die Alias vom 1. Panels kopieren, genauso wie das NSPanel-Verzeichnis in 0_userdata?

                Danke

                Armilar 1 Reply Last reply Reply Quote 0
                • Armilar
                  Armilar Most Active Forum Testing @GregorS last edited by

                  @gregors

                  Du benötigst keine 2. MQTT Instanz!

                  Es reicht, wenn du das Script kopierst, die MQTT Parameter anpasst und den Pfad für 0_userdata umbenennst, z.B. so:

                  ...
                  const NSPanel_Path = '0_userdata.0.NSPanel.2.';       // Anpassen an das jeweilige NSPanel
                  ...
                  export const config = <Config> {
                      panelRecvTopic: 'mqtt.0.SmartHome.NSPanel_2.tele.RESULT',       // Bitte anpassen
                      panelSendTopic: 'mqtt.0.SmartHome.NSPanel_2.cmnd.CustomSend',   // Bitte anpassen
                  ...
                  

                  Danach die beiden Button funktionen auf die neuen Devices ändern...

                  ... und fertig

                  GregorS 1 Reply Last reply Reply Quote 1
                  • Armilar
                    Armilar Most Active Forum Testing @Sniker last edited by

                    @sniker

                    sieht aus, als wäre da einiges im Variablenbereich durcheinander gekommen...

                    Am Besten nimmst du das Script ohne Beispiele:
                    https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs_without_Examples.ts

                    Dann passt du die gleichen Parameter wie im Beitrag oben drüber an...

                    Das Script und das NSPanel sollte damit bereits laufen.

                    Danach eine Seiten-Variable nach der anderen in das neue Script ziehen...

                    S 1 Reply Last reply Reply Quote 1
                    • S
                      Sniker @Armilar last edited by Sniker

                      @armilar

                      Normalerweise ist das ohne Examples gewesen. Hatte halt nur meine Seiten eingefügt. Werde ich aber nochmals versuchen. Danke für deine schnelle Antwort

                      Update: Hat geklappt, Content kommt wieder. Nur der Update Prozess nach 5 Monaten, fängt man wieder von vorne an.

                      Danke für eure Hilfbereitschaft und das mega Projekt

                      1 Reply Last reply Reply Quote 1
                      • M
                        manylopmy last edited by

                        Hallo zusammen,
                        ich habe mittlerweile eine Reihe von Seiten im NSPanel laufen und bin begeistert. Vielen Dank für die vielen Tipps und Unterstützungen hier im Forum.

                        Aktuell würde ich gerne im ScreensaverAdvanced eine Anzeige einrichten, die mir den Ladestand meiner PV Batterie anzeigt. Ich habe da bereits ein wenig "gebastelt" allerdings nicht sehr erfolgreich. (ScreensaverEntity 4 klappt soweit, nur als Beispiel dabei)
                        Falls jemand etwas ähnliches gemacht haben sollte oder eine Idee hat, wie es besser gehen würde würde ich mich über eine Hilfe freuen.

                        // indicatorScreensaverEntity 4 (only Advanced Screensaver)
                                    { 
                                        ScreensaverEntity: 'worx.0.202230267109009939B8.mower.state',
                                        ScreensaverEntityFactor: 1,
                                        ScreensaverEntityDecimalPlaces: 0,
                                        ScreensaverEntityIconOn: 'robot-mower-outline',
                                        ScreensaverEntityIconOff: null,
                                        ScreensaverEntityText: 'Mäher',
                                        ScreensaverEntityUnitText: '%',
                                        ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 1 }
                                    },
                                    // indicatorScreensaverEntity 5 (only Advanced Screensaver)
                                    { 
                                        ScreensaverEntity: 'plenticore.0.devices.local.battery.SoC',
                                        ScreensaverEntityFactor: 1,
                                        ScreensaverEntityDecimalPlaces: 1,
                                        ScreensaverEntityIconOn: 'battery-arrow-up',
                                        ScreensaverEntityIconOff: null,
                                        ScreensaverEntityText: 'Leistung',
                                        ScreensaverEntityUnitText: '%',
                                        ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 100}
                        

                        Ich muss gestehen, dass ich bisher nicht wirklich verstanden habe, was die einzelnen Einträge in der Entity für Auswirkungen haben. In den meisten Fällen war aber das, was in den Beispielen steht gut nutzbar.
                        In den Objekten ist der Eintrag .local.battery.SoC als Prozentwert dargestellt. Ich hatte gedacht, dass je nach Batterie-Füllstand sich die Farbe des Icon ändert oder irgend eine proz. Veränderung auftreten würde. 😖 Es tut sich aber nichts.
                        Vielen Dank für eventuelle Tipps und Hinweise, wie es besser zu machen wäre.

                        Armilar 1 Reply Last reply Reply Quote 0
                        • Armilar
                          Armilar Most Active Forum Testing @manylopmy last edited by

                          @manylopmy sagte in SONOFF NSPanel mit Lovelace UI:

                          ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100, 'val_best': 100}

                          Was passiert wenn du val_best heraus nimmst?

                          ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100}
                          
                          M 1 Reply Last reply Reply Quote 0
                          • GregorS
                            GregorS @Armilar last edited by

                            @armilar

                            Vielen Dank.
                            Läuft einwandfrei.
                            War einfacher als ich gedacht habe.

                            Armilar 1 Reply Last reply Reply Quote 0
                            • Armilar
                              Armilar Most Active Forum Testing @GregorS last edited by

                              @gregors sagte in SONOFF NSPanel mit Lovelace UI:

                              War einfacher als ich gedacht habe.

                              😉

                              Armilar 1 Reply Last reply Reply Quote 0
                              • Armilar
                                Armilar Most Active Forum Testing @Armilar last edited by Armilar

                                30a2dde0-d817-406b-aaee-cc53be46e2b2-image.png

                                • Für den Fall, dass es Probleme beim Upgrade des FlashNextion beim TFT-Upgrade ab Tasmota 13.1.0 gibt, bitte auf den BerryDriver 9 wechseln...

                                • Im Service Menü hatte sich ein Fehler eingeschlichen. Dieser hat eine Fake-SSID angezeigt.

                                Ansonsten gerne trotzdem auf den BerryDriver 9 wechseln und wie immer den unteren Teil ersetzen.
                                https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs_without_Examples.ts

                                Möglichkeiten für das Berry Driver 9 Update:

                                Tasmota Konsole:

                                Backlog UpdateDriverVersion https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1
                                

                                oder per Tasmota Konsolen/Verwalte Dateisystem
                                autoexec.be und autoexec.bec löschen und autoexec.be neu mit aktueller Version anlegen:
                                https://github.com/joBr99/nspanel-lovelace-ui/blob/main/tasmota/autoexec.be

                                oder einfach im Service Menü aktualisieren...

                                --

                                Für den Fall, dass ihr keine SSID im Service Menü habt, ersetzt ihr einfach die Service Menü Variablen... (Zeilen 781 - 1109 im nachfolgenden Link)
                                https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                                1 Reply Last reply Reply Quote 1
                                • MichaelF
                                  MichaelF last edited by MichaelF

                                  Hi,

                                  ich habe grade auf Berry 9 geupdatet dabei habe ich gesehen das meine TFT Firmware nicht aktuell ist wenn ich diese updaten möchte bekomme ich diese Fehlermeldung :

                                  08:45:31.076 CMD: FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.3.1.tft
                                  08:45:31.090 MQT: stat/tasmota_C82F70/RESULT = {"FlashNextion":"Done"}
                                  08:45:31.203 FLH: host: nspanel.pky.eu, port: 80, get: /lovelace-ui/github/nspanel-v4.3.1.tft
                                  08:45:33.384 FLH: Send (High Speed) flash start
                                  08:45:33.736 BRY: Exception> 'type_error' - unsupported operand type(s) for <: 'nil' and 'int'
                                  

                                  Installiert habe ich die 4.2.1

                                  Hat da jemand ein Tipp ?

                                  Grüße

                                  Armilar 1 Reply Last reply Reply Quote 0
                                  • Armilar
                                    Armilar Most Active Forum Testing @MichaelF last edited by Armilar

                                    @michaelf sagte in SONOFF NSPanel mit Lovelace UI:

                                    Hi,
                                    ich habe grade auf Berry 9 geupdatet dabei habe ich gesehen das meine TFT Firmware nicht aktuell ist wenn ich diese updaten möchte bekomme ich diese Fehlermeldung :

                                    08:45:31.076 CMD: FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.3.1.tft                                                                                                                                                                            08:45:31.090 MQT: stat/tasmota_C82F70/RESULT = {"FlashNextion":"Done"}                                                                                                                                                                            08:45:31.203 FLH: host: nspanel.pky.eu, port: 80, get: /lovelace-ui/github/nspanel-v4.3.1.tft                                                                                                                                                                            08:45:33.384 FLH: Send (High Speed) flash start                                                                                                                                                                            08:45:33.736 BRY: Exception> 'type_error' - unsupported operand type(s) for <: 'nil' and 'int'
                                    

                                    Installiert habe ich die 4.2.1
                                    Hat da jemand ein Tipp ?
                                    Grüße

                                    @joBr99 hast du eine Ahnung woran das liegen könnte? Bei mir läuft das super durch...

                                    1 Reply Last reply Reply Quote 0
                                    • MichaelF
                                      MichaelF last edited by

                                      Vielleicht noch als Info was ich grade auf dem Panel gesehen habe was eigentlich normal funktioniert. Ich sehe in den settings keine Berry Version nur die verfügbare und genau das gleiche bei der TFT Version. Also es steht einfach nichts in der Zeile

                                      Armilar 1 Reply Last reply Reply Quote 0
                                      • Armilar
                                        Armilar Most Active Forum Testing @MichaelF last edited by

                                        @michaelf

                                        was steht denn darin?

                                        c157b293-84c7-476c-a153-794016585762-image.png

                                        MichaelF 2 Replies Last reply Reply Quote 0
                                        • M
                                          manylopmy @Armilar last edited by

                                          @armilar
                                          Danke für den Hinweis.
                                          val_best habe ich entfernt. Allerdings kann ich (so schnell) keine Änderung feststellen. Das Icon ist weiß, war es vorher auch. Ich weiß allerdings ja nicht bei welchem Füllstand welche Farbe aktiviert wird. Ich warte einmal ab, bis die Batterie wieder langsam leer ist.

                                          T 1 Reply Last reply Reply Quote 0
                                          • T
                                            TT-Tom @manylopmy last edited by TT-Tom

                                            @manylopmy

                                            zeige bitte mal die Objektdaten vom diesem Datenpunkt.

                                            plenticore.0.devices.local.battery.SoC
                                            

                                            eigentlich sollte das Icon eine Farbe haben und nicht weiss sein.

                                            bei welchem Füllstand welche Farbe aktiviert wird

                                            es wird die Farbskala aus dem Script genutzt.

                                            //Dynamische Indikatoren (Abstufung grün nach gelb nach rot)
                                            const colorScale0:      RGB = { red:  99, green: 190, blue: 123 };
                                            const colorScale1:      RGB = { red: 129, green: 199, blue: 126 };
                                            const colorScale2:      RGB = { red: 161, green: 208, blue: 127 };
                                            const colorScale3:      RGB = { red: 129, green: 217, blue: 126 };
                                            const colorScale4:      RGB = { red: 222, green: 226, blue: 131 };
                                            const colorScale5:      RGB = { red: 254, green: 235, blue: 132 };
                                            const colorScale6:      RGB = { red: 255, green: 210, blue: 129 };
                                            const colorScale7:      RGB = { red: 251, green: 185, blue: 124 };
                                            const colorScale8:      RGB = { red: 251, green: 158, blue: 117 };
                                            const colorScale9:      RGB = { red: 248, green: 131, blue: 111 };
                                            const colorScale10:     RGB = { red: 248, green: 105, blue: 107 };
                                            
                                            M 1 Reply Last reply Reply Quote 2
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            260
                                            7128
                                            4284500
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo