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.9k

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.
  • 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
                      • T TT-Tom

                        @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;
                        
                        
                        ArmilarA Offline
                        ArmilarA Offline
                        Armilar
                        Most Active Forum Testing
                        schrieb am zuletzt editiert von
                        #2877

                        @tt-tom 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":""}]

                        @eierfeile

                        a516b1e1-03ba-4005-b474-f990c326ebf6-image.png

                        Sollte mit dem Entfernen des .ACTUAL so aussehen. Ansonsten werden keine Daten gefunden...

                        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.

                        T 1 Antwort Letzte Antwort
                        2
                        • T TT-Tom

                          @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;
                          
                          
                          eierfeileE Offline
                          eierfeileE Offline
                          eierfeile
                          schrieb am zuletzt editiert von
                          #2878

                          @tt-tom ok, dann hatte ich dich gestern bei dem Post um 19:00 missverstanden. Dachte beim Alias mit Actual richtig wäre. Daher hatte ich es wieder eingefügt.
                          Aber jetzt hab ich es natürlich wieder rausgenommen und jetzt funktioniert es endlich :-) Danke Euch!!

                          1 Antwort Letzte Antwort
                          0
                          • 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

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

                            @l4rs Hi, wollte kurz Feedback geben. Also soweit sieht alles gut :-). Die Berechnung von pwrHome, hab ich nur minimal geändert, weil ich dort den aktuellen Verbrauch vom Haus angezeigt haben wollte.

                            pwrHome = Math.round(pwr5 + pwr2);  
                            

                            Was mir jetzt aber aufgefallen ist, wenn man Stom einspeist, berechnet dein Skript alles korrekt (Watt ist negativ, speed ist positiv)...trotzdem fliesst in der Grafik der Strom zum Haus hin statt weg.

                            Kann sich das jmd erklären? Mit meiner Änderung kann das ja nicht zu tun haben, da ja alles korrekt berechnet wird oder?

                            Hier nochmal meine Werte, die meiner Meinung eigentlich korrekt sind:

                            [{"id":0,"value":428,"unit":"W","icon":"home-lightning-bolt-outline","iconColor":0},{"id":1,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":2,"value":612,"unit":"W","icon":"solar-power-variant-outline","iconColor":3,"speed":-2},{"id":3,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":4,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":5,"value":-184,"unit":"W","icon":"transmission-tower","iconColor":10,"speed":10},{"id":6,"value":"","unit":"","icon":"","iconColor":0,"speed":""}]
                            
                            T 1 Antwort Letzte Antwort
                            0
                            • eierfeileE eierfeile

                              @l4rs Hi, wollte kurz Feedback geben. Also soweit sieht alles gut :-). Die Berechnung von pwrHome, hab ich nur minimal geändert, weil ich dort den aktuellen Verbrauch vom Haus angezeigt haben wollte.

                              pwrHome = Math.round(pwr5 + pwr2);  
                              

                              Was mir jetzt aber aufgefallen ist, wenn man Stom einspeist, berechnet dein Skript alles korrekt (Watt ist negativ, speed ist positiv)...trotzdem fliesst in der Grafik der Strom zum Haus hin statt weg.

                              Kann sich das jmd erklären? Mit meiner Änderung kann das ja nicht zu tun haben, da ja alles korrekt berechnet wird oder?

                              Hier nochmal meine Werte, die meiner Meinung eigentlich korrekt sind:

                              [{"id":0,"value":428,"unit":"W","icon":"home-lightning-bolt-outline","iconColor":0},{"id":1,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":2,"value":612,"unit":"W","icon":"solar-power-variant-outline","iconColor":3,"speed":-2},{"id":3,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":4,"value":"","unit":"","icon":"","iconColor":0,"speed":""},{"id":5,"value":-184,"unit":"W","icon":"transmission-tower","iconColor":10,"speed":10},{"id":6,"value":"","unit":"","icon":"","iconColor":0,"speed":""}]
                              
                              T Offline
                              T Offline
                              TT-Tom
                              schrieb am zuletzt editiert von TT-Tom
                              #2880

                              @eierfeile das Script ändert die Richtung von speed nicht. Es ist ein minimal Beispiel von @L4rs. Wenn du das Vorzeichen von speed änderst, dann läuft es in die andere Richtung. Was für einen Wert bekommst du von deinem Zähler, wenn du ins Netz speist? Ändert sich dann das Vorzeichen auf minus???

                              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 das Script ändert die Richtung von speed nicht. Es ist ein minimal Beispiel von @L4rs. Wenn du das Vorzeichen von speed änderst, dann läuft es in die andere Richtung. Was für einen Wert bekommst du von deinem Zähler, wenn du ins Netz speist? Ändert sich dann das Vorzeichen auf minus???

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

                                @tt-tom Hi Tom, danke für dein Feedback.
                                Ah ok ich glaub ich die missverstanden! Positive Werte bezieht nicht auf dem Stromverbrauch sondern auf die postive Werte von Speed. Dann muss ich mal schauen ob ich das im Skript angepasst bekommen!

                                a572354e-4125-4622-b33c-ac4582fd5db2-image.png

                                T 1 Antwort Letzte Antwort
                                0
                                • eierfeileE eierfeile

                                  @tt-tom Hi Tom, danke für dein Feedback.
                                  Ah ok ich glaub ich die missverstanden! Positive Werte bezieht nicht auf dem Stromverbrauch sondern auf die postive Werte von Speed. Dann muss ich mal schauen ob ich das im Skript angepasst bekommen!

                                  a572354e-4125-4622-b33c-ac4582fd5db2-image.png

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

                                  @eierfeile dann werte im Script den Wert vom Zähler aus und wenn er negativ ist dann Speed * -1 und des Vorzeichen von Speed ändert sich.

                                  Edit: if (wert<0) {Speed=Speed *-1} so ungefähr

                                  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 dann werte im Script den Wert vom Zähler aus und wenn er negativ ist dann Speed * -1 und des Vorzeichen von Speed ändert sich.

                                    Edit: if (wert<0) {Speed=Speed *-1} so ungefähr

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

                                    @tt-tom oh ok, das werde ich probieren. Hatte es gerade so probiert, aber das war offenbar der Holzweg....haha,,,hat natürlich nicht geklappt
                                    pwr5 < 0 ? pwr5 * -1 : 0,

                                    ArmilarA T 2 Antworten Letzte Antwort
                                    0
                                    • eierfeileE eierfeile

                                      @tt-tom oh ok, das werde ich probieren. Hatte es gerade so probiert, aber das war offenbar der Holzweg....haha,,,hat natürlich nicht geklappt
                                      pwr5 < 0 ? pwr5 * -1 : 0,

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

                                      @eierfeile

                                      ich benutze die tatsächlichen Werte und setze sie für Speed in % Relation von -100 bis +100

                                      EDIT: Wenn ich es richtig aus der HMI in Erinnerung habe, dann gehen die Speed-Werte mittlerweile von -120 bis 120

                                      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.

                                      J 1 Antwort Letzte Antwort
                                      0
                                      • eierfeileE eierfeile

                                        @tt-tom oh ok, das werde ich probieren. Hatte es gerade so probiert, aber das war offenbar der Holzweg....haha,,,hat natürlich nicht geklappt
                                        pwr5 < 0 ? pwr5 * -1 : 0,

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

                                        @eierfeile du solltest Speed um kehren nicht dein powerwert.
                                        Am Handy ist das jetzt nicht so einfach

                                        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 du solltest Speed um kehren nicht dein powerwert.
                                          Am Handy ist das jetzt nicht so einfach

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

                                          @tt-tom ok ich hab es jetzt mal so gemacht. Teste es aber morgen nochmal durch. Sieht aber soweit ganz gut aus glaub ich.

                                           var item5 = [5, pwr5, "W", "transmission-tower", 10, 
                                              pwr5 < 0 ? -5 : 5];
                                          

                                          OFFTOPIC: wie man viiielleicht gemerkt hat: ich kenn mich mit Programmierung nur rudimentär aus ;-), mit JS eigentlich gar nicht. Daher hab ich mir erlaubt Chatgpt zu fragen ob mein Codeschnipsel so Sinn macht. Muss sagen schon nicht schlecht das Teil:
                                          a430aa42-3932-4736-b9f3-32ad65f1f185-image.png

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          675

                                          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