SONOFF NSPanel mit Lovelace UI

[GregorS]

Ist es möglich das Alarm-Icon aus "cardAlarm" in den Screensaver anstatt der Indikatoren zu bringen?
Auch mit blinken und entsprechenden Farben.

[TT-Tom]

@gregors

das Icon ist nicht das Problem, Farben wird schon schwieriger, blinken ich sag mal nö. Lass mir mal ein paar Tage nach denken, was mann umsetzen kann. Melde mich dann

[lustig29]

@armilar said in SONOFF NSPanel mit Lovelace UI:

So könnte das Blockly zur Steuerung mit den Tasten aussehen...
Ich habe es eben getestet und es macht was es soll...

Mit beiden Tasten (kurzer Druck) lässt sich der Switch ein- bzw. ausschalten.
Mit der linken Taste (halten) wird runtergedimmt (bis Level=5)
Mit der rechten Taste (halten) wird hochgedimmt (bis Level=100)

Copy to ClipboardRule2 0
setOption1 1
setOption73 1
setOption32 10

Im Script alle Objekt-ID's zu den Shelly-Datenpunkten ändern und das richtige NSPanel oben natürlich auch anpassen....

Das eine Panel soll ja dann ins Esszimmer und die Tasten als normaler Lichtschalter funktionieren. Reicht es um es rückgängig zu mache, dass einfache die Vorlage neu rein lade und das Panel aus dem Blockly entferne. Oder muss ich noch was machen?

[Armilar]

@lustig29

Standard-Vorlage und wenn es ein normaler Lichtschalter ist, das heißt keine smarten Leuchtmittel, dann ohne Rule 2 und die Lampen am NSPanel über die beiden externen Ausgänge „L Out“ anschließen. Danach laufen die die NSPanel über die internen Relais.Lassen sich dann auch über die Relay-Datenpunkte unter 0_userdata… steuern

[lustig29]

@armilar
Also muss ich in der Console dann nochmal Rule 2 0 ausführen?

[Armilar]

@lustig29

Ja, dann sollten die Relais klicken

Rule2 0

[lustig29]

@armilar
Da klickt leider nichts...

[TT-Tom]

@gregors

Ich habe eine Lösung gefunden, musst aber etwas Code schreiben entwerder Blockly oder JS.
Blinken geht nicht.

Du legst dir diese drei Datenpunkte an mit diesen Typen.

0_userdata.0.example_boolean wird als Trigger genutzt
0_userdata.0.example_string wird der Iconname gesetzt
0_userdata.0.example_number wird der Farbwert gesetzt. Die Nummer kannst du von dieser Seite ermitteln. https://nodtem66.github.io/nextion-hmi-color-convert/index.html

Im Code musst du zuerst die Farbe setzen, dann das Icon und zum Schluss den boolean neu setzen. Kann der selbe Wert sein, muss nur bestätigt werden (aktualisieren).

Der Code für den indikator

    {
        ScreensaverEntity: '0_userdata.0.example_boolean',
        ScreensaverEntityFactor: 1,
        ScreensaverEntityDecimalPlaces: 0,
        ScreensaverEntityIconOn: '0_userdata.0.example_string',
        ScreensaverEntityIconOff: null,
        ScreensaverEntityText: 'Alarm',
        ScreensaverEntityUnitText: '%',
        ScreensaverEntityIconColor: '0_userdata.0.example_number',
        ScreensaverEntityNaviToPage: Alarmseite, // name der Alarmpage 
    },

Beispiel für Blockly

[Armilar]

@lustig29

Ist ganz normaler Auslieferungszustand ohne SetOption x

Das heißt SetOption73 und SetOption114 sind auch aus. Was Du auch in der Tasmota-Konsole eingestellt hast, mach es rückgängig und du hörst die Relais auch schalten…

[GregorS]

@tt-tom

Habe das Blockly erstellt, aber es wird nur das Shild-off in blau angezeigt.
Die Variablen werden entsprechend gefüllt.
Was muss ich im NSPanel Script noch anpassen?

[TT-Tom]

@gregors

Zeig mal dein Blockly und den Auszug vom Script/indikator.

Welche Script Version hast du???

[GregorS]

@tt-tom

