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

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • Armilar
      Armilar Most Active Forum Testing @Kunibert last edited by Armilar

      @kunibert sagte in SONOFF NSPanel mit Lovelace UI:

      Oder hat sich ein Fehler im Skript eingeschlichen?

      Ja - hat sich... ich spiele das mal durch... Die Stopp-Position lässt sich nicht bedienen und der Slider macht auch nicht was er soll...

      Lässt es sich steuern wenn du min/max tauscht?

      <PageItem>{ id: 'alias.0.Rolladen.Rollade_Terrasse', name: "Terrasse", minValueLevel: 100, maxValueLevel: 0},
      
      K 1 Reply Last reply Reply Quote 0
      • K
        Kunibert @Armilar last edited by

        @armilar
        Hi,
        ja, wenn ich es tausche funktionieren die Buttons richtig herum, der Slider ist m. E. dann aber falsch herum. Oder man muss sich nur dan gewöhnen 🙂
        Soll das im Skript noch einmal umgebaut werden oder soll ich besser alle Rolladen in meinen Skripten anpassen? Ich denke das Erste wäre auch für andere, die das Panel neu nutzen, logischer.

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

          @kunibert

          Ich baue das noch um. Kann das ja so selbst nicht nutzen 😉

          1 Reply Last reply Reply Quote 2
          • Chris_71
            Chris_71 last edited by

            @Armilar

            Wäre es möglich das der Slider auch die Werte/Prozente beim verschieben bzw. ständig angezeigt? Ist so im Moment immer ein schätzen beim schieben.

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

              @chris_71

              Ich weiß - Ist ein HMI-Thema

              bräuchte dann einen Feature-Request unter:

              https://github.com/joBr99/nspanel-lovelace-ui/issues

              mit dem Label "HMI"

              1 Reply Last reply Reply Quote 0
              • T
                ticaki Developer last edited by ticaki

                Update - v4.3.3.30

                image.png

                • Überarbeitung der Types
                • Verbesserung der Variablenprüfung
                • Bessere Fehleranzeige in der Konfiguration

                Änderungen am Konfigurationsteil

                Um die Vorzüge der verbesserten Types zu nutzen sind folgende Änderungen nötig. Diese sind kein muss, sondern ein kann. Es werden nachdem Einfügen der folgenden Codeänderungen auf jeden Fall Fehler in eurer Konfiguration erscheinen, die ihr dann bitte behebt.

                alt
                export const config = <Config> {

                neu
                export const config: Config = {

                Der zweite Teil umfasst mehr Punkte und begrifft jede definierte Page.
                PageChart | PageEntities | PageGrid | PageGrid2 | PageThermo | PageMedia | PageUnlock | PageQR | PageAlarm | PagePower

                Diese alle ersetzen wie im gezeigten Beispiel:
                let Abfallpage = <PageEntities>

                Neu
                let Abfallpage: PageType =

                Wenn aktuelle Version ab v4.3.3.10, dann unteren Teil des NSPanelTs.ts ab:

                // ________________ DE: Ab hier keine Konfiguration mehr _______________

                austauschen

                https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                Wenn aktuelle Version bis v4.3.3.9, dann Updateaneitung befolgen:
                https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Starthilfe-FAQ#hilfe-bei-update--upgrade

                VG
                @Armilar, @TT-Tom, @Kuckuckmann & @ticaki 😊

                1 Reply Last reply Reply Quote 4
                • Chris_71
                  Chris_71 last edited by

                  @ticaki

                  hier hat sich wohl ein Schreibfehler eingeschlichen:

                  neu
                  export config: Config = {

                  export const config: Config = {

                  T 1 Reply Last reply Reply Quote 2
                  • T
                    ticaki Developer @Chris_71 last edited by

                    @chris_71

                    Danke recht hast du 🙂

                    1 Reply Last reply Reply Quote 0
                    • T
                      ticaki Developer last edited by

                      Zum Update

                      Hab noch was vergessen:

                      Alle <PageItem> können/sollten entfernt werden.

                      In der Konfiguration soll nirgendwo im code etwas mit <> vor einem Wert stehen.

                      1 Reply Last reply Reply Quote 2
                      • Homoran
                        Homoran Global Moderator Administrators last edited by Homoran

                        Ich habe hier
                        https://forum.iobroker.net/post/1104335

                        einen Irrläufer hineingeschoben.

                        Nicht dass er jetzt ganz verloren geht

                        1 Reply Last reply Reply Quote 1
                        • T
                          ticaki Developer @OlliGut last edited by ticaki

                          @olligut sagte in SONOFF NSPanel mit Lovelace UI:

                          Hallo zusammen,
                          ich würde gerne meine Bose Soundtouch mit dem NSPanel steuern. Ich habe auf dem IOBroker den Soundtouch Adapter installiert und eine Instanz angelegt. Da es die vorkonfigurierten MediaCards nur für Sonos, Alexa etc gibt. wollte ich einfach eine Standard-MediaCard nutzen.

                          let Bose = <PageMedia>
                          {
                              "type": "cardMedia",
                              "heading": "Bose",
                              "useColor": true,
                              "items": [<PageItem>{   
                                          id: AliasPath + 'Media.Bose', 
                                          adapterPlayerInstance: "bosesoundtouch.0.",
                                          mediaDevice: "192.168.178.32",
                                          speakerList: ["Wohnzimmer"],
                                          colorMediaIcon: colorSpotify,
                                          colorMediaArtist: Yellow,
                                          colorMediaTitle: Yellow,
                                          autoCreateALias : true
                                       }]
                          };
                          

                          Aber schon ein erster Versuch schlägt fehl: "Cannot read properties of undefined (reading 'id')"
                          Was eigentlich logisch ist, weil es den Pfad unter Alias auch nicht gibt; allerdings wird er auch nicht angelegt, obwohl ich das Autoanlegen aktiviert habe.
                          Hat vielleicht jemand so einen Adapter bereits gebaut und könnte mir etwas helfen, oder wie sollte ich vorgehen, wenn ich das selber machen müsste?
                          Für einen Tipp bedanke ich mich im Voraus und wünsche allen schonmal einen guten Rutsch.
                          Gruß Olli

                          Da gehen nur eingebaute Adapter und bosesoundtouch.0 ist da nicht drin. Mal sehen was @Armilar, @TT-Tom dazu meinen. Ich mach nur types 🙂

                          Passt aber gerade gut, hab vor 20 Minuten die types dafür eingebaut.

                          type PlayerType = 'alexa2' | 'sonos' | 'spotify-premium' | 'volumio' |'squeezeboxrpc' 
                          
                          Armilar 1 Reply Last reply Reply Quote 0
                          • Armilar
                            Armilar Most Active Forum Testing @ticaki last edited by Armilar

                            @ticaki
                            @OlliGut

                            Was sind das für Datenpunkte?

                            Kann das gerne einbauen, allerdings nicht testen... Müsstest du dann übernehmen...

                            Brauche erstmal die Datenpunkte vom bosesoundtouch.0. und am Besten auch von den wichtigsten Inhalten der Datenpunkte...

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

                              Update v4.3.3.31

                              99f804cb-9be0-4f52-9f79-9bf61e77403d-image.png

                              @ticaki ist unermüdlich am Tippen und hat folgende Änderungen für euch heute mitgebracht:

                              • Da der Alias für die cardMedia sowieso von niemanden erstellt werden kann, wird der Parameter autoCreateALias in der Seitendefinition der cardMedia nicht mehr benötigt. Der Parameter ist direkt in die Funktion der cardMedia im NSPanelTs.ts gewandert.
                              • Ab sofort ist die Verwendung des Parameters adapterPlayerInstanz ausschließlich auf die cardMedia eingeschränkt. (Ich denke den hatte sowieso niemand in einer anderen Card 😉 )
                              • Es sind 10 Player-Instanzen (0-9) eines Adapters erlaubt. Jede Instanz benötigt einen '.' Punkt am Ende (War bislang beim Volumio und Squeezebox-RPC nicht der Fall). Also volumio.0. statt volumio.0 und squeezeboxrpc.0. statt squeezeboxrpc.0
                                Somit sind alle Player-Instanzen von der Nomenklatur jetzt gleich.

                              @TT-Tom hat mit der v4.3.3.29 eine ESP32-Buzzer-Funktion im popupNotify bereitgestellt. Die v4.3.3.30 kam zeitgleich mit der v4.3.3.29, so dass die Erwähnung dieses Punktes unterging.

                              In den nächsten Tagen kommen von meiner Seite dann noch funktionale Verbesserungen für den einen oder anderen Media-Player.

                              Wenn aktuelle Version ab v4.3.3.30, dann unteren Teil des NSPanelTs.ts ab:

                              // ________________ DE: Ab hier keine Konfiguration mehr _______________
                              

                              austauschen

                              https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                              Wenn aktuelle Version bis v4.3.3.29, dann Updateaneitung befolgen:
                              https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Starthilfe-FAQ#hilfe-bei-update--upgrade

                              VG
                              @ticaki , @TT-Tom & @Armilar 😊

                              1 Reply Last reply Reply Quote 2
                              • O
                                OlliGut @Armilar last edited by

                                @armilar Das wäre ja super. Testen werde ich natürlich gerne. Ich habe die Datenpunkte als json, wie kann ich dir diese zur Verfügung stellen? Man kann wohl nur Bilder hochladen und dafür ist es zu viel...
                                Schon mal vielen Dank.
                                Gruß Olli

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

                                  @olligut

                                  Ein Bild von den Datenpunkten unter Objekte reicht mir, wenn die Werte z.T. sichtbar sind.

                                  Ggfs. komme ich bei dem ein oder anderen auf dich zurück

                                  Der Adapter selbst liefert ja auch Infos...

                                  O 1 Reply Last reply Reply Quote 0
                                  • icebear
                                    icebear last edited by

                                    Halli,Hallo

                                    Ich hab heute das update auf v4.3.3.30 durchgeführt, das Script zeigt im Editor keinen Fehler und startet dann auch ohne Fehler.

                                    Allerdings kommt dann nach kurzer Zeit Zeit folgende Fehlermeldung:

                                    javascript.0
                                    2024-01-04 11:15:00.086	warn	script.js.NSPanel.NSPanelTS_1_v4_3_3_30: error at function HandleScreensaverUpdate: Cannot read properties of undefined (reading 'ScreensaverEntityIconColor')
                                    
                                    javascript.0
                                    2024-01-04 11:14:30.397	warn	script.js.NSPanel.NSPanelTS_1_v4_3_3_30: error at function HandleScreensaverUpdate: Cannot read properties of undefined (reading 'ScreensaverEntityIconColor')
                                    
                                    javascript.0
                                    2024-01-04 11:14:28.266	warn	script.js.NSPanel.NSPanelTS_1_v4_3_3_30: error at function HandleScreensaverUpdate: Cannot read properties of undefined (reading 'ScreensaverEntityIconColor')
                                    
                                    javascript.0
                                    2024-01-04 11:10:30.469	warn	script.js.NSPanel.NSPanelTS_1_v4_3_3_30: error at function HandleScreensaverUpdate: Cannot read properties of undefined (reading 'ScreensaverEntityIconColor')
                                    

                                    die hatte ich vorher nicht??

                                    Anmeckern tut er anscheinend die Einträge für 'indicatorScreensaverEntity' und da wohl 'ScreensaverEntityIconColor: {'val_best': 1}'

                                    die sehen bei mir so aus:

                                                // indicatorScreensaverEntity 2 (only Advanced Screensaver)
                                                { 
                                                    ScreensaverEntity: 'alias.0.Home.Garage.Garagentor.ACTUAL',
                                                    ScreensaverEntityFactor: 1,
                                                    ScreensaverEntityDecimalPlaces: 0,
                                                    ScreensaverEntityIconOn: 'garage-variant',
                                                    ScreensaverEntityIconOff: 'garage-open-variant',
                                                    ScreensaverEntityText: 'Garage',
                                                    ScreensaverEntityUnitText: '',
                                                    ScreensaverEntityIconColor: {'val_best': 1}
                                                },
                                    

                                    ich hab das gemäß Wiki mal auf

                                    'ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 1 }'

                                    geändert, aber die Fehler kommen weiterhin.

                                    Wo ist jetzt mein Problem? Wie gesagt vor dem Update lief alles ohne Probleme

                                    T 1 Reply Last reply Reply Quote 0
                                    • T
                                      ticaki Developer @icebear last edited by

                                      @icebear sagte in SONOFF NSPanel mit Lovelace UI:

                                      ScreensaverEntityIconColor

                                      Zeig mal bitte den kompletten Unterpunkt zu indicatorScreensaverEntity.

                                      icebear 1 Reply Last reply Reply Quote 0
                                      • icebear
                                        icebear @ticaki last edited by

                                        @ticaki said in SONOFF NSPanel mit Lovelace UI:

                                        Zeig mal bitte den kompletten Unterpunkt zu indicatorScreensaverEntity.

                                        indicatorScreensaverEntity:
                                                [
                                        		// Examples for Advanced-Screensaver: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#entity-status-icons-ab-v400
                                                    { 
                                                        ScreensaverEntity: 'alias.0.Home.Nuki.Nuki.ACTUAL',
                                                        ScreensaverEntityFactor: 1,
                                                        ScreensaverEntityDecimalPlaces: 0,
                                                        ScreensaverEntityIconOn: 'lock-outline',
                                                        ScreensaverEntityIconOff: 'lock-open-outline',
                                                        ScreensaverEntityText: 'Nuki',
                                                        ScreensaverEntityUnitText: '',
                                                        ScreensaverEntityIconColor: { 'val_best': 1}
                                                    },
                                                    // indicatorScreensaverEntity 2 (only Advanced Screensaver)
                                                    { 
                                                        ScreensaverEntity: 'alias.0.Home.Garage.Garagentor.ACTUAL',
                                                        ScreensaverEntityFactor: 1,
                                                        ScreensaverEntityDecimalPlaces: 0,
                                                        ScreensaverEntityIconOn: 'garage-variant',
                                                        ScreensaverEntityIconOff: 'garage-open-variant',
                                                        ScreensaverEntityText: 'Garage',
                                                        ScreensaverEntityUnitText: '',
                                                        ScreensaverEntityIconColor: {'val_best': 1}
                                                    },
                                                    // indicatorScreensaverEntity 3 (only Advanced Screensaver)
                                                    { 
                                                        ScreensaverEntity: 'alias.0.Home.Alarmanlage.ACTUAL',
                                                        ScreensaverEntityFactor: 1,
                                                        ScreensaverEntityDecimalPlaces: 0,
                                                        ScreensaverEntityIconOn: 'shield-home-outline',
                                                        ScreensaverEntityIconOff: 'shield-home-outline',
                                                        ScreensaverEntityText: 'Alarm',
                                                        ScreensaverEntityUnitText: '',
                                                        ScreensaverEntityIconColor: {'val_best': 0}
                                                    },
                                                     // indicatorScreensaverEntity 4 (only Advanced Screensaver)
                                                    { 
                                                        ScreensaverEntity: 'alias.0.Home.Garage.CarLoad.ACTUAL',
                                                        ScreensaverEntityFactor: 1,
                                                        ScreensaverEntityDecimalPlaces: 0,
                                                        ScreensaverEntityIconOn: 'ev-plug-ccs2',
                                                        ScreensaverEntityIconOff: 'ev-plug-ccs2',
                                                        ScreensaverEntityText: 'Car',
                                                        ScreensaverEntityUnitText: '',
                                                        ScreensaverEntityIconColor: {'val_best': 0}
                                                    },                     
                                                ],
                                        
                                        T Armilar 2 Replies Last reply Reply Quote 0
                                        • T
                                          ticaki Developer @icebear last edited by ticaki

                                          @icebear sagte in SONOFF NSPanel mit Lovelace UI:

                                          indicatorScreensaverEntity

                                          Fehler im Code und in der Config gefunden.

                                          Es müssen 5 angegeben sein - dein Fehler

                                          Es wird nicht gecheckt ob einer undefiniert ist - unser Fehler

                                          Und noch einer - IconColor wurde immer vom 5 Eintrag genommen

                                          🙂

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

                                            @icebear

                                            ScreensaverEntityIconColor: {'val_best': 0}
                                            

                                            geht nicht!

                                            es muss mindestens val_min und val_max vorhanden sein.

                                            ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 985, 'val_best': 500}
                                            

                                            Zum Prinzip:

                                            • val_min stellt den minimalen Wert einer Skala dar (grün)

                                            • val_max stellt den maximalen Wert einer Skala dar (rot)

                                            • Wenn val_best (optional) gesetzt ist (Wert zwischen val_min und val_max), dann stellt dieser den "grünen Bereich" dar und ändert sich zu val_min und val_max jeweils in Richtung rot.

                                            EDIT:
                                            Man kann natürlich wie in diesem Beispiel:

                                                       { 
                                                            ScreensaverEntity: 'alias.0.Home.Nuki.Nuki.ACTUAL',
                                                            ScreensaverEntityFactor: 1,
                                                            ScreensaverEntityDecimalPlaces: 0,
                                                            ScreensaverEntityIconOn: 'lock-outline',
                                                            ScreensaverEntityIconOff: 'lock-open-outline',
                                                            ScreensaverEntityText: 'Nuki',
                                                            ScreensaverEntityUnitText: '',
                                                            ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 1, 'val_best': 0}         
                                                       },
                                            

                                            die Skala für boolsche Werte nutzen. Wenn du jedoch nur zwei Zustände hast, kannst du OnColor und OffColor benutzen

                                                       { 
                                                            ScreensaverEntity: 'alias.0.Home.Nuki.Nuki.ACTUAL',
                                                            ScreensaverEntityFactor: 1,
                                                            ScreensaverEntityDecimalPlaces: 0,
                                                            ScreensaverEntityIconOn: 'lock-outline',
                                                            ScreensaverEntityIconOff: 'lock-open-outline',
                                                            ScreensaverEntityText: 'Nuki',
                                                            ScreensaverEntityUnitText: '',
                                                            ScreensaverEntityOnColor: Green,
                                                            ScreensaverEntityOffColor: Red,            
                                                       },
                                            
                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            845
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            262
                                            7192
                                            4925276
                                            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