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.
    • W
      welli @welli last edited by

      @armilar,
      Wollte dir noch mal Rückmeldung geben und dir sagen dass das Problem nicht mehr vorgekommen ist.
      Danke für den Support.

      1 Reply Last reply Reply Quote 0
      • Marc Berg
        Marc Berg Most Active last edited by

        Meine Card für das Ein-/ Ausschalten des Gäste-WLAN-Zuganges und zur Darstellung des QR-Codes sieht so aus:

        let WLAN:PageType=
        {
            'type': 'cardQR',
            'heading': 'Gäste WLAN',
            'subPage': true,
            'parent': Start_Panel1,
            'items': [
        		{ id: "alias.0.NSPanel.1.GuestWifi",
                    hidePassword: true, // true = Switch; false = Password
                    hideEntity2: false // true = Switch or Password is hide
                }
        	]
        };
        

        Gibt es eine Möglichkeit, beim Ein-/Ausschalter (hideEntity2) dynamisch festzulegen, ob der Schalter dargestellt werden soll oder nicht?

        1 Reply Last reply Reply Quote 0
        • 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

                                898
                                Online

                                32.1k
                                Users

                                80.8k
                                Topics

                                1.3m
                                Posts

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