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 – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    SONOFF NSPanel mit Lovelace UI

    This topic has been deleted. Only users with topic management privileges can see it.
    • arteck
      arteck Developer Most Active @ticaki last edited by arteck

      @ticaki sagemal ist es ein Bug oder soll so

              { id: 'alias.0.NSPanel.Garten.horstOnline', name: 'Status', offColor: Red, onColor: MSGreen, useValue: true, fontSize: 3}
      

      der alias klann offline und online sein.. wird auch angezeigt allerdings immer in der Farbe MSGreen.. würde bei offline das ding gerne in Rot haben

      so ist der alias definiert

      {
        "_id": "alias.0.NSPanel.Garten.horstOnline.ACTUAL",
        "common": {
          "name": "ACTUAL",
          "role": "state",
          "type": "mixed",
          "read": true,
          "write": false,
          "alias": {
            "id": "worx.0.2019501385029008727F.mower.online",
            "read": "val==true?\"online\":val==false?\"offline\":null"
          }
        },
        "native": {},
        "type": "state",
        "acl": {
          "object": 1638,
          "state": 1638,
          "owner": "system.user.admin",
          "ownerGroup": "system.group.administrator"
        },
        "from": "system.adapter.admin.1",
        "user": "system.user.admin",
        "ts": 1758280070290
      }
      
      T 1 Reply Last reply Reply Quote 0
      • T
        ticaki Developer @arteck last edited by ticaki

        @arteck

        Kein Bug - bei dir ist das val = 'online' oder 'offline' das ist laut code... - ok also wenn nicht true ist es onColor

        Codeausschnitt:

                             case 'info':
                                    iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('gesture-tap-button');
                                    iconId2 = pageItem.icon2 !== undefined ? Icons.GetIcon(pageItem.icon2) : iconId;
        
                                    buttonText = pageItem.buttonText !== undefined ? pageItem.buttonText : existsState(pageItem.id + '.BUTTONTEXT') ? getState(pageItem.id + '.BUTTONTEXT').val : 'PRESS';
                                    if (existsState(pageItem.id + '.COLORDEC')) {
                                        iconColor = getState(pageItem.id + '.COLORDEC').val;
                                    } else {
                                        if (val === true || val === 'true') {
                                            iconColor = GetIconColor(pageItem, false, useColors);
                                        } else {
                                            iconColor = GetIconColor(pageItem, true, useColors);
                                        }
                                    }
        

        mit COLORDEC sollte es gehen, da muß aber die dec rein:

        /**
         * Converts an RGB color to a 16-bit 565 color format.
         * 
         * This function takes an RGB color object and converts it to a 16-bit 565 color format.
         * 
         * @function rgb_dec565
         * @param {RGB} rgb - The RGB color object.
         * @returns {number} The 16-bit 565 color value.
         */
        function rgb_dec565 (rgb: RGB): number {    //return ((Math.floor(rgb.red / 255 * 31) << 11) | (Math.floor(rgb.green / 255 * 63) << 5) | (Math.floor(rgb.blue / 255 * 31)));
            return ((rgb.red >> 3) << 11) | ((rgb.green >> 2) << 5) | (rgb.blue >> 3);
        }
        

        Also nen Alias anlegen der COLORDEC heißt und die Farbe vorgeben mit der read Funktion mit schalten.

        hm COLORDEC muß beschrieben sein, wenn ACTUAL aktualisiert wird - da ist kein delay auf dem Pfad soweit ich sehe.

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

          @ticaki
          @arteck

          Welche Rolle hat dein Channel? Vielleicht liegt da schon der Fehler.
          Colordec muss ein Datenpunkt im Channel sein, der sollte auch triggern bei Änderung.

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

            @tt-tom

            Dann passt es ja, ich hab nicht den Pfad von COLORDEC geguckt sondern nur den von ACTUAL.

            das hier sieht aber "ist zwar falsch aber kompatible" aus:

                                            if (val === true || val === 'true') {
                                                iconColor = GetIconColor(pageItem, false, useColors);
                                            } else {
                                                iconColor = GetIconColor(pageItem, true, useColors);
                                            }
            

            EDIT:

            Welche Rolle hat dein Channel? Vielleicht liegt da schon der Fehler.

            da kommt als Wert online und offline die sind bei einem üblichen true vergleich immer wahr und bei einem === true Vergleich immer false.

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

              @ticaki

              die Info rolle unterstütz nur Number und boolean.

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

                @arteck
                @TT-Tom

                Sry ich hab im Navzweig geguckt - Im normalen Zeig ist das anders - sry

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

                  @arteck
                  So rumwühlen ergebnis - geht nicht

                  Ändere hier den code:

                  if (existsState(pageItem.id + '.ACTUAL') && pageItem.icon2 != undefined) {
                                          // Read Alias Datapoint Objectdata
                                          let obj = getObject(pageItem.id + ".ACTUAL");
                                          // Read origin Datapoint Objectdata
                                          if (existsState(obj.common.alias.id)) {
                                              let obj2 = getObject(obj.common.alias.id);
                                              // Register Origin Datapoint
                                              RegisterEntityWatcher(obj.common.alias.id);
                                              // Check Data-Type (This must be boolean)
                                              if (obj2.type === 'state' && obj2.common.type == "boolean") {
                                                  if (Debug) log(getState(obj.common.alias.id).val, 'info');
                                                  if (getState(obj.common.alias.id).val) {
                                                      iconId = pageItem.icon != undefined ? Icons.GetIcon(pageItem.icon) : iconId;
                                                      iconColor = pageItem.onColor != undefined ? rgb_dec565(pageItem.onColor) : iconColor;
                                                  } else {
                                                      iconId = pageItem.icon2 != undefined ? Icons.GetIcon(pageItem.icon2) : iconId;
                                                      iconColor = pageItem.offColor != undefined ? rgb_dec565(pageItem.offColor) : iconColor;
                                                  }
                                              }
                                          }
                                      }
                  

                  EDIT - das ist Käse drunter ist besser

                                    if (existsState(pageItem.id + '.ACTUAL') && (pageItem.icon2 != undefined || pageItem.useValue)) {
                                          // Read Alias Datapoint Objectdata
                                          let obj = getObject(pageItem.id + ".ACTUAL");
                                          // Read origin Datapoint Objectdata
                                          if (existsState(obj.common.alias.id)) {
                                              let obj2 = getObject(obj.common.alias.id);
                                              // Register Origin Datapoint
                                              RegisterEntityWatcher(obj.common.alias.id);
                                              // Check Data-Type (This must be boolean)
                                              if (obj2.type === 'state' && obj2.common.type == "boolean") {
                                                  if (Debug) log(getState(obj.common.alias.id).val, 'info');
                                                  if (getState(obj.common.alias.id).val) {
                                                      if (!pageItem.useValue) iconId = pageItem.icon != un defined ? Icons.GetIcon(pageItem.icon) : iconId;
                                                      iconColor = pageItem.onColor != undefined ? rgb_dec565(pageItem.onColor) : iconColor;
                                                  } else {
                                                      if (!pageItem.useValue) iconId = pageItem.icon2 != undefined ? Icons.GetIcon(pageItem.icon2) : iconId;
                                                      iconColor = pageItem.offColor != undefined ? rgb_dec565(pageItem.offColor) : iconColor;
                                                  }
                                              }
                                          }
                                      }
                  

                  Käse ende 😄

                  Kopiere den if hier der aktuell oberhalb von ^der funktion steht, einfach drunter und füge das useValue in den If ^ wie da ein.

                                  if (pageItem.useValue) {
                                          if (pageItem.fontSize != undefined) {
                                              if (pageItem.suffixName == undefined) {
                                                  iconId = optVal + '¬' + pageItem.fontSize;
                                              } else {
                                                  iconId = optVal + pageItem.suffixName + '¬' + pageItem.fontSize;
                                              }
                                          } else {
                                              iconId = optVal;
                                          }
                                      }
                  

                  EDIT2 - das müsste eigentlcih dann doch ein BUG sein - Armilar und TT-Tom sind da mehr drin als ich.

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

                    @ticaki sagte in SONOFF NSPanel mit Lovelace UI:

                    if (existsState(pageItem.id + '.ACTUAL') && pageItem.icon2 != undefined) {

                    die Funktion lauft bei der Konfiguration nicht da kein icon2 definiert ist.

                    { id: 'alias.0.NSPanel.Garten.horstOnline', name: 'Status', offColor: Red, onColor: MSGreen, useValue: true, fontSize: 3}
                    

                    also läuft das normal durch

                                    if (pageItem.useValue) {
                                            if (pageItem.fontSize != undefined) {
                                                if (pageItem.suffixName == undefined) {
                                                    iconId = optVal + '¬' + pageItem.fontSize;
                                                } else {
                                                    iconId = optVal + pageItem.suffixName + '¬' + pageItem.fontSize;
                                                }
                                            } else {
                                                iconId = optVal;
                                            }
                                        }
                    

                    EDIT: Problem ist wirkliche der Text in ACTUAL
                    EDIT2 bin jetzt am überlegen warum wir nicht COLORDEC da haben, ist doch die Info-rolle, diese Universell sein sollte.

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

                      @tt-tom

                      Bei dem C&P Vorschlag müsste man noch icon2 definieren - richtig - aber dann würde es halt laufen - zum Colordec hab ich ja schon was im discord geschrieben 🙂

                      Wurde gezwungen im adapter überall colordec und buttontext einzubauen ^^

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

                        @ticaki

                        if (existsState(pageItem.id + '.COLORDEC')) {
                                                if (Debug) log('iconcolor von ' + pageItem.id + '.COLORDEC: ' + getState(pageItem.id + '.COLORDEC').val, 'info');
                                                RegisterEntityWatcher(pageItem.id + '.COLORDEC');
                                                iconColor = getState(pageItem.id + '.COLORDEC').val;
                                            }
                        

                        ich würde das so ans Ende des Case setzen

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

                          @tt-tom Würde ich so ins Skript übernehmen, das ist auch kompatibel zum Adapter.

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

                            Ich darf verkünden, das @TT-Tom in seiner Weisheit sich herabgelassen hat die Funktion für @arteck anzupassen

                            Bitte die aktuell dev testen 🙂

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

                            FYI: @Armilar

                            EDIT:
                            COLORDEC geht jetzt da
                            Sowie wenn useValue=true und wenn der State, der die Quelle des alias ist, vom common.type='boolean' ist - wird onColor, offColor verwendet.

                            C 1 Reply Last reply Reply Quote 2
                            • C
                              c3b @ticaki last edited by

                              Hi Leutz

                              Ich bin auch mal wieder hier. Über 7600 posts. Respekt meine Damen und Herren.

                              Ich hatte mitbekommen, dass akkuweather abgeschaltet werden soll. Also wollte ich direkt auf das neuste skript updaten. Hat auch alles super geklapp. Natürlich nur wegen eurer Hilfestellung. Danke schön dafür.

                              Als ich alle NSPanel angepasst hatte (13 Stück) hab ich noch den javaskript Adapter geuppt. Als er fertig war, kam ein weißer Bildschirm mit einer Fehlermeldung und mein iobroker ist abgeschmiert. Läuft aber alles wieder.

                              Obwohl alles funktioniert und das Wetter auch richtig auf den NSPaneln angezeigt wird bekomme ich folgende Fehlermeldunk im Log:

                              41a2d280-86c7-4f64-86d0-1b4d60b7fd7a-grafik.png

                              Ich habe nachgeschaut. Die aliase sind aber vorhanden.

                              6275102e-d161-4ab6-81d6-2e39f75f2f61-grafik.png

                              Ich habe pirate-weather installiert und auch im Panel eingetragen.

                              Weiß jemand, warum das so ist oder gibt es hierzu schon einen extra fred?

                              So wie es aussieht kommen die Alarme jede Stunde einmal.

                              LG aus dem Sauerland

                              Jörg

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

                                @c3b

                                Benenne mal den Wetter-Alias im Skript um. Deiner steht auf OWMWetter (openweathermap.0...) und wird nicht aktualisiert. Daher muss der für den anderen Wetteradapter neu geschrieben werden.

                                Für Pirate-Weather so:

                                /***** 3. Weather adapter Config *****/
                                
                                // DE: Mögliche Wetteradapter 'pirate-weather.0.' oder 'brightsky.0.' oder 'openweathermap.0.' oder 'daswetter.0.' (deprecated) oder 'accuweather.0.' (deprecated)
                                // EN: Possible weather adapters 'pirate-weather.0.' or 'brightsky.0.' or 'openweathermap.0.' or 'daswetter.0.' (deprecated) or 'accuweather.0.' (deprecated)
                                const weatherAdapterInstance: string = 'pirate-weather.0.';
                                
                                // DE: Mögliche Werte: 'Min', 'Max' oder 'MinMax' im Screensaver
                                // EN: Possible values: 'Min', 'Max' or 'MinMax' in the screensaver
                                const weatherScreensaverTempMinMax: string = 'MinMax';
                                
                                // DE: Dieser Alias wird automatisch für den gewählten Wetter erstellt und kann entsprechend angepasst werden
                                // EN: This alias is automatically created for the selected weather and can be adjusted accordingly
                                const weatherEntityPath: string = 'alias.0.PirateWeather'; //Please rename if change weatherAdapterInstance!
                                
                                C 1 Reply Last reply Reply Quote 0
                                • C
                                  c3b @Armilar last edited by c3b

                                  @armilar Vielen Dank für die schnelle Antwort.
                                  Meinst du das hier? Das steht alles auf pirate-weather.

                                  ***** 3. Weather adapter Config *****/
                                  
                                  // DE: Mögliche Wetteradapter 'pirate-weather.0.' oder 'brightsky.0.' oder 'openweathermap.0.' oder 'daswetter.0.' (deprecated) oder 'accuweather.0.' (deprecated)
                                  // EN: Possible weather adapters 'pirate-weather.0.' or 'brightsky.0.' or 'openweathermap.0.' or 'daswetter.0.' (deprecated) or 'accuweather.0.' (deprecated)
                                  const weatherAdapterInstance: string = 'pirate-weather.0.';
                                  
                                  // DE: Mögliche Werte: 'Min', 'Max' oder 'MinMax' im Screensaver
                                  // EN: Possible values: 'Min', 'Max' or 'MinMax' in the screensaver
                                  const weatherScreensaverTempMinMax: string = 'MinMax';
                                  
                                  // DE: Dieser Alias wird automatisch für den gewählten Wetter erstellt und kann entsprechend angepasst werden
                                  // EN: This alias is automatically created for the selected weather and can be adjusted accordingly
                                  const weatherEntityPath: string = 'alias.0.Pirate_Weather'; //Please rename if change weatherAdapterInstance!
                                  

                                  ???

                                  LG aus dem Sauerland

                                  Jörg

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

                                    @c3b

                                    Dein Alias zeigt aber auf OWM
                                    0dec62f6-026e-4bec-9f23-9533496d703c-image.png

                                    Ist der alias.0.Pirate_Weather auch vorhanden? Und in allen 13 Skripten drin?

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

                                      @armilar Ja, die sind auch vorhanden. Ich habe ein Reservepanel, falls mal eins defekt ist. Damit habe ich das skript angepasst. Anschließend habe ich dieses skript kopiert und nur noch die Pfade angepasst. Somit sollten sie alle gleich sein.

                                      a3068f7f-70b8-490d-81b9-1a123ff91824-grafik.png

                                      C Armilar 2 Replies Last reply Reply Quote 0
                                      • C
                                        c3b @c3b last edited by

                                        @c3b Hi Amilar

                                        Du bist der beste. Ich habe es gefunden. Ich habe ein skript für den simulator. Das lief noch und das habe ich nicht umgestellt.

                                        Dafür habe ich ja einen ESP32 und die Nextionsoftware. Damit hatte ich versucht das aktuelle skript anzupassen. Das bekomme ich aber nicht mehr ans laufen. Das sollte aber doch auch noch gehen, oder?

                                        Ich habe dieses skript gestoppt und beobachte mein log.

                                        Ich gebe Rückmeldung.

                                        Vielen Dank erst einmal.

                                        LG aus dem Sauerland

                                        Jörg

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

                                          @c3b

                                          Nicht mehr relevant

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

                                            @c3b sagte in SONOFF NSPanel mit Lovelace UI:

                                            Dafür habe ich ja einen ESP32 und die Nextionsoftware. Damit hatte ich versucht das aktuelle skript anzupassen. Das bekomme ich aber nicht mehr ans laufen. Das sollte aber doch auch noch gehen, oder?

                                            Ja geht auch... Nur der Berry bleibt der alte für die Emulation

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            871
                                            Online

                                            32.2k
                                            Users

                                            80.8k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            270
                                            7655
                                            6343251
                                            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