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.

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

                            Support us

                            ioBroker
                            Community Adapters
                            Donate

                            686
                            Online

                            32.1k
                            Users

                            80.8k
                            Topics

                            1.3m
                            Posts

                            lovelace ui nspanel sonoff
                            270
                            7647
                            6306663
                            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