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

      Hi,

      ich habe bei mir bei einem Display noch einen Fehler gefunden und zwar werden diese Aliase nicht angelgt:

      //Level_3
      let NSPanel_ScreensaverDimmode: PageType =
      {
          'type': 'cardEntities',
          'heading': findLocaleServMenu('dimmode'),
          'useColor': true,
          'subPage': true,
          'parent': NSPanel_Screensaver,
          'home': 'NSPanel_Service',
          'items': [
                                      /*PageItem*/{id: AliasPath + 'Dimmode.brightnessDay', name: findLocaleServMenu('brightness_day'), icon: 'brightness-5', offColor: Menu, onColor: Menu, minValue: 5, maxValue: 10},
                                      /*PageItem*/{id: AliasPath + 'Dimmode.brightnessNight', name: findLocaleServMenu('brightness_night'), icon: 'brightness-4', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 4},
                                      /*PageItem*/{id: AliasPath + 'Dimmode.hourDay', name: findLocaleServMenu('hour_day'), icon: 'sun-clock', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 23},
                                      /*PageItem*/{id: AliasPath + 'Dimmode.hourNight', name: findLocaleServMenu('hour_night'), icon: 'sun-clock-outline', offColor: Menu, onColor: Menu, minValue: 0, maxValue: 23}
          ]
      };
      

      7100ee75-778e-4410-a7a5-ae1210040258-image.png

      245093cb-b396-4fb8-90ca-6b074089c196-image.png

      Hat jemand vielleicht eine Idee wo ich suchen muss.

      Grüße

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            581
                                            Online

                                            31.7k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace ui nspanel sonoff
                                            265
                                            7291
                                            4999385
                                            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