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 @gutgut30 last edited by

      @gutgut30

      Naja - wenn du "Bitte hinten auf den Schalter klicken" reinschreibst, dann fehlt der Name 😊

      Ich glaube die Gäste kommen bei einer guten Struktur auch zum Ziel...

      Nee, im Ernst, das Popup wird selbst aufgeschaltet. Da macht das NSPanelTS.ts gar nichts. Ich könnte natürlich dann die Daten nicht an das Panel weitergeben - aber was willst du mit einer schwarzen Seite mit einem "x" oben? 😉

      Geht nicht...

      G 1 Reply Last reply Reply Quote 0
      • T
        tomsport2022 @Armilar last edited by

        @armilar said in SONOFF NSPanel mit Lovelace UI:

        @tomsport2022 sagte in SONOFF NSPanel mit Lovelace UI:

        da ich keinen Zustandsabhängigen Icon haben will.

        Wenn zB der Geschirrspüler läuft,

        • soll das dishwasher Icon angezeigt werden inkl Value für die Restlaufzeit,
        • ansonsten das Power Icon, je nachdem ob eine geschaltene Steckdose noch aktiv ist oder nicht.

        Das ist für das Icon eine boolsche Logik! Allerdings bekommst du mit der "verbleibenden Zeit" keinen eindeutigen Zustand und genau da dürfte dein Problem liegen.

        Ich hab dafür auch in der HandleScreensaverStatusIcons Funktion entsprechende Stellen angepasst oder erweitert, jedoch scheitert es eher daran, dass er dieses Icon dann auch anzeigt

        Ist aufgrund der Wartbarkeit nicht die cleverste Idee...

        Da kommen wir aber auch nicht zusammen... das ist mir zu individuell...

        Wenn du jetzt das Dishwasher-Icon nimmst und dahinter die Restlaufzeit, dann wäre es kein Problem diese Infos in die leftScreensaverEntities zu setzen. Eine 0 oder '00:00' hinter dem Icon würde "mir" zumindest sagen, dass die Zeit abgelaufen ist...

        Auf jeden Fall ist das eine sehr individuelle Spielerei und das mit der Wartbarkeit ist mir bewusst. Die Entity hab ich boolsch selbst über ein Skript auf true/false gesetzt, falls eine der Steckdosen noch aktiv ist oder eben auch wenn der Dishwasher aktiv ist, dann wird auch der Value eingeblendet, solange die Restlauftzeit >0 ist.

        Danke trotzdem für die Infos!

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

          @armilar
          Ich muss auch einsehen, dass es nicht besonders einheitlich wäre, wenn manche PopUps kommen und andere nicht. Aber du kennst das sicherlich, wenn man erst mal in Fluss ist und sich was baut kommen dann auch viele Ideen.

          Cooles Projekt übrigens, tolle Arbeit.

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

            @gutgut30

            Ideen und Anregungen sind sogar sehr gut. Durch meine eigenen häuslichen Anforderungen wäre die Funktionalität des NSPanel's nicht auf diesem Level. Gerne weiterhin bei Bedarf Fragen oder Verbesserungswünsche äußern. Und ein herzliches Dankeschön an diese wirklich tolle Community und an tausende stille Mitleser 😉 !

            Im Vordergrund steht ja ein standardisiertes Skript, dass sich weiterhin mit wenig Customizing-Aufwand für jeden User bedienen lässt.

            Muss aber auch zugeben. Ich habe mich aber beim Switch und beim "einfachen" Light auch immer gefragt, warum ich in ein Popup komme, mit dem ich eben genau nur die gleichen Optionen (An/Aus) bedienen kann... 😉 Stimmt. Das popupLight gehört zum Standard dazu...

            Aber wie es so oft in einer schnell-wachsenden Welt ist. Es ändern sich permanent Dinge und wo vorher eine einfache Lampe war, findet sich irgendwann eine komplexere Lampe wieder. Bis auf den kurzen Tausch des Alias bleibt alles beim Alten - jedoch steigt die Funktionalität.

            Vor ein paar Jahren dachte ich noch - wenn ich den einen oder anderen Teil des Hauses schnell mal automatisiere, dann habe ich sehr bald ein fertiges Smart Home. Heute weiß ich - es wird dann wohl niemals in meinem Leben wirklich fertig werden, weil immer wieder neue Anforderungen dazukommen, eigene Ideen oder Anregungen von Außen einfließen und ältere Technologien durch neuere verdrängt werden ... 😊

            Also machen wir auch immer weiter... aber immer im Kontext: "Keep it Simple and Smart - K.I.S.S"

            VG
            Armilar

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

              UPDATE v4.3.3.25

              Bildschirmfoto 2023-12-22 um 15.15.55.png

              Es ist zwar noch nicht Weihnachten, aber wir schieben das Update schon mal raus.

              Mit diesem Update erweitern wir die Funktion der QR Page. Bei der Nutzung des Parameter "hidePassword: true" im PageItem wird von der mit Passwort Seite
              qrohne.png

              umgeschaltet auf die Anzeige ohne Password. Dafür habt Ihr jetzt die Möglichkeit das WLAN hier über den Swtich ein/auszuschalten

              qrmitein.png
              qrmitaus.png

              so sieht das PageItem jetzt aus.

              <PageItem>{ id: 'alias.0.NSPanel.GuestWifi', hidePassword: true, autoCreateALias: true },
              

              PS: AutoCreateALias solltet ihr auf True setzen, damit die DatenPunkte automatisch bei Öffnen der Page angelegt werden.
              Der neue Alias "alias.0....SWITCH" ist vom Type boolean und standardmäßig mit dem DP unter "0_userdata.0...Switch" verknüpft. Ihr könnt diesen auch mit eurem WLAN - Schalter verknüpfen und damit direkt dann schalten.

              Wie kann ich das Update durchführen?

              Wenn ihr die QR Page nutzt, bitte vor dem ersten öffnen der Seite, die alten Datenpunkte im Alias und 0_userdata löschen. Nach dem neu anlegen der DP, müsst ihr die Daten für das WLAN wieder unter 0_userdata eingeben.

              Der Rest des Updates ist dann Standard.

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

              // _________________________________ DE: Ab hier keine Konfiguration mehr _____________________________________
              // _________________________________ EN:  No more configuration from here _____________________________________
              

              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

              wir wünschen allen eine ruhige und besinnlich Weihnachtszeit

              VG
              @Armilar & TT-Tom 😊

              1 Reply Last reply Reply Quote 4
              • S
                subu last edited by

                Ich hätte eine Frage zum Screensaver (v4.3.3.17).
                Ich nutze das us-p Layout und hier scheinen im Screensaver die Wetteranzeigen verschoben zu sein.
                Also alias.0.Wetter wird gar nicht angezeigt, dafür steht dort der Sonnenaufgang.nspanel.jpg
                Hat jemand auch die US-Version und hat eine Idee woran das liegen könnte?
                Zusätzlich ist mir noch aufgefallen, dass im Service Menü des Panels das Umschalten des Wochentages von long auf short nicht funktioniert. Über ioBroker funktioniert es aber.
                VG,
                Jürgen

                S Armilar 2 Replies Last reply Reply Quote 0
                • S
                  subu @subu last edited by

                  Das mit den Wetteranzeigen hat sich erledigt. War ein Schreibfehler im Alias meinerseits, sorry.

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

                    @subu

                    Zeige mal deinen "alias.0.Wetter"

                    Und bitte auch dazu diesen Part aus dem Script

                    6419a6be-c4d6-4166-964f-c260124a77b3-image.png

                    Ich vermute mal, dass der Alias "alias.0.Wetter" keine Daten liefert. Dann würde sich das nächste Objekt in die Reihenfolge schieben. Dem Serial-Protocol ist es nämlich egal, was es für Enititäten bekommt...

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

                      @subu

                      Das mit den Wetteranzeigen hat sich erledigt. War ein Schreibfehler im Alias meinerseits, sorry.

                      Cool - na zumindest hast du jetzt auch eine Erklärung 😉

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

                        @subu sagte in SONOFF NSPanel mit Lovelace UI:

                        Zusätzlich ist mir noch aufgefallen, dass im Service Menü des Panels das Umschalten des Wochentages von long auf short nicht funktioniert. Über ioBroker funktioniert es aber.

                        Lösch bitte mal diesen Ordner und starte das Script dann mal neu. Die Ordner legen sich automatisch wieder an.

                        0_userdata.....Config.Dateformat
                        
                        S 1 Reply Last reply Reply Quote 1
                        • S
                          subu @TT-Tom last edited by

                          @tt-tom

                          Das hat geholfen. Jetzt funktioniert es wie es soll.
                          Herzlichen Dank.

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

                            67c7f964-ecf6-4a4a-a56c-72c3df44cc6b-image.png

                            Weihnachtszeit – Zeit, innezuhalten und das vergangene Jahr Revue passieren zu lassen, das mit Höhen und Tiefen, aber auch einigen Überraschungen wie im Fluge verging.

                            Weihnachtszeit – Zeit natürlich auch, nach vorn zu schauen, neue Ziele zu formulieren und um sie zuversichtlich zu realisieren.

                            Wir wünschen frohe Festtage, Zeit zur Entspannung, Besinnung auf die wirklich wichtigen Dinge und viele Lichtblicke im kommenden Jahr.

                            Euer NSPanel-Team

                            @Armilar
                            @TT-Tom
                            @Kuckuckmann

                            4fa8c869-1c89-43bd-8cff-9955cb2e06dc-image.png

                            GregorS 1 Reply Last reply Reply Quote 6
                            • GregorS
                              GregorS @Armilar last edited by

                              Ich wünsche Euch und Euren Familien ebenfalls ein frohes und
                              besinnliches Weihnachtsfest.

                              Vielen Dank für Eure Arbeit, die Ihr in das ioBroker-Projekt gesteckt habt,
                              sowie die Hilfe, die wir erfahren durften.

                              So long

                              1 Reply Last reply Reply Quote 3
                              • N
                                nono87 last edited by

                                Guten Morgen,
                                erstmal frohes Fest 🙂

                                ich bin gerade dabei die SpotifyCard zum laufen zu bringen, aber ein paar Dinge lassen mich gerade noch verzweifeln.
                                Die drei Listen unten im Player sind bei mir leider immer leer. Der Rest funktioniert soweit.
                                Also es werden keine Geräte, Playlisten oder Titellisten angezeigt.
                                Script ist das aktuellste v4.3.3.25

                                Vielen Dank schon mal im Voraus

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

                                  @nono87

                                  Bin jetzt nicht der Media Experte. Aber ich glaube du musst die Listen im PageItem selber definieren. Die Eintragungen müssen mit denen auf dem Adapter übereinstimmen.
                                  Hier ein Beispiel aus dem Wiki.

                                  let SpotifyPremium = <PageMedia> 
                                  {
                                      "type": "cardMedia",
                                      "heading": "Spotify-Premium",
                                      "useColor": true,
                                      "subPage": false,
                                      "parent": undefined,
                                      "items": [<PageItem>{ 
                                                  id: AliasPath + 'Media.PlayerSpotifyPremium', 
                                                  adapterPlayerInstance: "spotify-premium.0.",
                                                  speakerList: ['LENOVO-W11-01','Terrasse','Überall','Gartenhaus','Esszimmer','Heimkino','Echo Dot Küche',
                                                                'Echo Spot Buero'],
                                                  //Favoriten Playlists aus Spotify in Liste eintragen 
                                                  playList: ['Party Playlist','Sabaton Radio','Rock Party','This Is Nightwish','Metal Christmas'],
                                                  repeatList: ['off','context','track'],
                                                  equalizerList: ['Bassboost','Klassik','Dance', 'Deep', 'Electronic', 'Flat', 'Hip-Hop', 'Rock', 
                                                                  'Metal', 'Jazz', 'Latin', 'Tonstärke', 'Lounge', 'Piano'],
                                                  colorMediaIcon: colorSpotify,
                                                  colorMediaArtist: Yellow,
                                                  colorMediaTitle: Yellow,
                                                  alwaysOnDisplay: true,
                                                  autoCreateALias: true
                                               }]
                                  };
                                  
                                  N 1 Reply Last reply Reply Quote 0
                                  • N
                                    nono87 @TT-Tom last edited by

                                    @tt-tom
                                    Das habe ich gemacht, aber dennoch bleibt es leer.

                                    let SpotifyPremium = <PageMedia>
                                    {
                                        'type': 'cardMedia',
                                        'heading': 'Spotify-Premium',
                                        'useColor': true,
                                        'items': [<PageItem>{ 
                                                    id: AliasPath + 'Media.PlayerSpotifyPremium', 
                                                    adapterPlayerInstance: "spotify-premium.0.",
                                                    speakerList: ['Denon AVR-X1300W','iPhone'],
                                                    playList: ['Car Music'],
                                                    repeatList: ['off','context','track'],
                                                    equalizerList: ['Bassboost','Klassik','Dance', 'Deep', 'Electronic', 'Flat', 'Hip-Hop', 'Rock', 
                                                                    'Metal', 'Jazz', 'Latin', 'Tonstärke', 'Lounge', 'Piano'],
                                                    colorMediaIcon: colorSpotify,
                                                    colorMediaArtist: Yellow,
                                                    colorMediaTitle: Yellow,
                                                    alwaysOnDisplay: true,
                                                    autoCreateALias: true
                                                 }]
                                    };
                                    
                                    

                                    Unbenannt.PNG

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

                                      @nono87 lösche mal bitte den Alias nochmal und lass ihn jetzt neu anlegen. Vielleicht hilft das.

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

                                        @tt-tom

                                        Auch das hat leider nicht geholfen.

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

                                          @nono87

                                          Dann kann ich dir leider auch nicht weiterhelfen. Vielleicht hat ein anderer User hier noch eine Idee.

                                          N 1 Reply Last reply Reply Quote 0
                                          • W
                                            Whity last edited by

                                            Hallo zusammen und erstmal frohe besinnliche Festtage,

                                            bin bis dato nur 1 von den tausenden stillen Mitlesern, aber stehe jetzt doch vor einem Problem.

                                            bei der PageGrid2 wird mir das 8. Symbol nicht angezeigt, anbei mal der Code

                                            let Sensoren_KG = <PageGrid2>{
                                                'type': 'cardGrid2',
                                                'heading': 'Sensoren',
                                                'useColor': true,
                                                'subPage': true,
                                                'parent': Untergeschoss,
                                                'items': [ 
                                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Flur_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Flur'},
                                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Wasser', icon: "water", offColor: MSGreen, onColor: MSRed, name: "Heizung"},
                                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Heizung'},
                                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Feuer', icon: 'fire',  offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
                                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
                                                        <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Vorratsraum_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Vorratsraum'},
                                                   ]
                                            }
                                            

                                            Verschiebe ich die Zeilen untereinander, wird mir das passende angezeigt nur eben das 8. Icon nicht.
                                            Wenn ich jetzt aus Spaß mal die Temperatur vom Wetter an die 8. Stelle setze, funktioniert es.

                                            <PageItem>{ id: 'alias.0.NSPanel.Wetter.Temperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} }
                                            

                                            Irgendwie ist mir das gerade zu hoch, um es zu verstehen.

                                            Matthias

                                            T 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.2k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            261
                                            7176
                                            4874010
                                            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