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 goes Matter ... Matter Adapter in Stable

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      mading @holgerwolf last edited by

      @holgerwolf exakt D5E8764E-3CDF-44B0-93CD-B476A3F892D4.jpeg

      1 Reply Last reply Reply Quote 0
      • JLeg
        JLeg @holgerwolf last edited by

        @holgerwolf sagte in SONOFF NSPanel mit Lovelace UI:

        @jleg Da liegt doch so eine Abdeckplatte zum Draufschieben bei.

        oh, da muss ich mal die Packung suchen, ob da noch sowas drin ist...

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

          @jleg

          Eine Zugentlastung hat das Gehäuse nicht. Die muss man sich ebenfalls selbst basteln... An die Kontakte kommst du dann natürlich nicht mehr (aber die liegen so auch nicht offen). Habe das Gehäuse aber auch nicht für den Schreibtischgebrauch gekauft, sondern das NSPanel im Gehäuse in der Küche stehen. Sieht einfach vollständiger und (sicherer) aus. Und wenn du nicht unbedingt vor einer Wandrenovierung stehst, erfüllt es seinen Zweck bis dahin auch stehend.

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

            @jleg

            Müsste eigentlich von Anfang an draufgeschoben gewesen sein.

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

              @tt-tom OK danke für den Hinweis, hatte zwar gestern nichts dran geändert. Aber wer weiß...

              F 1 Reply Last reply Reply Quote 0
              • F
                Frank579 @Frank579 last edited by

                @Armilar Ich habe einige Geräte mit einem numerischen Status. Wäre es möglich diesen als "Info" anzulegen und ein Icon für jeden Status in einer anderen Farbe anzuzeigen?

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

                  @frank579

                  Du meinst als Indikator?

                  also analog der vorhandenen Indikatoren?

                  //Dynamische Indikatoren
                  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 };
                  
                  F 1 Reply Last reply Reply Quote 0
                  • F
                    Frank579 @Armilar last edited by

                    @armilar muss ich mir mal anschauen. Mein Wunsch wäre bei Status 0 rot ,1 blau, 5 grün usw. Überlege wie da die config zum Icon aussehen müsste

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

                      @frank579

                      Ich habe einige Geräte mit einem numerischen Status. Wäre es möglich diesen als "Info" anzulegen und ein Icon für jeden Status in einer anderen Farbe anzuzeigen?

                      Mein Wunsch wäre bei Status 0 rot ,1 blau, 5 grün usw. Überlege wie da die config zum Icon aussehen müsste

                      Die Farbskala ist bereits in der 3.9.0 (kommend) drin. Aber Sonderlogiken wird die nicht machen. Da müsstest du dir übergreifend die eben übermittelten colorScale0-10 individuell einfärben...

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

                        @frank579

                        Und dann sitze ich so beim Essen... und da denke ich mir, Info mit Sonderfarbe machen wir doch längst...

                        Sieh dir mal den Alias Warnung und Abfall an 😉

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

                          @armilar danke 👍 werde ich mir mal anschauen. Sonst melde ich mich nochmal 😇

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

                            @armilar @armilar Hallo,
                            ja, genau das selbe Problem habe ich auch nach einem Neustart vom iobroker.
                            Ich habe daher die vorgeschlagenen Änderungen im Script (3.8.3) gemacht

                            // Mit Start auf Updates checken
                            get_locales();
                            setState(config.panelSendTopic, 'pageType~pageStartup');
                            get_tasmota_status0();
                            get_panel_update_data();
                            check_updates();
                            setTimeout(async function () {
                                setState(config.panelSendTopic, 'pageType~pageStartup');
                            }, 60000);
                            

                            Allerdings musste ich den Wert von 1 Minute auf 3 Minuten hochsetzen. Dies dürfte meiner Meinung daran liegen, dass Tasmota bei verlorener Verbindung zum mqtt-Server einen timeout vor einem erneuten Verbindungsversuch von bis zu 120sec einhält.

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

                              @tomps @wuschl

                              Allerdings musste ich den Wert von 1 Minute auf 3 Minuten hochsetzen. Dies dürfte meiner Meinung daran liegen, dass Tasmota bei verlorener Verbindung zum mqtt-Server einen timeout vor einem erneuten Verbindungsversuch von bis zu 120sec einhält.

                              setTimeout(async function () {
                                  setState(config.panelSendTopic, 'pageType~pageStartup');
                              }, 60000);
                              

                              habe immer noch den Eindruck , dass das eigentliche Problem nicht der ioBroker ist. Benutzt ihr eine 2. Middleware? z.B. einen Mosquitto MQTT Server?

                              Bei mir wird auch erst der JS-Adapter gestartet und dann der MQTT. Und bei vielen anderen auch. Die haben alle dieses Problem nicht...

                              Ich habe ebenfalls kein Tatsmota-Timeout von 120sec. Nach einem Abbruch steht das Panel sofort wieder zur Verfügung.

                              W T 2 Replies Last reply Reply Quote 0
                              • W
                                Wuschl @Armilar last edited by Wuschl

                                @armilar Nein, ich benutze den normalen mqtt vom IObroker. ich habe meinen Wert auf 90000 hochgesetzt, seit dem sind mir keine Probleme der Art mehr aufgefallen. Vielleicht ist es auch ein Hardware Problem, mein Iobroker läuft auf nem Raspi P4.
                                Anders ist es bei der Außentemperatur Anzeige, die ist auf den Panels nicht immer gleich. Sie greifen alle auf den gleichen Wetteralias zu.

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

                                  @armilar auch ich benutze den normalen Mqtt-Adaper von iobroker. Iobroker läuft bei mir auf unraid in einem docker Container. Alles in der aktuellen Version.

                                  1 Reply Last reply Reply Quote 0
                                  • B
                                    bean last edited by

                                    @Armilar Eine Frage zu den Aliastypen:
                                    Beim Aliastyp "Lock" sieht man ja den Status, kann aber auch (je nach Status) Verriegeln oder entriegeln (Alias ACTUAL und SET)
                                    Beim Aliastyp Gate wird "nur" der Status angezeigt.
                                    Kann man diese Ver/Entriegelungsfunktion beim Aliastyp Gate auch einbauen?
                                    Hintergrund: Ich habe ein Garagen- und ein Einfahrtstor, das ich auch gerne so steuern würde - es funktioniert zwar mit den Typ Lock, aber dann wird das "falsche" Symbol angezeigt.

                                    Oder anders: Kann ich die On- und Off-Symbole separat übergeben, so wie die Farbe separat übergeben werden kann?

                                    (Oder wäre das ganze bei den Feature-Requests besser aufgehoben?)
                                    Danke!

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

                                      @bean

                                      Das liegt daran, dass door (Tür), window (Fenster) und gate (Tor = z.B. Garagentor) eigentlich die gleiche Funktion haben und somit nur boolsche Zustände wie auf und zu signalisieren.

                                      gate --> also Sensor

                                      Lock ist ja das "Tür-Schloss" zum verriegeln und führt somit eine Aktion aus

                                      lock --> also Aktor

                                      Ich habe bei mir 2 Steuerelemente benutzt, um die Aufgabe zu lösen.

                                      1. einen Typ Taste, da mein Garagentor nur einen Taster nutzt wie

                                        • auf
                                        • stopp (oder laufen lassen)
                                        • zu
                                        • stopp (oder laufen lassen)
                                        • etc.

                                        somit kennt mein Schalter nicht den Zustand des Tores (könnte also statt geöffnet auch halb geöffnet stehen). Der Zustand geschlossen ist aber definitiv nur in verschlossener Position.

                                      1. einen Typ Gate, der mir die Zustände geöffnet/geschlossen anzeigt.

                                        cc89054f-5ed5-43e4-9c0d-fd125d426a7e-image.png

                                      Der Typ Lock ist eigentlich für Haustürschlösser oder andere Verriegelungselemente gedacht. Wenn es jedoch für dich funktioniert, dann kannst du dem pageItem noch ein icon mitgeben.

                                      <PageItem>{ id: 'alias.0.NSPanel_1.TestDoorlock', icon: 'garage' ,offColor: MSRed, onColor: MSGreen, name: 'Garagentor'},
                                      

                                      Aktuell ist kein icon2 implementiert. Kann aber nachgeholt werden, wenn es nur an den Symbolen liegen sollte.

                                      EDIT:
                                      mit folgender Änderung in der function CreateEntity sollte auch ein alternatives icon2 greifen

                                                     case 'lock':
                                                         type = 'button';
                                                         iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('lock');
                                                         iconColor = GetIconColor(pageItem, true, useColors);
                                                         let lockState;
                                      
                                                         if (existsState(pageItem.id + '.ACTUAL')) {
                                                             if (getState(pageItem.id + '.ACTUAL').val) {
                                                                 iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('lock');
                                                                 iconColor = GetIconColor(pageItem, true, useColors);
                                                                 lockState = findLocale('lock', 'UNLOCK');
                                                             } else {
                                                                 iconId = pageItem.icon2 !== undefined ? Icons.GetIcon(pageItem.icon2) : Icons.GetIcon('lock-open-variant');
                                                                 iconColor = GetIconColor(pageItem, false, useColors);
                                                                 lockState = findLocale('lock', 'LOCK');
                                                             }
                                                             lockState = pageItem.buttonText !== undefined ? pageItem.buttonText : lockState;
                                                         }
                                      
                                                         return '~' + type + '~' + pageItem.id + '~' + iconId + '~' + iconColor + '~' + name + '~' + lockState;
                                      
                                      <PageItem>{ id: 'alias.0.NSPanel_1.TestDoorlock', icon: 'garage', icon2: 'garage-open', offColor: MSRed, onColor: MSGreen, name: 'Garagentor'},
                                      
                                      1 Reply Last reply Reply Quote 1
                                      • B
                                        bean last edited by bean

                                        @armilar said in SONOFF NSPanel mit Lovelace UI:

                                        mit folgender Änderung in der function CreateEntity sollte auch ein alternatives icon2 greifen

                                        So werde ichs probieren.

                                        Ich habe die drei Punkte aus meinem Garagentor (Offen/Fährt/Zu) per Skript in ein Boolean verpackt (Fährt/Offen=false, Zu=true),ebenso mappe ich den SET-Alias in jeweil Open oder Close des Garagentors - Deshalb funktioniert Lock als Verrriegelungselement schon sehr gut, mich stört tatsächlich nur das Icon.
                                        Naja, und der Text (LOCK/UNLOCK) wäre mit (OPEN/CLOSE) bei einem Gate besser passend (da gibts aber keinen passenden Text im locales_json...

                                        Hintergrund: Mir gefällt beim "Lock", dass sowohl der Status als auch die Aktion in einem Element/in einer Zeile verpackt ist und dadurch Platz gespart wird bzw. mehr andere Informationen dargestellt werden können

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

                                          @bean sagte in SONOFF NSPanel mit Lovelace UI:

                                          drei Punkte aus meinem Garagentor (Offen/Fährt/Zu)

                                          Du glücklicher... definierte Zustände wären bei mir ein Traum 😉

                                          icon2 lasse ich als Alternativ-Icon im Code 😊

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

                                            Hi,

                                            ich habe mir auchmal so ein Panel besorgt. Bevor ich damit loslege wollte ich bei 92 Seiten nur kurz fragen ob der erste Post inklusive Anleitungen noch aktuell ist oder ob zwischendurch etwas neues steht.

                                            Habe ehrlich gesagt noch nicht alle 92 Seiten durch 😬

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            966
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            260
                                            7128
                                            4373944
                                            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