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

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

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

      @michaelf

      Lösche mal die 4 Datenpunkte unter 0_userdata... Danach nochmal das Script starten

      MichaelF 1 Reply Last reply Reply Quote 1
      • MichaelF
        MichaelF @Armilar last edited by

        @armilar Danke, das war es.

        Grüße

        1 Reply Last reply Reply Quote 0
        • teletapi
          teletapi @teletapi last edited by teletapi

          @teletapi Ich habe hierzu doch noch eine Frage die Iconfarbe reagiert zwar entsprechend den Einstellungen aber wenn ich zum Beispiel 3 RGBW Strahler habe davon eine in der farbe ändern will bzw wenn ich am Display einen Strahler ausschalte reagiert je nachdem welchen Strahler ich ausschalter nicht das dazugehörige Icon sonder eins der anderen 2 oder jenachdem auch keins erst nach erneuten aufrufen der Steit funktionieren die Icons dann bei einer weiteren Änderung ist es aber dann wieder so. ich weiß gerade nicht wie ich das erklären soll ich mach mal ein 2 Bilder zur veranschaulichung.

          NSPanelTS ist in version Dev. 4.7.2.3

          Das sind 3 Paulmann RGBW LED einbaustrahler per Zigbee eingebunden bzw per Hue adapter,
          In der geräteverwaltung habe ich für die 3 LED die RGB Licht variante benutzt

          Screenshot_3.jpg

          Screenshot_1.jpg
          Keine Ahnung ob ich da noch was falsch habe

          let Spuele: PageType =
                  {
                      'type': 'cardEntities',
                      'heading': 'Spüle',
                      'useColor': true,
                      'subPage': true,
                      'parent': Licht2,
                      'items': [
                          { id: 'alias.0.NSPanel.Kueche.Spuele1', interpolateColor: true},
                          { id: 'alias.0.NSPanel.Kueche.Spuele2', interpolateColor: true},
                          { id: 'alias.0.NSPanel.Kueche.Spuele3', interpolateColor: true} 
                      ]
          };
          
          let Licht2: PageType =
          {
              'type': 'cardEntities',
              'heading': 'Beleuchtung 2',
              'useColor': true,
              'items': [
                  { navigate: true, id: 'alias.0.NSPanel.Schlafzimmer.Bett1', targetPage: 'Schlafzimmer', name: 'Schlafzimmer'},     
                  { navigate: true, id: 'alias.0.NSPanel.Ankleidezimmer.Steckdose_Fenster', targetPage: 'Ankleidezimmer', name: 'Ankleidezimmer'},
                  { navigate: true, id: 'alias.0.NSPanel.Kueche.Spuele1', targetPage: 'Spuele', name: 'Spuele'},
                  { navigate: true, id: 'alias.0.NSPanel.Kueche.Hue_deckenlicht', targetPage: 'Kueche', name: 'Küche'},          
              ]
          };
          

          IMG-20250620-WA0007.jpg
          IMG-20250620-WA0006.jpg
          IMG-20250620-WA0005.jpg
          IMG-20250620-WA0004.jpg
          IMG-20250620-WA0003.jpg

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

            @teletapi

            Zeige mal bitte die Datenpunkte die im alias angelegt wurden. Prüfe auch, ob die Alias Zuordnung richtig ist.
            Ich persönlich traue dem Gerätemanager nicht 100%tig.

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

              @tt-tom Danke für deine Hilfe. Hier fürs erste mal alle Aliase mit den verbundenen datenpunkten. was brauchst du evtl. noch.?

              Screenshot_8.jpg
              Screenshot_7.jpg
              Screenshot_5.jpg
              Screenshot_4.jpg

              T Armilar 2 Replies Last reply Reply Quote 0
              • T
                TT-Tom @teletapi last edited by

                @teletapi

                Deine Formel ist nicht gleich entweder beide Strichrechnungen umklammern oder nicht.

                Der Rest sieht erstmal okay aus. Werde es mal nachbauen und testen.

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

                  @teletapi

                  Hmm... abgesehen von den Verschiebungen deiner Icons sind mir noch ein paar Dinge aufgefallen:

                  • im Screenshot https://forum.iobroker.net/assets/uploads/files/1750421247848-screenshot_3.jpg verwendest du Level für "White". Gibt es hierfür (sind ja angeblich RGBW) im hue-Adapter keine Werte für "Weiß"?
                  • Mal einfach gefragt: Hat der hue-Adapter keinen HUE-Datenpunkt?
                  • Warum verwendest du eine Formel für TEMPERATURE? Das Skript unterstützt Mired und Kelvin. Ebenfalls Min/Max-Begrenzer...
                  teletapi 1 Reply Last reply Reply Quote 0
                  • teletapi
                    teletapi @Armilar last edited by teletapi

                    @armilar @TT-Tom
                    Das hier verstehe ich leider nicht (Deine Formel ist nicht gleich entweder beide Strichrechnungen umklammern oder nicht)
                    Für das weiß hab ich den datenpunkt "level" genommen weil ich keinen "Weiß" gefunden hatte.

                    Im folgenden Bild sind die Dtenpunkte zur Paulmann Einbauleuchte.
                    Screenshot_9.jpg
                    Welcher davon "Weiß" sein soll seh ich tatsächlich nicht.

                    Die deckenleuchten im Flur und in der Kueche sind Hue Aurelle, das sind nur"Warmweiß bis Kaltweiß Leuchten
                    Die Datenpunkte dazu im folgenden Bild

                    Screenshot_10.jpg

                    Zitat: Warum verwendest du eine Formel für TEMPERATURE? Das Skript unterstützt Mired und Kelvin. Ebenfalls Min/Max-Begrenzer...

                    Weil ich am Anfang im Display die Farbe nicht ändern konnte und ich dann irgendwo diesen Eintrag gefunden habe und das dann so übernommen habe. zumindest funktionierte dann die Farbauswahl im Display so das die leuchten Ihre Farbe auch änderten das war ohne "den Eintrag"nicht der fall

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

                      @teletapi sagte in SONOFF NSPanel mit Lovelace UI:

                      @armilar @TT-Tom
                      Das hier verstehe ich leider nicht (Deine Formel ist nicht gleich entweder beide Strichrechnungen umklammern oder nicht)

                      Beim Lesen klammerst du die 6500-val, beim Schreiben nicht.
                      Ich weiß nicht was du da rechnen willst, aber die passen so nicht zusammen.

                      Für das weiß hab ich den datenpunkt "level" genommen weil ich keinen "Weiß" gefunden hatte.

                      Dann lass ihn erstmal leer, denn so wird die Lampe falsch eingestellt.

                      Die deckenleuchten im Flur und in der Kueche sind Hue Aurelle, das sind nur"Warmweiß bis Kaltweiß Leuchten

                      Dann sind das CT Lampen also Temperatur.
                      Die haben keine Farbe.

                      Die Datenpunkte dazu im folgenden Bild

                      Screenshot_10.jpg

                      Ps: ich würde auch cardGrid für die Darstellung bevorzugen, als cardEntities.

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

                        @tt-tom
                        Ja das mit der Cardgrid steht auf meiner Wunschliste aber da bin ich noch nicht soweit. Das sollte aber einer der nächsten versuche sein.
                        Ja ich habe jetzt erstmal bei den Paulmannleuchten die sollen ja laut Datenblatt RGBW sein bei "Weiß" das "level" rausgemacht und durch den Datenpunkt "Hue" ersetezt und teste das mal dann werde ich die temperatur Berechnung mal rausnehmen. Bei den Deckenleuchten habe ich diese berechnung nicht drin da die ja nur Weiß können. Das mit der berechnung ist nur bei den Paulmann RGBW leuchten drin. Ich teste jetzt erstmal weiter und berichte, vielen dank schonmal für die Hilfe die ihr mir gebt

                        T Armilar 2 Replies Last reply Reply Quote 0
                        • T
                          TT-Tom @teletapi last edited by

                          @teletapi

                          Wenn du Hue hast nimm auch eine Hue Lampe.

                          CardGrid: du brauchst nur den Typ tauschen. Der Rest bleibt gleich.

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

                            @teletapi

                            Ja ich habe jetzt erstmal bei den Paulmannleuchten die sollen ja laut Datenblatt RGBW sein bei "Weiß" das "level" rausgemacht und durch den Datenpunkt "Hue" ersetezt

                            HUE steuert alles über 0-360°...

                            Somit kannst du, wenn du einen HUE Datenpunkt hast, die komplette Lampe steuern... Nimm dazu mal den Alias-Typ HUE...

                            Dann brauchst du nur:

                            • HUE = hue
                            • DIMMER = level
                            • ON = on
                            • ON_ACTUAL = on
                            • TEMPERATURE = ct

                            Beispiel:

                            let Test_Color_HUE: PageType =
                            {
                                type: 'cardEntities',
                                useColor: true,
                                heading: 'Test Color HUE',
                                'items': [
                                    { 
                                        id: 'alias.0.DeinAlias', 
                                        name: 'HUE (CT=Kelvin)',
                                        icon: 'lightbulb-on',
                                        icon2: 'lightbulb-outline',
                                        offColor: Off,
                                        minValueColorTemp: 2203, // Kelvin = Warmweiß
                                        maxValueColorTemp: 6536, // Kelvin = Kaltweiß
                                        interpolateColor: true
                                    },
                                ]
                            };
                            
                            P 1 Reply Last reply Reply Quote 1
                            • P
                              peterfido @Armilar last edited by

                              @armilar Der Gerätemanager hat einen Bug. Hat man eine nicht-HUE-Leuchte konfiguriert, wird beim nächsten neuen anzulegenden Gerät wieder das Modell angeboten, obwohl man HUE ausgewählt hat. Da muss man Vor dem Anlegen des Gerätes die Seite ohne Cache neu laden (STRG + F5). Da erscheint dann auch der gewollte HUE Datenpunkt, wenn man HUE auswählt.

                              Die abgebrochenen Geräte kann man vorher aus den Objekten löschen, sonst ist der Name ja schon belegt.

                              teletapi 1 Reply Last reply Reply Quote 0
                              • teletapi
                                teletapi @peterfido last edited by

                                Danke allen bin nocham testen, muss aber noch was arbeiten schau ich mir am späten Abend nochmal an. Hab jetzt nochmal verschiedenes verändert. Komme aber im Moment noch nicht wirklich weiter danke bis später
                                Hawe

                                1 Reply Last reply Reply Quote 0
                                • arteck
                                  arteck Developer Most Active last edited by

                                  welchen Alias definiere ich für sowas

                                  {
                                    "type": "state",
                                    "common": {
                                      "name": "cmd",
                                      "read": true,
                                      "write": true,
                                      "type": "string",
                                      "role": "state",
                                      "def": ""
                                    },
                                    "native": {},
                                    "from": "system.adapter.mytime.0",
                                    "user": "system.user.admin",
                                    "ts": 1731410376623,
                                    "_id": "mytime.0.Countdowns.sprinkler.cmd",
                                    "acl": {
                                      "object": 1638,
                                      "state": 1638,
                                      "owner": "system.user.admin",
                                      "ownerGroup": "system.group.administrator"
                                    }
                                  }
                                  

                                  ich muss da run oder stop rein schreiben

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

                                    @arteck

                                    sieht für mich erstmal wie ein Schalter (socket oder light) aus...

                                    Die sind zwar per default Boolean, jedoch kannst du ja bei true/false entsprechend den Alias mit run/stop schreiben lassen und lesend in bool konvertieren.

                                    Hoffe ich habe das richtig verstanden... 😊

                                    1 Reply Last reply Reply Quote 0
                                    • arteck
                                      arteck Developer Most Active last edited by

                                      @armilar aha.. auf die Idee bin ich nicht gekommen..aber hast recht

                                      1 Reply Last reply Reply Quote 1
                                      • H
                                        hansi44 last edited by

                                        Hallo liebe community,

                                        ich hab mal wieder eine frage zum NSPanel..
                                        Ich versuche gerade die Hauptseiten im Display anzupassen und als eine erste Seite neben der "Service-Menü"-Seite eine Seite für meine PV-Werte mit der cardpower-Karte anzeigen zu lassen.
                                        Ich habe dabei versucht mich an die Anleitung für die cardpower-Karte zu halten, habe keine Werte eingetragen, damit die Seite erstmal im Demo-Modus angezeigt werden soll
                                        97f5cfe0-8be0-4f87-9711-2a7320df8cea-grafik.png
                                        Habe dann versucht, in der Konfiguration diese cardpower-Seite als Hauptseite neben dem Service Menü zu listen, in der Hoffnung, dass ich dann im Service-Menü mit den links/rechts Pfeiltasten auf die cardpower-Karte komme
                                        c44d91ef-c1e9-4526-a7ca-53dde7dbbc2d-grafik.png
                                        Leider kann ich diese cardpower-Seite durch die Pfeile im Service-Menü nicht erreichen, im log kommt folgende Meldung
                                        6fc18a19-f370-4f1e-bcb1-2a61851ba27b-grafik.png
                                        Kann mir jemand von euch einen Tipp geben? VG

                                        P T 2 Replies Last reply Reply Quote 0
                                        • P
                                          peterfido @hansi44 last edited by

                                          @hansi44

                                          Meine Cardpower Puzzleteile:

                                          Definition:

                                          let CardPower: PageType =
                                          {
                                             "type": "cardPower",
                                             "heading": "Stromfluss",
                                          //    "useColor": true,
                                             "subPage": false,
                                             "parent": undefined,
                                             "items": [
                                          //        /*PageItem*/{  }, //Demomode
                                                 {id: "alias.0.NSPanel.StromPanel" }
                                             ]
                                          };
                                          

                                          Pages:

                                             pages: [
                                                 //Button_1,
                                                 //NSPanel_Service, //Auto-Alias Service Page
                                                 Buero_Seite_1,
                                                 Schlafen_Oben_1,
                                          //        Arbeiten_Licht2,
                                                 Buero_Themostat,        
                                                 Bel_Terrasse,           //Beleuchtung Terasse
                                                 Terrasse_Speichern,   //Terrasse Speichern / Standard
                                                 CardPower,              //Strom
                                                 GWLAN,
                                                // Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                                                 NSPanel_Service           
                                             ],
                                          

                                          Der Alias verweist auf einen anderen Datenpunkt:
                                          833644e3-e9ce-4812-a27a-dfc58d40cb2d-image.png

                                          NSPanel.Aktuell ist ein String

                                          {
                                           "common": {
                                             "type": "string",
                                             "value": "",
                                             "read": true,
                                             "write": true,
                                             "role": "value",
                                             "name": "0_userdata.0.Zaehler.Strom.NSPanel.Aktuell"
                                           },
                                           "native": {},
                                           "type": "state",
                                           "from": "system.adapter.javascript.0",
                                           "user": "system.user.admin",
                                           "ts": 1682841779977,
                                           "_id": "0_userdata.0.Zaehler.Strom.NSPanel.Aktuell",
                                           "acl": {
                                             "object": 1636,
                                             "state": 1636,
                                             "owner": "system.user.admin",
                                             "ownerGroup": "system.group.administrator"
                                           }
                                          }
                                          

                                          welcher von einem Skript gefüllt wird:

                                          /**
                                          * generate an JSON for display Power-Card on NSPanel
                                          * Source: https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Card-Definitionen-(Seiten)#cardpower-ab-ts-script-v341
                                          * Version: 0.1 - L4rs
                                          */
                                          //'*/20 * * * * *'
                                          schedule("*/20 * * * * *", function () {
                                          
                                             // Definition der Datenpunkte für das JSON der POWER-Card und der anzuzeigenden Leistungswerte
                                             var powerCardJson = "0_userdata.0.Zaehler.Strom.NSPanel.Aktuell",
                                               pwr1 = Math.round(getState("0_userdata.0.Zaehler.PV.ist.P1").val),    // Solar
                                               pwr2 = Math.round(getState("nut.0.ups.realpower").val),    // Solar
                                               pwr3 = Math.round(getState("0_userdata.0.Wallbox.Strom.Auslese.Arbeit").val), // Auto
                                               pwr4 = Math.round(getState("0_userdata.0.Zaehler.Strom.EVU.ist.P").val),    // Stromnetz
                                               pwr5 = Math.round(getState("nut.2.ups.load").val*3.3),   // Verbraucher
                                               pwr6 = Math.round(getState("0_userdata.0.Zaehler.Strom.Herd.ist.P").val),   // Verbraucher
                                               pwrWallbox = getState("0_userdata.0.Wallbox.freigegeben").val,
                                               iconWallbox = pwrWallbox ? "car-electric" : "car", 
                                               pwrHome = Math.round(pwr4 + pwr1),    // Berechnung des Energiefluss anstelle eines Datenpunktes
                                               sppwr1 = Math.round(pwr1/-61),         //pwr2 > 0 ? -2 : 0
                                               sppwr3 = Math.round(pwr3/(1100)),         //pwr2 > 0 ? -2 : 0
                                               sppwr6 = Math.round(pwr6/(-1100));         //pwr2 > 0 ? -2 : 0
                                             
                                             if(pwr1 > 0 && sppwr1 == 0 ){ sppwr1 = -1};
                                             if(pwr3 > 0 && sppwr3 == 0 ){ sppwr3 = 1};
                                             if(pwr6 > 0 && sppwr6 == 0 ){ sppwr6 = -1};
                                             sppwr1 > 10 ? 10 : sppwr1;
                                             sppwr3 > 10 ? 10 : sppwr3;
                                             sppwr6 > 10 ? 10 : sppwr6;
                                          
                                             // Definition der Keys im JSON
                                             var keys = ["id", "value", "unit", "icon", "iconColor", "speed"];
                                             
                                             // Definition der "Kacheln", inkl. StandardIcon. Es können alle Icon aus dem Iconmapping genutzt werden.
                                             // Kacheln die nicht genutzt werden sollen, müssen wie z.b. item1 formatiert sein
                                             var home = [0, pwrHome, "W", "home-lightning-bolt-outline", 0]; // Icon home
                                             var item1 = [1, pwr1, "W", "solar-power-variant-outline", 5, sppwr1];   // Icon battery-charging-60
                                             var item2 = [2, pwr2, "W", "server-security", 5, 5]; // Icon solar-power-variant
                                             var item3 = [3, pwr3, "W", iconWallbox, 3, sppwr3];   // Icon wind-turbine
                                             var item4 = [4, pwr4, "W", "transmission-tower", 10, pwr4 > 0 ? 5 : -5];   // Icon shape
                                             var item5 = [5, pwr5, "W", "server", 5, -5];   // Icon transmission-tower
                                             var item6 = [6, pwr6, "W", "toaster-oven", 7, sppwr6];  // Icon car car-electric-outline
                                             
                                             /**
                                              * JSON generieren und in den Datenpunkt schreiben,
                                              *
                                              *  --- ab hier keine Änderungen mehr ---
                                              */
                                             function func(tags, values) {
                                               return Object.assign(
                                                 ...tags.map((element, index) => ({ [element]: values[index] }))
                                               );
                                             }
                                             
                                             setState(
                                               powerCardJson,
                                               JSON.stringify([
                                                 func(keys, home),
                                                 func(keys, item1),
                                                 func(keys, item2),
                                                 func(keys, item3),
                                                 func(keys, item4),
                                                 func(keys, item5),
                                                 func(keys, item6),
                                               ])
                                             );
                                            });
                                          

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

                                            @hansi44

                                            Okay, durch die Typenprüfung hat der Demomodus jetzt ein BUG. Werde schnell ein Fix machen.

                                            EDIT: Du kannst den Fix direkt in deinem Script machen oder dir die DEV Version runterladen.

                                            suche diese Zeilen im Script

                                            function GeneratePowerPage (page: NSPanel.PagePower): NSPanel.Payload[] {
                                                try {
                                                    let obj: object = {};
                                                    let demoMode = false;
                                                    if (page.items[0].id == undefined) {
                                                        log('No PageItem defined - cardPower demo mode active', 'info');
                                                        demoMode = true;
                                                    }
                                            

                                            und ersetze if (page.items[0].id == undefined) { durch if (page.items[0].id === 'DEMO') {

                                            in deiner config schreibst du dann für den Demomodus

                                            "items": [
                                                    {id: "DEMO" }
                                                ]
                                            
                                            1 Reply Last reply Reply Quote 2
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            778
                                            Online

                                            31.7k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            265
                                            7280
                                            4995252
                                            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