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.
    • JohGre
      JohGre last edited by JohGre

      @armilar Hi, wie muss das dahinterliegende JSON beim CardChart ausschauen?

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

        @johgre sagte in SONOFF NSPanel mit Lovelace UI:

        Hallo, habe seit dem Update auf 3.7.0 Probleme mit der CardPower. Es kommt immer folgendes Warning und die Seite wir nicht aufgebaut. Waiting for Content

        Ist die cardPower die erste Seite?

        [
          {
            "id": 0,
            "value": 13,
            "unit": "kW",
            "icon": "emoticon-happy-outline",
            "iconColor": 0
          },
          {
            "id": 1,
            "value": 3,
            "unit": "kW",
            "direction": "in",
            "icon": "battery-charging-60",
            "iconColor": 10,
            "speed": -3
          },
          {
            "id": 2,
            "value": 4.7,
            "unit": "kW",
            "direction": "in",
            "icon": "solar-power-variant",
            "iconColor": 3,
            "speed": 2
          },
          {
            "id": 3,
            "value": 4.3,
            "unit": "kW",
            "direction": "in",
            "icon": "wind-turbine",
            "iconColor": 1,
            "speed": 3
          },
          {
            "id": 4,
            "value": 3.4,
            "unit": "kW",
            "direction": "in",
            "icon": "shape",
            "iconColor": 10,
            "speed": 3
          },
          {
            "id": 5,
            "value": 0.1,
            "unit": "kW",
            "direction": "in",
            "icon": "transmission-tower",
            "iconColor": 0,
            "speed": 2
          },
          {
            "id": 6,
            "value": 2.5,
            "unit": "kW",
            "direction": "in",
            "icon": "car",
            "iconColor": 5,
            "speed": 2
          }
        ]
        

        Es gab eine Erweiterung für das mittlere Element (in id 0)

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

          @johgre

          @armilar Hi, wie muss das dahinterliegende JSON beim CardChart ausschauen?

          Es gibt kein JSON. Nur einen String. Fumanchi hat es als Textvariante in der HMI hinterlegt...

          Der Datenpunkt in 0_userdata sieht bei mir so aus

          8fee51ce-ed12-4b89-a02a-ab0901303559-image.png

          Das ist der Inhalt:
          9^18:00~9~9~8~9^22:00~8~7~4~4^2:00~5~4~4~4^6:00~4~5~6~7^10:00~9~14~14~13^14:00~13~8~8

          Zur Erklärung:

          Die Werte werden mit der Tilde (~) getrennt (hier im Beispiel sogar 24 Werte)
          9~9~9~8~9~8~7~4~4~5~4~4~4~4~5~6~7~9~14~14~13~13~8~8

          Wenn eine Uhrzeit xAxisTick mit angezeigt werden soll, dann wird dem Wert ein ^hh:mm angehängt.
          f6f61d7f-dd7b-4203-8f47-b6b8c92aa929-image.png

          Beispiel:
          https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardchart-ab-ts-script-v370

          Im Beispiel werden 24 Stunden (Mittelwerte) mit 5 weiteren xAxisTicks verwendet. Der erste wird automatisch gesetzt.
          c189ce20-59cb-4eda-8882-743cf148388e-image.png

          1 Reply Last reply Reply Quote 1
          • JohGre
            JohGre @Armilar last edited by

            @armilar Ja, ist bzw. war Erste Seite, nun die Zweite. Es kommt aber ein anderes Warning

            6:56:38.830	warn	javascript.0 (1121) script.js.Energie.NSPanel.NSPanelTs_ts: function GeneratePowerPage: Cannot read properties of undefined (reading 'red')
            16:56:38.830	warn	javascript.0 (1121) script.js.Energie.NSPanel.NSPanelTs_ts: function SendToPanel: Cannot read properties of undefined (reading 'payload')
            

            Ist es eigentlich zwingend notwendig alle Elemete [0-6] in der richtigen Reihenfolge bzw. alle im JSON zu haben?

            Armilar C 2 Replies Last reply Reply Quote 1
            • Armilar
              Armilar Most Active Forum Testing @JohGre last edited by Armilar

              @johgre

              Ja, ist bzw. war Erste Seite, nun die Zweite.

              (Waiting for Content) liegt daran, dass die Seite noch nicht korrekt aufgebaut werden kann. Deshalb zunächst, bis die Seite funktioniert eine funktionale Seite davorsetzen.

              Es kommt aber ein anderes Warning

              Gibt es die Konstante "r"ed oder heißt die "R"ed?

              Ist es eigentlich zwingend notwendig alle Elemete [0-6] in der richtigen Reihenfolge bzw. alle im JSON zu haben?

              Es müssen aktuell alle 7 Elemente in der richtigen Reihenfolge sein. Zur Zeit wird die id nicht berücksichtigt.

              P.S.: Wenn keine Werte oder Elemente angezeigt werden sollen, dann die Position mit "" belegen (siehe Wiki)

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

                @tomduke

                Ja Top... Das sollte nachher auch noch funktionieren... 😊 👍

                Armilar TomDuke 2 Replies Last reply Reply Quote 0
                • Armilar
                  Armilar Most Active Forum Testing @Armilar last edited by Armilar

                  86263314-54fb-4250-b586-020fadf7c3df-image.png

                  Den unteren Teil des TS-Scriptes ersetzten, dann sollte die Navigation der Subpages wieder funktionieren...

                  https://github.com/joBr99/nspanel-lovelace-ui/tree/main/ioBroker

                  1 Reply Last reply Reply Quote 0
                  • TomDuke
                    TomDuke @Armilar last edited by

                    @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                    @tomduke

                    Ja Top... Das sollte nachher auch noch funktionieren... 😊 👍

                    Ich verzweifle langsam,
                    ich kann auf dem Panel sehen welcher Titel und Artist gerade läuft, auch im MQTT, wenn ich Spotify vom Mac starte, aber ich kann am Panel nicht die Lautstärke, Pause, Play usw. drücken
                    bzw. keine Funktion
                    woran könnte das liegen?
                    DCB5215C-1D27-49B3-B609-546B3CD54B09_1_201_a.jpeg

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

                      @tomduke

                      Das sieht aus, als würde der ALIAS Media arbeiten.

                      Gibt es irgendwelche Warnungen?

                      Kicke mal mit geöffneter Tasmota-Console die Tasten und dann Poste mal kurz das Log mit den Aktionen...

                      Sollte etwa so aussehen:

                      21:28:11.287 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,buttonPress2,alias.0.NSPanel.1.Media.PlayerSpotifyPremium,media-shuffle"}
                      21:28:11.444 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:11.864 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:14.240 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,buttonPress2,alias.0.NSPanel.1.Media.PlayerSpotifyPremium,media-back"}
                      21:28:15.976 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:16.426 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:17.598 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,buttonPress2,alias.0.NSPanel.1.Media.PlayerSpotifyPremium,media-pause"}
                      21:28:19.330 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:19.744 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:20.699 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,buttonPress2,alias.0.NSPanel.1.Media.PlayerSpotifyPremium,media-pause"}
                      21:28:22.384 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:22.797 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:23.249 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,buttonPress2,alias.0.NSPanel.1.Media.PlayerSpotifyPremium,media-next"}
                      21:28:24.977 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:25.393 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:26.568 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,buttonPress2,alias.0.NSPanel.1.Media.PlayerSpotifyPremium,media-OnOff"}
                      21:28:28.144 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:28.568 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:29.438 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,buttonPress2,alias.0.NSPanel.1.Media.PlayerSpotifyPremium,media-pause"}
                      21:28:31.143 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:31.564 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:34.509 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,buttonPress2,alias.0.NSPanel.1.Media.PlayerSpotifyPremium,volumeSlider,31"}
                      21:28:34.672 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:35.093 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:37.468 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,pageOpenDetail,popupInSel,alias.0.NSPanel.1.Media.PlayerSpotifyPremium?speakerlist"}
                      21:28:37.642 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:39.765 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,buttonPress2,popupLight,bExit"}
                      21:28:39.820 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:40.236 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:41.010 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,pageOpenDetail,popupInSel,alias.0.NSPanel.1.Media.PlayerSpotifyPremium?playlist"}
                      21:28:41.197 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:42.268 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,buttonPress2,popupLight,bExit"}
                      21:28:42.328 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:42.747 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:44.108 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,pageOpenDetail,popupInSel,alias.0.NSPanel.1.Media.PlayerSpotifyPremium?equalizer"}
                      21:28:44.285 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:46.719 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,buttonPress2,popupLight,bExit"}
                      21:28:46.831 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:47.248 MQT: SmartHome/NSPanel_1/stat/RESULT = {"CustomSend":"Done"}
                      21:28:48.621 MQT: SmartHome/NSPanel_1/tele/RESULT = {"CustomRecv":"event,buttonPress2,alias.0.NSPanel.1.Media.PlayerSpotifyPremium?repeat,button"}
                      

                      Mal die spotify-premium Instanz durchgestartet? Nicht das da irgendetwas hängt...

                      TomDuke 1 Reply Last reply Reply Quote 0
                      • TomDuke
                        TomDuke @Armilar last edited by

                        @armilar sagte in SONOFF NSPanel mit Lovelace UI:

                        @tomduke

                        Mal die spotify-premium Instanz durchgestartet? Nicht das da irgendetwas hängt...

                        Da hätte ich auch mal drauf kommen können, es kann so einfach sein 🤦‍♂️

                        Alles mal neu gestartet und jetzt gehts, ich freu mich riesig
                        danke für deine Geduld und Hilfe

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

                          @tomduke

                          Na immer wieder gerne 😊

                          TomDuke 1 Reply Last reply Reply Quote 0
                          • K
                            Kuckuckmann @Wuschl last edited by

                            @wuschl
                            Ich habe Dich nicht vergessen.
                            Ich hab zunächst Fragen:

                            • Wenn das Problem besteht, steht dann etwas in den Datenpunkten 0_userdata.0.NSPanel.1.ScreensaverInfo.popupNotifyHeading & 0_userdata.0.NSPanel.1.ScreensaverInfo.popupNotifyText drin?

                            • Wenn ja, berührst du regelmäßig das Display, wenn der Screensaver an ist?

                            • Prüfe mal bitte im MQTT Adapter, ob Dort der Haken gesetzt ist bei "Nur bei Änderungen publizieren"? Wenn ja bitte nimm den raus und starte den Adapter neu.

                            Ich bin auf deine Antworten gespannt 🙂

                            W 1 Reply Last reply Reply Quote 0
                            • W
                              Wuschl @Kuckuckmann last edited by

                              @kuckuckmann habe geduldig gewartet 🙂

                              um deine Fragen gerne zu beantworten..

                              • die Datenpunkte sind nach dem Neustart leer
                              • ein Display berühre ich regelmäßig, befindet sich direkt neben der Haustür.
                              • der Haken im MQTT Adapter ist nicht gesetzt
                              K 1 Reply Last reply Reply Quote 0
                              • K
                                Kernal last edited by Kernal

                                Hallo zusammen

                                Ich habe jetzt auch mal das Lovelance UI auf meinem US NSPanel mit dem Typescript von https://github.com/joBr99/nspanel-lovelace-ui
                                Habe aber da noch 3 Wünsche / Probleme:
                                IMG_0841.jpg IMG_0843.jpg
                                Und zwar

                                1. Das Datum im Screensaver wird abgeschnitten. Kann man das irgendwie anders formatieren ? Wenn ja wo ? z.B. Statt Donnerstag ausgeschrieben nur Don. oder so.

                                2. Ich hätte gerne auf dem Screensaver noch die Temperatur des Sensorfühlers des NSPanel. Klar ich könnte mir das mit einen Notify einblenden lassen, aber gibt es da keine andere Lösung dass es schön mit ICON dargestellt wird. Coll fände ich wenn entweder unter der Uhrzeit (da ist noch massig Platz) oder das aktuelle Aussenwetter nach links oder rechts und dann die Temperatur von dem Sensor daneben ?

                                3. Lässt sich der Sensor wert irgendwie korrigieren ? Bei werden 28°C angezeigt. Das stimmt im Leben nicht 🙂

                                Ich hab auch schon gegoogelt, aber irgendwie nichts schlaues gefunden.

                                Vielen Dank und Gruss

                                Claudio

                                J Armilar 4 Replies Last reply Reply Quote 0
                                • J
                                  joBr99 @Kernal last edited by

                                  @kernal said in SONOFF NSPanel mit Lovelace UI:

                                  Lässt sich der Sensor wert irgendwie korrigieren ? Bei werden 28°C angezeigt. Das stimmt im Leben nicht

                                  Schau mal hier: https://github.com/joBr99/nspanel-lovelace-ui/issues/144

                                  Der Sensor lässt sich mit adcparam in tasmota kalibieren; kann sein, dass du etwas mit den Werten spielen musst.

                                  bkbartk created this issue in joBr99/nspanel-lovelace-ui

                                  closed correct AdcParam #144

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

                                    @kernal sagte in SONOFF NSPanel mit Lovelace UI:

                                    Lässt sich der Sensor wert irgendwie korrigieren ? Bei werden 28°C angezeigt. Das stimmt im Leben nicht

                                    Ich hab auch schon gegoogelt, aber irgendwie nichts schlaues gefunden.

                                    oder hier:

                                    https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ#21--interner-raum-temperatursensor

                                    Das Datum im Screensaver wird abgeschnitten. Kann man das irgendwie anders formatieren ? Wenn ja wo ? z.B. Statt Donnerstag ausgeschrieben nur Don. oder so.

                                    Ja ist interessant, das Display ist in der us-p schmaler als in der eu. Ich lasse mir da etwas einfallen.

                                    1 Reply Last reply Reply Quote 0
                                    • TomDuke
                                      TomDuke @Armilar last edited by

                                      @armilar
                                      Ich glaube irgendwas stimmt nicht,
                                      obwohl alles funktioniert kommen jede Menge Warnungen 😕
                                      Fehler.jpg

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

                                        @kernal

                                        Suche (bei mir ca. Zeile 2000) mal nach der function SendDate() und trage bei weekday ein short ein. Sage mir dann noch kurz ob es passt...

                                        function SendDate(): void {
                                            try {
                                                const date = new Date();
                                                const options: any = { weekday: 'short', year: 'numeric', month: 'long', day: 'numeric' };
                                                const _SendDate = date.toLocaleDateString(config.locale, options);
                                        
                                                SendToPanel(<Payload>{ payload: 'date~' + _SendDate });
                                            } catch (err) {
                                                console.warn('function SendDate: ' + err.message);
                                            }
                                        }
                                        
                                        1 Reply Last reply Reply Quote 0
                                        • Armilar
                                          Armilar Most Active Forum Testing @TomDuke last edited by

                                          @tomduke

                                          Die Warnungen sind ja nicht gerade präzise 😉 Was war denn die letzte Aktion, die das verursacht haben könnte?

                                          Für mich gibt es da zwei Ansätze: Die Farbkonstanten sind nicht komplett oder in der Config stimmt etwas nicht. Bitte mal den oberen Teil in Code-Tags posten... 7a920c45-3b82-4bd9-8675-4c88db246798-image.png

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

                                            @kernal

                                            98df1b4e-b811-4bc9-a7b2-fa726b3c8997-image.png

                                            Unteren Teil ersetzen:
                                            https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/ioBroker/NsPanelTs.ts

                                            Das TS-Script legt 2 neue Datenpunkte an:
                                            db40d4f3-ca58-4aea-bcdc-b572425b4c66-image.png

                                            In Weekday oder Month short eintragen. Dann sollte es ein kurzes Datumsformat geben.

                                            EDIT: Funktioniert natürlich auch mit der eu Version. Nur da ist es nicht wirklich erforderlich...

                                            K 1 Reply Last reply Reply Quote 0
                                            • 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
                                            4286789
                                            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