SONOFF NSPanel mit Lovelace UI

lustig29

@tt-tom Da gibt es ja jetzt auch Blockly.

ticaki

@lustig29
Es gibt 1 Skript das hat 10000 Zeilen und das steuert das Panel, sonst gibt es da nix.

Armilar

@lustig29

nur das:
https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

lustig29

@armilar
Ich finde diesen Datenpunkt nicht.

'mqtt.0.SmartHome.NSPanel_1.cmnd.CustomSend'

ticaki

@lustig29
Es gibt wirklich eine sehr gute Anleitung und in Punkt 7 wird beschrieben wie man diesen erstellt.

https://github.com/joBr99/nspanel-lovelace-ui/wiki/iobroker---Basisinstallation#7-customsend-anlegen

Einstein2002

@tt-tom
Hallo tt-tom

ich habe nach ein paar Tagen mal wieder am NS Panel weitergemacht, nun habe ich ein Problem das ich einfach nicht lösen kann.

Ich habe drei Pages, eine Werkstatt1 und Werkstatt2 sowie Dachgeschoß, diese werden auch auf dem NS Panel angezeigt und ich kann auch die Pages wechseln.

Bei der Dachgeschoß wird ein Lampensymbol angezeigt, bei Werkstatt1 werden mir 4 Power und 1 Lampen Symbol angezeigt, auf der Seite von Werkstatt2 nur ein schwarzer Bildschirm.

Was mache ich da falsch?

let Dachgeschoß: PageType =
{
    'type': 'cardGrid',
    'heading': 'Dachgeschoß',
    'useColor': true,
    'items': [
        { id: 'alias.0.Haus.Dachgeschoß.UFO_Lampe', name:'UFO-Lampe' , icon: 'lamp', offColor: MSRed, onColor: MSGreen},
    ]
};

let Werkstatt1: PageType =
{
    'type': 'cardGrid',
    'heading': 'Werkstatt1',
    'useColor': true,
    'items': [
        { id: 'alias.0.Haus.Keller.Werkstatt1.Licht', name:'Deckenlicht' , icon: 'lamp', offColor: MSRed, onColor: MSGreen},
        { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter1', name:'Power1' , icon: 'power', offColor: MSRed, onColor: MSGreen},
        { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter2', name:'Power2' , icon: 'power', offColor: MSRed, onColor: MSGreen},
        { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter3', name:'Power3' , icon: 'power', offColor: MSRed, onColor: MSGreen},
        { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter4', name:'Power4' , icon: 'power', offColor: MSRed, onColor: MSGreen},
    ]
};

let Werkstatt2: PageType =
{
    'type': 'cardGrid',
    'heading': 'Werkstatt2',
    'useColor': true,
    'items': [
        { id: 'alias.0.Haus.Keller.Werkstatt2.BambuX1C', name:'Power' , icon: 'power', offColor: MSRed, onColor: MSGreen},
        { id: 'alias.0.Haus.Keller.Werkstatt2.Test63', name:'Power' , icon: 'power', offColor: MSRed, onColor: MSGreen},
    ]
};

Danke für jeden Tip.

Einstein2002

@einstein2002 sagte in SONOFF NSPanel mit Lovelace UI:

@tt-tom
Hallo tt-tom

ich habe nach ein paar Tagen mal wieder am NS Panel weitergemacht, nun habe ich ein Problem das ich einfach nicht lösen kann.

Ich habe drei Pages, eine Werkstatt1 und Werkstatt2 sowie Dachgeschoß, diese werden auch auf dem NS Panel angezeigt und ich kann auch die Pages wechseln.

Bei der Dachgeschoß wird ein Lampensymbol angezeigt, bei Werkstatt1 werden mir 4 Power und 1 Lampen Symbol angezeigt, auf der Seite von Werkstatt2 nur ein schwarzer Bildschirm.

Was mache ich da falsch?

let Dachgeschoß: PageType =
{
    'type': 'cardGrid',
    'heading': 'Dachgeschoß',
    'useColor': true,
    'items': [
        { id: 'alias.0.Haus.Dachgeschoß.UFO_Lampe', name:'UFO-Lampe' , icon: 'lamp', offColor: MSRed, onColor: MSGreen},
    ]
};

let Werkstatt1: PageType =
{
    'type': 'cardGrid',
    'heading': 'Werkstatt1',
    'useColor': true,
    'items': [
        { id: 'alias.0.Haus.Keller.Werkstatt1.Licht', name:'Deckenlicht' , icon: 'lamp', offColor: MSRed, onColor: MSGreen},
        { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter1', name:'Power1' , icon: 'power', offColor: MSRed, onColor: MSGreen},
        { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter2', name:'Power2' , icon: 'power', offColor: MSRed, onColor: MSGreen},
        { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter3', name:'Power3' , icon: 'power', offColor: MSRed, onColor: MSGreen},
        { id: 'alias.0.Haus.Keller.Werkstatt1.4Fach-Schalter4', name:'Power4' , icon: 'power', offColor: MSRed, onColor: MSGreen},
    ]
};

let Werkstatt2: PageType =
{
    'type': 'cardGrid',
    'heading': 'Werkstatt2',
    'useColor': true,
    'items': [
        { id: 'alias.0.Haus.Keller.Werkstatt2.BambuX1C', name:'Power' , icon: 'power', offColor: MSRed, onColor: MSGreen},
        { id: 'alias.0.Haus.Keller.Werkstatt2.Test63', name:'Power' , icon: 'power', offColor: MSRed, onColor: MSGreen},
    ]
};

Danke für jeden Tip.

Falls es hilft, habe den Fehler gefunden, der Alias war nicht richtig erstellt, da hatte ich bei common.role nichts eingetragen. Jetzt läuft es.
Grüße

Einstein2002

Aber mal ne ganz andere Frage:
kann ich den Status der Schalter oder Steckdosen automatisch aktualisieren?
So das ich auf dem NS Panel den wirklichen Status angezeigt bekomme.

Momentan zeigt das NS Panel leider nicht den wirklichen Status an.
Erst wenn ich den Schalter mal an oder aus schalte, dann ändert sich der Status.

Da ich nicht nur über das NSPanel gehe sondern auch aus der VIS heraus oder direkt am Browser den Status ändere wäre das wirklich hilfreich.

TT-Tom

@einstein2002

wenn du über die VIS steuerst, ändert sich da auch der Status im Alias?
zeige mal den Alias von einem Beispiel.
wenn du die Seite mit den Schalter auf dem Panel hin und her wechselt, werden sie dann aktuell dargestellt?

Maxim

Hallo zusammen,

ich habe eine Frage bezüglich der Erstellung eines PageItems für die Anzeige einer Funktionsgruppe mit Lampen. Ist es möglich, ein PageItem zu erstellen, das den aktuellen Status der gesamten Funktionsgruppe anzeigt? Das bedeutet, wenn eine Lampe in der Gruppe eingeschaltet ist, soll das entsprechende Symbol ebenfalls als eingeschaltet dargestellt werden, und erst wenn alle Lampen ausgeschaltet sind, soll das Symbol auf "aus" umschalten. Des Weitreren möchte ich die gesamte Gruppe ein- und ausschalten können. Wäre es auch möglich, dass das Halten des Buttons auf dem PageItem eine Subpage öffnet?

Vielen Dank im Voraus!

mading

@tt-tom sagte in SONOFF NSPanel mit Lovelace UI:

@mading
Bekommst Du Fehlermeldungen??

Der Seitenaufbau sieht jetzt so aus.
let name: PageType =
{
    'type': 'cardType',
    'heading': 'Seiten Überschrift',
    'useColor': true,
    'items': []
};  
Das hier wird auch nicht mehr genutzt.

<PageItem>

nur noch
{ id: 'alias.0.NSPanel_1.Fusswaermer', icon: 'heating-coil', name: 'Fusswaermer' }

Die Migration auf die neuste NSPanel.ts ist nun fertig. Ich scheitere alleine noch daran, dass der Button die Variable in ioBroker auf true setzt. Wenn ich auf "Press" tippe, kommt folgender Fehler im Log:

10:47:05.991	warn	javascript.0 (68085) script.js.NSPanel.43: Object "alias.0.FusswaermerProgramm.FusswaermerProgramm.SET" does not exist
10:47:05.991	warn	javascript.0 (68085) script.js.NSPanel.43: Object "alias.0.FusswaermerProgramm.FusswaermerProgramm.ON_SET" does not exist
10:47:05.993	warn	javascript.0 (68085) script.js.NSPanel.43: Object "alias.0.FusswaermerProgramm.FusswaermerProgramm.SET" does not exist
10:47:05.993	warn	javascript.0 (68085) script.js.NSPanel.43: Object "alias.0.FusswaermerProgramm.FusswaermerProgramm.ON_SET" does not exist

Fehlt noch etwas im Alias? Der Alias sieht so aus:

TT-Tom

@mading
der Alias ist falsch angelegt.
sollte so aussehen, am besten neu anlegen.
der alias heisst bei dir alias.0.FusswaermerProgramm

Bildschirmfoto 2024-02-26 um 10.59.45.png

die Datenpunkte alias.0.FusswaermerProgramm.ACTUAL und alias.0.FusswaermerProgramm.SET auf die Schreibweise achten

Bildschirmfoto 2024-02-26 um 11.00.28.png

mading

@tt-tom sagte in SONOFF NSPanel mit Lovelace UI:

@mading
der Alias ist falsch angelegt.
sollte so aussehen, am besten neu anlegen.
der alias heisst bei dir alias.0.FusswaermerProgramm

die Datenpunkte alias.0.FusswaermerProgramm.ACTUAL und alias.0.FusswaermerProgramm.SET auf die Schreibweise achten

danke, switch ist nicht auswählbar. Liegt das an einem Bug in der 1.2.6, die ich installiert habe?

TT-Tom

@mading

kannst du auch auf state setzen oder switch.irgendwas was passt.

Kuckuckmann

@maxim

Hi,

schau mal in der Wiki hier. Relativ unten bei Icons für Subpages (Variante3). Aber lass das Thema mit der Navigation nicht ganz außen vor, denn Du benötigst eine entsprechende Struktur an Main- und Subpages.

LG

TT-Tom

@maxim sagte in SONOFF NSPanel mit Lovelace UI:

Das bedeutet, wenn eine Lampe in der Gruppe eingeschaltet ist, soll das entsprechende Symbol ebenfalls als eingeschaltet dargestellt werden, und erst wenn alle Lampen ausgeschaltet sind, soll das Symbol auf "aus" umschalten.

Das wirst du extern lösen müssen, ich habe da ein Blockly das mir innerhalb einer Ordnerstruktur die Datenpunkte mit der Role state.light ausliest und zusammenfasst. In zwei Datenpunkte wird der Zustand und die Anzahl geschrieben.

Bildschirmfoto 2024-02-26 um 14.05.59.png

<xml xmlns="https://developers.google.com/blockly/xml">
 <variables>
   <variable id=",*Y(#?{7cg5cW{}JN`fN">DP</variable>
   <variable id="`3q~tn|]r(LvC{19,zEY">Status_LichtEin</variable>
   <variable id="1#Xk,SKr8Zq2_0q?X|J9">Anzahl_LichtEin</variable>
   <variable id="9/yJg%I-v6N#IQN8st6m">i</variable>
 </variables>
 <block type="variables_set" id="qycnd+Gr:9Ew6wU|:/#O" x="88" y="63">
   <field name="VAR" id=",*Y(#?{7cg5cW{}JN`fN">DP</field>
   <value name="VALUE">
     <block type="selector" id="96E5N_xE!C=N626d0a_!">
       <field name="TEXT">[role=state.light][state.id=alias.0.Licht.*]</field>
     </block>
   </value>
   <next>
     <block type="on_ext" id="U::/4wmI3}Z@$SKGvvg=">
       <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
       <field name="CONDITION">ne</field>
       <field name="ACK_CONDITION"></field>
       <value name="OID0">
         <shadow type="field_oid" id="7Ap7C6jIj.Mb{_iqs{{c">
           <field name="oid">default</field>
         </shadow>
         <block type="variables_get" id="9i_yw3.TR?Ku$YP,kUIR">
           <field name="VAR" id=",*Y(#?{7cg5cW{}JN`fN">DP</field>
         </block>
       </value>
       <statement name="STATEMENT">
         <block type="variables_set" id="o,82sN(nBal}d`S@FhlR">
           <field name="VAR" id="`3q~tn|]r(LvC{19,zEY">Status_LichtEin</field>
           <value name="VALUE">
             <block type="logic_boolean" id="];3BCyF%j]5d6+iW7SW4">
               <field name="BOOL">FALSE</field>
             </block>
           </value>
           <next>
             <block type="variables_set" id="^tJ|0)6.8hOKTt~3bSY9">
               <field name="VAR" id="1#Xk,SKr8Zq2_0q?X|J9">Anzahl_LichtEin</field>
               <value name="VALUE">
                 <block type="math_number" id=")NrEP9EVPkpU]lvaOIow">
                   <field name="NUM">0</field>
                 </block>
               </value>
               <next>
                 <block type="controls_forEach" id="zvEO{_Dt/YKLr5SA*4qm">
                   <field name="VAR" id="9/yJg%I-v6N#IQN8st6m">i</field>
                   <value name="LIST">
                     <block type="variables_get" id="5Qx(g,cgpO*d@OS-cY3+">
                       <field name="VAR" id=",*Y(#?{7cg5cW{}JN`fN">DP</field>
                     </block>
                   </value>
                   <statement name="DO">
                     <block type="controls_if" id="|Tcfi[X*+Z+I^XU`W}c!">
                       <value name="IF0">
                         <block type="get_value_var" id="B+{iQL0J8Uf/auyLg4;o">
                           <field name="ATTR">val</field>
                           <value name="OID">
                             <shadow type="text" id="nv_xNDwj^vZd(VS@iL;U">
                               <field name="TEXT">i</field>
                             </shadow>
                             <block type="variables_get" id="-R.oMz[v.gJ{a/*nGZsC">
                               <field name="VAR" id="9/yJg%I-v6N#IQN8st6m">i</field>
                             </block>
                           </value>
                         </block>
                       </value>
                       <statement name="DO0">
                         <block type="math_change" id="%GBC0#O-FVUS`64Eg8Li">
                           <field name="VAR" id="1#Xk,SKr8Zq2_0q?X|J9">Anzahl_LichtEin</field>
                           <value name="DELTA">
                             <shadow type="math_number" id="O`wb$_E?4FjD*66Z.#Gz">
                               <field name="NUM">1</field>
                             </shadow>
                             <block type="math_number" id="Z0%Qp}aXwh|l3tUTm:KU">
                               <field name="NUM">1</field>
                             </block>
                           </value>
                           <next>
                             <block type="variables_set" id="-%h(cYD!_^|7$j1?7-a;">
                               <field name="VAR" id="`3q~tn|]r(LvC{19,zEY">Status_LichtEin</field>
                               <value name="VALUE">
                                 <block type="logic_boolean" id="JyKdvLU=OeWD@`O7AQVi">
                                   <field name="BOOL">TRUE</field>
                                 </block>
                               </value>
                             </block>
                           </next>
                         </block>
                       </statement>
                     </block>
                   </statement>
                   <next>
                     <block type="update" id="VyzVl0%MBx@R,H+HEEGI">
                       <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                       <field name="OID">0_userdata.0.NSPanel.Allgemein.Licht.Anzahl_Ein</field>
                       <field name="WITH_DELAY">FALSE</field>
                       <value name="VALUE">
                         <block type="variables_get" id="d`73i^f,-$v2QCbRQy$g">
                           <field name="VAR" id="1#Xk,SKr8Zq2_0q?X|J9">Anzahl_LichtEin</field>
                         </block>
                       </value>
                       <next>
                         <block type="update" id="v2F]Z/TZY!PunG*kfkwO">
                           <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                           <field name="OID">0_userdata.0.NSPanel.Allgemein.Licht.Status_Ein</field>
                           <field name="WITH_DELAY">FALSE</field>
                           <value name="VALUE">
                             <block type="variables_get" id=",$^vy#7#dLe!?DtT8N|U">
                               <field name="VAR" id="`3q~tn|]r(LvC{19,zEY">Status_LichtEin</field>
                             </block>
                           </value>
                           <next>
                             <block type="debug" id="M({M!_ScK2[_^j=8BB,k">
                               <field name="Severity">log</field>
                               <value name="TEXT">
                                 <shadow type="text" id="mzN-~@]E)uw@:W_};^IK">
                                   <field name="TEXT">test</field>
                                 </shadow>
                                 <block type="text_join" id="fj*OT/+j;9m96a+a?y|Z">
                                   <mutation items="2"></mutation>
                                   <value name="ADD0">
                                     <block type="variables_get" id="])A_QS+y+K{m/p[dOVM$">
                                       <field name="VAR" id="1#Xk,SKr8Zq2_0q?X|J9">Anzahl_LichtEin</field>
                                     </block>
                                   </value>
                                   <value name="ADD1">
                                     <block type="text" id="XEdD(OQYXlXrVeP1Bw|k">
                                       <field name="TEXT"> Lichter sind eingeschaltet</field>
                                     </block>
                                   </value>
                                 </block>
                               </value>
                             </block>
                           </next>
                         </block>
                       </next>
                     </block>
                   </next>
                 </block>
               </next>
             </block>
           </next>
         </block>
       </statement>
     </block>
   </next>
 </block>
</xml>

Einstein2002

@TT-Tom
Hallo Tom,

ich glaube ich habe meinen Fehler gefunden.
Ich darf nicht über die Webseite des Tasmota gehen. Wenn ich über die VIS oder NS-Panel gehe dann funktioniert es auch. Ist ja auch irgendwie logisch, da die Änderungen auf der Webseite des Tasmota nicht weitergegeben werden an die z.B.
mqtt.0.SmartHome.Haus.Keller.Werkstatt2Michael.Werkstatt2_Bambu.cmnd.POWER
somit bleibt SET unverändert und das Symbol ON/OFF dann auch.

Keine Ahnung ob ich mich richtig ausgedrückt habe.

Grüße und Danke trotzdem.

Maxim

@kuckuckmann

Danke, habe ich bereits gesehen. Jedoch ist damit keinen Long-Push für die Subpage möglich, oder?

Maxim

@tt-tom

Funktioniert! Vielen Dank :+1:

TT-Tom

@maxim

Das gibt es im Script noch nicht. Kannst du bitte ein Features Request auf Github erstellen. Wir müssen prüfen, welche Möglichkeiten das Panel bietet, um es umzusetzen.

Community Forum

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

869

32.4k

81.4k

1.3m