indicatorScreensaverEntity: [
{
        ScreensaverEntity: '0_userdata.0.example_boolean',
        ScreensaverEntityFactor: 1,
        ScreensaverEntityDecimalPlaces: 0,
        ScreensaverEntityIconOn: '0_userdata.0.example_string',
        ScreensaverEntityIconOff: null,
        ScreensaverEntityText: 'Alarm',
        ScreensaverEntityUnitText: '%',
        ScreensaverEntityIconColor: '0_userdata.0.example_number',
        ScreensaverEntityNaviToPage: Buero_Alarm, // name der Alarmpage 
    },

Bekomme jetzt auch Fehler beim Speichern

script.js.NSPanel_2_V4_4_0_1: TypeScript compilation failed: export const config: Config = { ^ ERROR: Property 'button2' is missing in type '{ pages: (NSPanel.PageEntities | NSPanel.PageGrid | NSPanel.PageAlarm)[]; subPages: (NSPanel.PageEntities | NSPanel.PageGrid)[]; leftScreensaverEntity: []; ... 11 more ...; defaultBackgroundColor: any; }' but required in type 'Config'. 

[TT-Tom]

@gregors

da hast du eine Klamme zuviel gesetzt oder eine zuviel gelöscht. Kontrolliere mal dein Bereich Config.

Tausche mal bei boolean von aktualisieren auf steuern.

[GregorS]

@tt-tom
Fehler habe ich gefunden, hatte eine Klammer auskommentiert.
Variablen werden gefüllt, aber im Screensaver stehen oben immer noch die beiden
"Bulbs" für die Tasten.
die Var "example_boolean" ist jetzt auf steuern geändert.
Das Alarmsymbol wird nirgend angezeigt.
Ich nutze den Standard Screensaver.
Muss ich hier nicht die Zeilen löschen bzw. auskommentieren, da er dort doch die Symbole anzeigt?

// Status Icon 
    mrIcon1ScreensaverEntity: {
        ScreensaverEntity: NSPanel_Path + 'Relay.1',
        ScreensaverEntityIconOn: 'lightbulb',
        ScreensaverEntityIconOff: null,
        ScreensaverEntityValue: null,
        ScreensaverEntityValueDecimalPlace: 0,
        ScreensaverEntityValueUnit: null,
        ScreensaverEntityOnColor: On,
        ScreensaverEntityOffColor: HMIOff
    },
    mrIcon2ScreensaverEntity: {
       ScreensaverEntity: NSPanel_Path + 'Relay.2',
        ScreensaverEntityIconOn: 'lightbulb',
        ScreensaverEntityIconOff: null,
        ScreensaverEntityValue: null,
        ScreensaverEntityValueDecimalPlace: 0,
        ScreensaverEntityValueUnit: null,
        ScreensaverEntityOnColor: On,
        ScreensaverEntityOffColor: HMIOff
    },

[TT-Tom]

@gregors
Okay das du den Standard nutzt war mir nicht bekannt. Ich bin vom Advanced ausgegangen, weil Du Indikatoren schriebst.

Wenn Du beim Standard bleiben willst, nutzt du die mrIcon1 und 2. dann muss ich das nochmal anpassen. Welcher soll es sein 1 oder 2??

[GregorS]

@tt-tom

2 wäre gut.
Habe jetzt mal testweise die Icons ausgeblendet. Funktioniert.

So funktioniert es leider nicht

 mrIcon2ScreensaverEntity: {
       ScreensaverEntity: '0_userdata.0.example_boolean',
        ScreensaverEntityIconOn: '0_userdata.0.example_string',
        ScreensaverEntityIconOff: null,
        ScreensaverEntityValue: null,
        ScreensaverEntityValueDecimalPlace: 0,
        ScreensaverEntityValueUnit: null,
        ScreensaverEntityOnColor: HMIOn,
        ScreensaverEntityOffColor: HMIOff
    },

Es wird kein Icon angezeigt.
Setze im Blockly "true" und "false"

Resultat:

Passt erstmal alles

[TT-Tom]

@gregors

Das muss anders eingestellt werden für die mrIcon.
Du kannst dort eine Iconliste hinterlegen und dann über die Entity steuern. Farbe sollte auch steuerbar sein.
Bin noch unterwegs. Melde mich später.

[lustig29]

Ich habe ja das Us Panel mit dem Landscape geflasht. Und die 2 Tasten dank euerer Hilfe mit einem Blockly und dem Shelly Dimmer laufen.
Kann ich jetzt im Display über den Tasten immer Symbole anzeigen lassen, damit man gleich erkennt, dass es sich um die „Lichtschalter“ handelt? Hatte schon an Aufkleber auf den Tasten gedacht, aber das sehe ja ziemlich bescheiden aus.

[TT-Tom]

@lustig29

Symbole an den Tasten werden nur im Screensavermode angezeigt. Die Symbole werden soviel ich weiß immer oben links/rechts oder unten über den Tasten angezeigt. Ob es bei den US Varianten, da Ausnahmen gibt ist mir nicht bekannt. Wenn dann sind es mrIcon1 und 2. Diese können auch Text anzeigen. ScreensaverEntityValue: hier kann auch text hinterlegt werden, der angezeigt wird.

[TT-Tom]

@gregors

so der code für das mrIcon2

    mrIcon2ScreensaverEntity: {
        ScreensaverEntity: '0_userdata.0.example_number',
        ScreensaverEntityIconOn: null,
        ScreensaverEntityIconOff: null,
        ScreensaverEntityIconSelect: { '0': 'shield-off', '1': 'shield', '2': 'shield-home' },
        ScreensaverEntityValue: null,
        ScreensaverEntityValueDecimalPlace: 1,
        ScreensaverEntityValueUnit: null,
        ScreensaverEntityOnColor: Red,
        ScreensaverEntityOffColor: Green,
    },

Code Blockly

<xml xmlns="https://developers.google.com/blockly/xml">
 <block type="on" id="y?b@(GIxA5-afpeG_h,q" x="62" y="63">
   <field name="OID">alias.0.NSPanel.Alarm.TYPE</field>
   <field name="CONDITION">ne</field>
   <field name="ACK_CONDITION"></field>
   <statement name="STATEMENT">
     <block type="controls_if" id="6*]DRyCOx|!l}Ms#LE|t">
       <mutation elseif="2"></mutation>
       <value name="IF0">
         <block type="logic_compare" id="YtsRwf+[dMod1m0ayC`G">
           <field name="OP">EQ</field>
           <value name="A">
             <block type="on_source" id="Y!KoM.A}AA-?BPnlO+,|">
               <field name="ATTR">state.val</field>
             </block>
           </value>
           <value name="B">
             <block type="text" id="!6HE`BwhVU_m^`+Kyd$2">
               <field name="TEXT">D1</field>
             </block>
           </value>
         </block>
       </value>
       <statement name="DO0">
         <block type="update" id="9.BYW]%7fnr^Brvdub]H">
           <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
           <field name="OID">0_userdata.0.example_number</field>
           <field name="WITH_DELAY">FALSE</field>
           <value name="VALUE">
             <block type="math_number" id="f!fGv+y|j/^z!XMTEy7`">
               <field name="NUM">0</field>
             </block>
           </value>
         </block>
       </statement>
       <value name="IF1">
         <block type="logic_compare" id=";({}}jkx!QmR]J^[%o%=">
           <field name="OP">EQ</field>
           <value name="A">
             <block type="on_source" id="x*d`|kmHdGbgeH!D8*tJ">
               <field name="ATTR">state.val</field>
             </block>
           </value>
           <value name="B">
             <block type="text" id="X}kGW!x))Z(E@~Kv8#40">
               <field name="TEXT">A1</field>
             </block>
           </value>
         </block>
       </value>
       <statement name="DO1">
         <block type="update" id="=6O1ojQ#yh#8y??w]jzK">
           <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
           <field name="OID">0_userdata.0.example_number</field>
           <field name="WITH_DELAY">FALSE</field>
           <value name="VALUE">
             <block type="math_number" id="?~VV3pYwtm-[TMAVZZQe">
               <field name="NUM">1</field>
             </block>
           </value>
         </block>
       </statement>
       <value name="IF2">
         <block type="logic_compare" id="tABH3Q+XAAZpprG0dk$!">
           <field name="OP">EQ</field>
           <value name="A">
             <block type="on_source" id=".A/am`xS9?{,Gd9rf}l:">
               <field name="ATTR">state.val</field>
             </block>
           </value>
           <value name="B">
             <block type="text" id="Sq,t}6)0ovLtt7WAr6ia">
               <field name="TEXT">A2</field>
             </block>
           </value>
         </block>
       </value>
       <statement name="DO2">
         <block type="update" id="o;W`RL.71t6ie0:bjt?k">
           <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
           <field name="OID">0_userdata.0.example_number</field>
           <field name="WITH_DELAY">FALSE</field>
           <value name="VALUE">
             <block type="math_number" id="IG(g68za76dxG}_A*0{@">
               <field name="NUM">2</field>
             </block>
           </value>
         </block>
       </statement>
     </block>
   </statement>
 </block>
</xml>

es gehen nur zwei Farben (an/aus, 0/1) also ist disarmed (D1) 0/grün alle andern Werte Rot