Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.6k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.1k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    2.8k

SONOFF NSPanel mit Lovelace UI

Geplant Angeheftet Gesperrt Verschoben Hardware
lovelace uinspanelsonoff
7.8k Beiträge 272 Kommentatoren 6.8m Aufrufe 254 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • eierfeileE eierfeile

    @tt-tom ja mist, guter Punkt. Ich hab dass gar nicht geprüft, da die DPs ja automatisch so angelegt wurden. Aber sie bleiben auf false.
    Ich hab die Button aber von den Relais entkoppelt. Hab die Relais daher über Tasmota aktiviert, aber in den DPs passiert nichts. Weder beim alias noch bei 0_userdata. Die anderen DPs vom nspanel sehen aber gut aus.
    Temperatur sehe ich wieder. Hast ne Idee was da schief ist? Hängt das mit der Entkopplung der Buttons zusammen? Geht ja eigentlich nur um die Relais selbst

    T Offline
    T Offline
    TT-Tom
    schrieb am zuletzt editiert von
    #2857

    @eierfeile ändert sich was unter mqtt power1. ON/OFF

    Gruß Tom
    https://github.com/tt-tom17
    Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

    NSPanel Script Wiki
    https://github.com/joBr99/nspanel-lovelace-ui/wiki

    NSPanel Adapter Wiki
    https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

    eierfeileE 1 Antwort Letzte Antwort
    1
    • T TT-Tom

      @eierfeile ändert sich was unter mqtt power1. ON/OFF

      eierfeileE Offline
      eierfeileE Offline
      eierfeile
      schrieb am zuletzt editiert von
      #2858

      @tt-tom ja da gehts. warum auch immer, aber auf jeden Fall 1000Dank!!! :-)

      T 2 Antworten Letzte Antwort
      0
      • eierfeileE eierfeile

        @tt-tom ja da gehts. warum auch immer, aber auf jeden Fall 1000Dank!!! :-)

        T Offline
        T Offline
        TT-Tom
        schrieb am zuletzt editiert von
        #2859

        @eierfeile

        dann ist was in Tasmota einzustellen. hast du die Rule aktiviert oder deaktiviert.

        Gruß Tom
        https://github.com/tt-tom17
        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

        NSPanel Script Wiki
        https://github.com/joBr99/nspanel-lovelace-ui/wiki

        NSPanel Adapter Wiki
        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

        1 Antwort Letzte Antwort
        0
        • eierfeileE eierfeile

          @tt-tom ja da gehts. warum auch immer, aber auf jeden Fall 1000Dank!!! :-)

          T Offline
          T Offline
          TT-Tom
          schrieb am zuletzt editiert von
          #2860

          @eierfeile Steuerst du die Relais über ein Script?
          hast du die Entkopplung nach dem Wiki gemacht?

          Gruß Tom
          https://github.com/tt-tom17
          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

          NSPanel Script Wiki
          https://github.com/joBr99/nspanel-lovelace-ui/wiki

          NSPanel Adapter Wiki
          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

          eierfeileE 1 Antwort Letzte Antwort
          0
          • T TT-Tom

            @eierfeile Steuerst du die Relais über ein Script?
            hast du die Entkopplung nach dem Wiki gemacht?

            eierfeileE Offline
            eierfeileE Offline
            eierfeile
            schrieb am zuletzt editiert von eierfeile
            #2861

            @tt-tom ich glaub ich hab es mit "SetOption73 1" in der Tasmota Console gemacht.
            Das hatte funktioniert, daher hab ich dann nicht weiter recherchiert. Das Relais für die Heizung steuere ich über ein Blockly.
            Wollte nur nicht das jmd aus Versehen dieHeizung anmacht, weil da jmd auf den Button gedrückt hat

            T ArmilarA 2 Antworten Letzte Antwort
            0
            • eierfeileE eierfeile

              @tt-tom ich glaub ich hab es mit "SetOption73 1" in der Tasmota Console gemacht.
              Das hatte funktioniert, daher hab ich dann nicht weiter recherchiert. Das Relais für die Heizung steuere ich über ein Blockly.
              Wollte nur nicht das jmd aus Versehen dieHeizung anmacht, weil da jmd auf den Button gedrückt hat

              T Offline
              T Offline
              TT-Tom
              schrieb am zuletzt editiert von TT-Tom
              #2862

              @eierfeile okay mit diesen SetOption kenn ich mich nicht aus.
              Du kannst aber auch den mqtt Pfad eintragen, dann sollten sich die Farben ändern. ungefähr so mqtt.0.SmartHome.NSPanelBüro.stat.POWER1
              Das Panel Script triggert und reagiert auf ON/OFF und setzt dann aber auch die Datenpunkte unter 0_userdata...Relay.1 und alias.0....Relay.1.ACTUAL

              Gruß Tom
              https://github.com/tt-tom17
              Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

              NSPanel Script Wiki
              https://github.com/joBr99/nspanel-lovelace-ui/wiki

              NSPanel Adapter Wiki
              https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

              eierfeileE 1 Antwort Letzte Antwort
              0
              • T TT-Tom

                @eierfeile okay mit diesen SetOption kenn ich mich nicht aus.
                Du kannst aber auch den mqtt Pfad eintragen, dann sollten sich die Farben ändern. ungefähr so mqtt.0.SmartHome.NSPanelBüro.stat.POWER1
                Das Panel Script triggert und reagiert auf ON/OFF und setzt dann aber auch die Datenpunkte unter 0_userdata...Relay.1 und alias.0....Relay.1.ACTUAL

                eierfeileE Offline
                eierfeileE Offline
                eierfeile
                schrieb am zuletzt editiert von
                #2863

                @tt-tom ja über mqtt hat es funktioniert. danke nochmal :-)

                T 1 Antwort Letzte Antwort
                0
                • eierfeileE eierfeile

                  @tt-tom ja über mqtt hat es funktioniert. danke nochmal :-)

                  T Offline
                  T Offline
                  TT-Tom
                  schrieb am zuletzt editiert von
                  #2864

                  @eierfeile
                  mit der Powerpage sehe ich mir morgen mal das Blockly an. Aber eventuell hat hier jemand schon ein fertiges Script.

                  Gruß Tom
                  https://github.com/tt-tom17
                  Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                  NSPanel Script Wiki
                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                  NSPanel Adapter Wiki
                  https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                  1 Antwort Letzte Antwort
                  1
                  • eierfeileE eierfeile

                    @tt-tom ich glaub ich hab es mit "SetOption73 1" in der Tasmota Console gemacht.
                    Das hatte funktioniert, daher hab ich dann nicht weiter recherchiert. Das Relais für die Heizung steuere ich über ein Blockly.
                    Wollte nur nicht das jmd aus Versehen dieHeizung anmacht, weil da jmd auf den Button gedrückt hat

                    ArmilarA Offline
                    ArmilarA Offline
                    Armilar
                    Most Active Forum Testing
                    schrieb am zuletzt editiert von
                    #2865

                    @eierfeile

                    ich glaub ich hab es mit "SetOption73 1" in der Tasmota Console gemacht.

                    versuch es ansonsten mal mit SetOption114

                    Detach Switches with...~
                    SetOption114~
                    When SetOption114 1 all switches are detached from their respective relays and will send MQTT messages instead in the form of {"Switch<x>":{"Action":"<state>"}}.

                    Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                    https://github.com/joBr99/nspanel-lovelace-ui/wiki

                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                    eierfeileE 1 Antwort Letzte Antwort
                    1
                    • eierfeileE eierfeile

                      @tt-tom ah ok. Es sieht auch etwas besser aus. Aber leider sind noch 4 Warnungen da.
                      Ist ggf. doch in dem generierten JSON was falsch?

                      f159eff3-1510-458c-81c6-fdad90f856ff-image.png

                      Ich habe nur 2 Kategorien zur Auswertung ("solar power variant" und "transmission tower"), daher habe ich die meisten DP nicht befüllt:

                      [{ "id" : 0, "value": "", "unit": "" , "icon" : "home" , "iconColor" : 0}, { "id" : 1, "value": NaN, "unit": "" , "direction" :  "in" , "icon" : "" , "iconColor" : NaN , "speed" : NaN}, { "id" : 2, "value": 66.5, "unit": "W" , "direction" :  "in" , "icon" : "solar-power-variant" , "iconColor" : -85 , "speed" : 32}, { "id" : 3, "value": 0, "unit": "" , "direction" :  "in" , "icon" : "" , "iconColor" : NaN , "speed" : NaN}, { "id" : 4, "value": 0, "unit": "" , "direction" :  "in" , "icon" : "" , "iconColor" : NaN , "speed" : NaN}, { "id" : 5, "value": NaN, "unit": "W" , "direction" :  "in" , "icon" : "transmission-tower" , "iconColor" : 0 , "speed" : 2}, { "id" : 6, "value": 0, "unit": "" , "direction" :  "in" , "icon" : "" , "iconColor" : NaN , "speed" : NaN}]
                      
                      L Offline
                      L Offline
                      L4rs
                      schrieb am zuletzt editiert von L4rs
                      #2866

                      Moin @eierfeile,

                      ich habe die PowerCard hier erstmal nur testweise eingebunden und verwende nur drei der möglichen sechs "Kanäle": IMG_3128.jpg

                      Die Daten für die Anzeige (=JSON) generiere ich mit diesem kleinen Javascript, vielleicht hilft Dir das nach entsprechender Anpassung weiter:

                      /**
                      * 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
                      */
                      schedule("* * * * *", function () {
                       
                       // Definition der Datenpunkte für das JSON der POWER-Card und der anzuzeigenden Leistungswerte
                       var powerCardJson = "0_userdata.0.NSPanel.Energie.PowerCard",
                         pwr1 = Math.round(
                           getState("mqtt.0.SmartHome.Energie.PV.openDTU.114180710360.0.power").val
                         ),
                         pwr2 = "",
                         pwr3 = "",
                         pwr4 = Math.round(getState("hm-rpc.0.MEQ0706303.1.POWER").val),
                         pwr5 = "",
                         pwr6 = 0,
                         pwrHome = Math.round(pwr4 - pwr1);    // Berechnung des Energiefluss anstelle eines Datenpunktes
                      
                       // Definition der Keys im JSON
                       var keys = ["id", "value", "unit", "icon", "iconColor", "speed"];
                      
                       // Definition der "Kacheln"
                       var home = [0, pwrHome, "W", "home-lightning-bolt-outline", 0];
                       var item1 = [
                         1,
                         pwr1,
                         "W",
                         "solar-power-variant-outline",
                         3,
                         pwr1 > 0 ? -2 : 0,
                       ];
                       var item2 = [2, pwr2, "", "", 0, ""];
                       var item3 = [3, pwr3, "", "", 0, ""];
                       var item4 = [4, pwr4, "W", "transmission-tower", 10, 10];
                       var item5 = [5, pwr5, "", "", 0, ""];
                       var item6 = [6, pwr6, "kW", "car-electric-outline", 5, 0];
                      
                       /**
                        * 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),
                         ])
                       );
                      });
                      
                      

                      @TT-Tom Ich hatte beim experimentieren mit der PowerCard einen ähnlichen (0 anstelle ""; Fehler (#801)) reported, evtl. ist das hier auch die Ursache (Fix ab TypeScript v4.0.4.3) - mit meinem Script oben funktioniert es hier auch in der aktuellen Version.

                      Viele Grüße, Lars

                      T eierfeileE 2 Antworten Letzte Antwort
                      1
                      • L L4rs

                        Moin @eierfeile,

                        ich habe die PowerCard hier erstmal nur testweise eingebunden und verwende nur drei der möglichen sechs "Kanäle": IMG_3128.jpg

                        Die Daten für die Anzeige (=JSON) generiere ich mit diesem kleinen Javascript, vielleicht hilft Dir das nach entsprechender Anpassung weiter:

                        /**
                        * 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
                        */
                        schedule("* * * * *", function () {
                         
                         // Definition der Datenpunkte für das JSON der POWER-Card und der anzuzeigenden Leistungswerte
                         var powerCardJson = "0_userdata.0.NSPanel.Energie.PowerCard",
                           pwr1 = Math.round(
                             getState("mqtt.0.SmartHome.Energie.PV.openDTU.114180710360.0.power").val
                           ),
                           pwr2 = "",
                           pwr3 = "",
                           pwr4 = Math.round(getState("hm-rpc.0.MEQ0706303.1.POWER").val),
                           pwr5 = "",
                           pwr6 = 0,
                           pwrHome = Math.round(pwr4 - pwr1);    // Berechnung des Energiefluss anstelle eines Datenpunktes
                        
                         // Definition der Keys im JSON
                         var keys = ["id", "value", "unit", "icon", "iconColor", "speed"];
                        
                         // Definition der "Kacheln"
                         var home = [0, pwrHome, "W", "home-lightning-bolt-outline", 0];
                         var item1 = [
                           1,
                           pwr1,
                           "W",
                           "solar-power-variant-outline",
                           3,
                           pwr1 > 0 ? -2 : 0,
                         ];
                         var item2 = [2, pwr2, "", "", 0, ""];
                         var item3 = [3, pwr3, "", "", 0, ""];
                         var item4 = [4, pwr4, "W", "transmission-tower", 10, 10];
                         var item5 = [5, pwr5, "", "", 0, ""];
                         var item6 = [6, pwr6, "kW", "car-electric-outline", 5, 0];
                        
                         /**
                          * 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),
                           ])
                         );
                        });
                        
                        

                        @TT-Tom Ich hatte beim experimentieren mit der PowerCard einen ähnlichen (0 anstelle ""; Fehler (#801)) reported, evtl. ist das hier auch die Ursache (Fix ab TypeScript v4.0.4.3) - mit meinem Script oben funktioniert es hier auch in der aktuellen Version.

                        Viele Grüße, Lars

                        T Offline
                        T Offline
                        TT-Tom
                        schrieb am zuletzt editiert von
                        #2867

                        @l4rs

                        ja den Fix kenne ich. Panel wollte LeerString und Script wollte 0.
                        Problem bei @eierfeile ist, dass er keine LeerStrings hat sonder "NaN" als Wert. Das kommt von dem Blockly aus dem Wiki. Dieses kann nur alle Kacheln anzeigen, da des keine LeerStrings generieren kann.

                        Dein Script würde ich gerne mit ins Wiki mit aufnehmen, wenn es dir recht ist?

                        Gruß Tom
                        https://github.com/tt-tom17
                        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                        NSPanel Script Wiki
                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                        NSPanel Adapter Wiki
                        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                        L eierfeileE 2 Antworten Letzte Antwort
                        1
                        • T TT-Tom

                          @l4rs

                          ja den Fix kenne ich. Panel wollte LeerString und Script wollte 0.
                          Problem bei @eierfeile ist, dass er keine LeerStrings hat sonder "NaN" als Wert. Das kommt von dem Blockly aus dem Wiki. Dieses kann nur alle Kacheln anzeigen, da des keine LeerStrings generieren kann.

                          Dein Script würde ich gerne mit ins Wiki mit aufnehmen, wenn es dir recht ist?

                          L Offline
                          L Offline
                          L4rs
                          schrieb am zuletzt editiert von
                          #2868

                          @tt-tom
                          Kannst Du gern machen - schau aber vielleicht noch mal kritisch drüber ob es auch verständlich ist, die Kommentare hab ich heute morgen zwischen Tür und Angel drangeschrieben... :innocent:

                          eierfeileE 1 Antwort Letzte Antwort
                          1
                          • T TT-Tom

                            @l4rs

                            ja den Fix kenne ich. Panel wollte LeerString und Script wollte 0.
                            Problem bei @eierfeile ist, dass er keine LeerStrings hat sonder "NaN" als Wert. Das kommt von dem Blockly aus dem Wiki. Dieses kann nur alle Kacheln anzeigen, da des keine LeerStrings generieren kann.

                            Dein Script würde ich gerne mit ins Wiki mit aufnehmen, wenn es dir recht ist?

                            eierfeileE Offline
                            eierfeileE Offline
                            eierfeile
                            schrieb am zuletzt editiert von
                            #2869

                            @tt-tom ah ok, danke! Das werde ich mal probieren :-)

                            1 Antwort Letzte Antwort
                            0
                            • ArmilarA Armilar

                              @eierfeile

                              ich glaub ich hab es mit "SetOption73 1" in der Tasmota Console gemacht.

                              versuch es ansonsten mal mit SetOption114

                              Detach Switches with...~
                              SetOption114~
                              When SetOption114 1 all switches are detached from their respective relays and will send MQTT messages instead in the form of {"Switch<x>":{"Action":"<state>"}}.

                              eierfeileE Offline
                              eierfeileE Offline
                              eierfeile
                              schrieb am zuletzt editiert von
                              #2870

                              @armilar ja danke, probier ich mal. Aber von der Erklärung her, macht es das gleiche wie SetOption73. Aktuell funktioniert es auch genauso wie es soll :-).
                              Wirklich echt tolle und schnelle Hilfe hier. Bin beeindruckt :-)

                              1 Antwort Letzte Antwort
                              0
                              • O Offline
                                O Offline
                                osieben
                                schrieb am zuletzt editiert von
                                #2871

                                Gibt es hier eigentlich die Möglichkeit Hintergrundgrafiken in den Screens oder Karten anzuzeigen, um das Design was stylisher zu machen?

                                ArmilarA 1 Antwort Letzte Antwort
                                0
                                • L L4rs

                                  @tt-tom
                                  Kannst Du gern machen - schau aber vielleicht noch mal kritisch drüber ob es auch verständlich ist, die Kommentare hab ich heute morgen zwischen Tür und Angel drangeschrieben... :innocent:

                                  eierfeileE Offline
                                  eierfeileE Offline
                                  eierfeile
                                  schrieb am zuletzt editiert von
                                  #2872

                                  @l4rs erst mal dank für das Skript. Sieht auf jeden Fall deutlich einfacher aus. Ich hab es mal für meine NSPanel angepasst. Leider bekomme ich trotzdem noch Fehlermeldungen sobald ich versuche die Karte im nspanel aufzurufen. Die KArte wird dann auch nicht angezeigt. Hast du ne Idee wo der Fehler sein könnte?

                                  /**
                                  * 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
                                  */
                                  schedule("* * * * *", function () {
                                   
                                   // Definition der Datenpunkte für das JSON der POWER-Card und der anzuzeigenden Leistungswerte
                                   var powerCardJson = "0_userdata.0.NSPanel_CardPower",
                                     pwr1 = "",
                                     pwr2 = Math.round(
                                       getState("mqtt.0.hoymiles1500.Hoymiles1500.ch0.P_AC").val
                                     ),
                                     pwr3 = "",
                                     pwr4 = "",
                                     pwr5 = Math.round(getState("shelly.0.SHEM-3#485519D6B774#1.Total.InstantPower").val),
                                     pwr6 = "",
                                     pwrHome = Math.round(pwr5 - pwr2);    // Berechnung des Energiefluss anstelle eines Datenpunktes
                                   
                                   // Definition der Keys im JSON
                                   var keys = ["id", "value", "unit", "icon", "iconColor", "speed"];
                                   
                                   // Definition der "Kacheln"
                                   var home = [0, pwrHome, "W", "home-lightning-bolt-outline", 0];
                                   var item1 = [1, pwr1, "", "", 0, ""];
                                   var item2 = [
                                     2,
                                     pwr2,
                                     "W",
                                     "solar-power-variant-outline",
                                     3,
                                     pwr2 > 0 ? -2 : 0,
                                  ];
                                   var item3 = [3, pwr3, "", "", 0, ""];
                                   var item4 = [4, pwr4, "", "", 0, ""];
                                   var item5 = [5, pwr5, "W", "transmission-tower", 10, 10];
                                   var item6 = [6, pwr6, "", "", 0, ""];
                                   
                                   /**
                                    * 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),
                                     ])
                                   );
                                  });
                                   
                                  
                                  

                                  dbe8e84d-8554-443d-b72a-ed744634133a-image.png

                                  T 1 Antwort Letzte Antwort
                                  0
                                  • O osieben

                                    Gibt es hier eigentlich die Möglichkeit Hintergrundgrafiken in den Screens oder Karten anzuzeigen, um das Design was stylisher zu machen?

                                    ArmilarA Offline
                                    ArmilarA Offline
                                    Armilar
                                    Most Active Forum Testing
                                    schrieb am zuletzt editiert von Armilar
                                    #2873

                                    @osieben

                                    soweit ich weiß nicht, würde auch mit einigen Steuerelementen nicht wirklich schön aussehen. Genau kann dir das aber @joBr99 erklären.

                                    Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                                    https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                    1 Antwort Letzte Antwort
                                    1
                                    • eierfeileE eierfeile

                                      @l4rs erst mal dank für das Skript. Sieht auf jeden Fall deutlich einfacher aus. Ich hab es mal für meine NSPanel angepasst. Leider bekomme ich trotzdem noch Fehlermeldungen sobald ich versuche die Karte im nspanel aufzurufen. Die KArte wird dann auch nicht angezeigt. Hast du ne Idee wo der Fehler sein könnte?

                                      /**
                                      * 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
                                      */
                                      schedule("* * * * *", function () {
                                       
                                       // Definition der Datenpunkte für das JSON der POWER-Card und der anzuzeigenden Leistungswerte
                                       var powerCardJson = "0_userdata.0.NSPanel_CardPower",
                                         pwr1 = "",
                                         pwr2 = Math.round(
                                           getState("mqtt.0.hoymiles1500.Hoymiles1500.ch0.P_AC").val
                                         ),
                                         pwr3 = "",
                                         pwr4 = "",
                                         pwr5 = Math.round(getState("shelly.0.SHEM-3#485519D6B774#1.Total.InstantPower").val),
                                         pwr6 = "",
                                         pwrHome = Math.round(pwr5 - pwr2);    // Berechnung des Energiefluss anstelle eines Datenpunktes
                                       
                                       // Definition der Keys im JSON
                                       var keys = ["id", "value", "unit", "icon", "iconColor", "speed"];
                                       
                                       // Definition der "Kacheln"
                                       var home = [0, pwrHome, "W", "home-lightning-bolt-outline", 0];
                                       var item1 = [1, pwr1, "", "", 0, ""];
                                       var item2 = [
                                         2,
                                         pwr2,
                                         "W",
                                         "solar-power-variant-outline",
                                         3,
                                         pwr2 > 0 ? -2 : 0,
                                      ];
                                       var item3 = [3, pwr3, "", "", 0, ""];
                                       var item4 = [4, pwr4, "", "", 0, ""];
                                       var item5 = [5, pwr5, "W", "transmission-tower", 10, 10];
                                       var item6 = [6, pwr6, "", "", 0, ""];
                                       
                                       /**
                                        * 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),
                                         ])
                                       );
                                      });
                                       
                                      
                                      

                                      dbe8e84d-8554-443d-b72a-ed744634133a-image.png

                                      T Offline
                                      T Offline
                                      TT-Tom
                                      schrieb am zuletzt editiert von TT-Tom
                                      #2874

                                      @eierfeile zeige mal bitte den Inhalt von dem Datenpunkt
                                      "0_userdata.0.NSPanel_CardPower"

                                      Hast du mal den Demomodus versucht?

                                      Kannst du mal den Debug im Script aktivieren und die Ausgabe vom öffnen der Page hier posten.

                                      Gruß Tom
                                      https://github.com/tt-tom17
                                      Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                      NSPanel Script Wiki
                                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                      NSPanel Adapter Wiki
                                      https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                      eierfeileE 1 Antwort Letzte Antwort
                                      0
                                      • T TT-Tom

                                        @eierfeile zeige mal bitte den Inhalt von dem Datenpunkt
                                        "0_userdata.0.NSPanel_CardPower"

                                        Hast du mal den Demomodus versucht?

                                        Kannst du mal den Debug im Script aktivieren und die Ausgabe vom öffnen der Page hier posten.

                                        eierfeileE Offline
                                        eierfeileE Offline
                                        eierfeile
                                        schrieb am zuletzt editiert von
                                        #2875

                                        @tt-tom
                                        ne hab ich noch nicht probiert

                                        [{"id":0,"value":367,"unit":"W","icon":"home-lightning-bolt-outline","iconColor":0},{"id":1,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":2,"value":0,"unit":"W","icon":"solar-power-variant-outline","iconColor":3,"speed":0},{"id":3,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":4,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":5,"value":367,"unit":"W","icon":"transmission-tower","iconColor":10,"speed":10},{"id":6,"value":"","unit":"","icon":"","iconColor":0,"speed":""}]
                                        

                                        meinst du das?
                                        a6eee147-7405-4a01-ad6b-8c85911504b0-image.png

                                        T 1 Antwort Letzte Antwort
                                        0
                                        • eierfeileE eierfeile

                                          @tt-tom
                                          ne hab ich noch nicht probiert

                                          [{"id":0,"value":367,"unit":"W","icon":"home-lightning-bolt-outline","iconColor":0},{"id":1,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":2,"value":0,"unit":"W","icon":"solar-power-variant-outline","iconColor":3,"speed":0},{"id":3,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":4,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":5,"value":367,"unit":"W","icon":"transmission-tower","iconColor":10,"speed":10},{"id":6,"value":"","unit":"","icon":"","iconColor":0,"speed":""}]
                                          

                                          meinst du das?
                                          a6eee147-7405-4a01-ad6b-8c85911504b0-image.png

                                          T Offline
                                          T Offline
                                          TT-Tom
                                          schrieb am zuletzt editiert von TT-Tom
                                          #2876

                                          @eierfeile sagte in SONOFF NSPanel mit Lovelace UI:

                                          [{"id":0,"value":367,"unit":"W","icon":"home-lightning-bolt-outline","iconColor":0},{"id":1,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":2,"value":0,"unit":"W","icon":"solar-power-variant-outline","iconColor":3,"speed":0},{"id":3,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":4,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":5,"value":367,"unit":"W","icon":"transmission-tower","iconColor":10,"speed":10},{"id":6,"value":"","unit":"","icon":"","iconColor":0,"speed":""}]
                                          

                                          Der Inhalt funktioniert.

                                          ist das immer noch deine Config der Seite? wenn ja, dann muss das ACTUAL weg. Also nur alias.0.NSPanels.Strom

                                          let CardPowerExample = <PagePower>
                                          {
                                              'type': 'cardPower',
                                              'heading': 'Strom',
                                              'useColor': true,
                                              'items': [
                                                  <PageItem>{ id: 'alias.0.NSPanels.Strom.ACTUAL' }
                                          //        <PageItem>{ }       // aktivieren für Demomodus der PowerCard, dafür ersten PageItem auskommentieren  
                                          ]
                                          };
                                          

                                          den DEBUG vom Script schaltet man hier im Script ein und setzt ihn auf "true".

                                          // Ab hier Anpassungen vornehmen
                                          
                                          const Debug = false;
                                          
                                          

                                          Gruß Tom
                                          https://github.com/tt-tom17
                                          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                          NSPanel Script Wiki
                                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                          NSPanel Adapter Wiki
                                          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                          ArmilarA eierfeileE 2 Antworten Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          863

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe