SONOFF NSPanel mit Lovelace UI

[TT-Tom]

@eierfeile lass uns erstmal ein Problem beheben. Bei der Page muss der String stimmen sonst gibt es Fehler. Kommentiere die Page erstmal aus und wir sehen uns das Statusicon an. okay?

[eierfeile]

@tt-tom ok gerne. Ich dachte dass is ein Problem im Source-Code. Die Default Glühlampe beim mricon1 verändert sich bei mir auch nicht.

mrIcon2ScreensaverEntity: 
    { 
        ScreensaverEntity: 'alias.0.NSPanel.1.Relay.1.ACTUAL', 
        ScreensaverEntityIconOn: 'heat-wave',
        ScreensaverEntityIconOff: 'heat-wave', 
        ScreensaverEntityValue: 'alias.0.NSPanel.1.Sensor.ANALOG.Temperature.ACTUAL',
        ScreensaverEntityValueDecimalPlace : 1,
        ScreensaverEntityValueUnit: '°', 
        ScreensaverEntityOnColor: MSRed, 
        ScreensaverEntityOffColor: White  
    },

[TT-Tom]

@eierfeile nein nicht im Code, der Fehler lag irgendwo im Java Adapter musste ihn neu starten, dann lief alles.

Ändert sich denn dein Datenpunkt alias.0.NSPanel.1.Relay.1.ACTUAL, wenn das Relais schaltet? Ist das Icon weiss?

Die Temperatur siehst du jetzt wieder?

[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

[TT-Tom]

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

[eierfeile]

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

[TT-Tom]

@eierfeile

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

[TT-Tom]

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

[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

[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

[eierfeile]

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

[TT-Tom]

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

[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>"}}.

[L4rs]

Moin @eierfeile,

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

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

JSON-JavaScript

/**
* 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

[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?

[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...

[eierfeile]

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

[eierfeile]

@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

[osieben]

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

[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),
   ])
 );
});