SONOFF NSPanel mit Lovelace UI

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.

TT-Tom

@einstein2002

Der Datenpunkt POWER ändert sich nicht wenn du in Tasmota direkt schaltest? Hast du noch andere Datenpunkte von diesem Gerät??

icebear

Guten Morgen allerseits

Ich hab gestern mein zweites NSPanel erfolgreich in Betrieb genommen.

Jetzt möchte ich dort folgendes implementieren, wenn die Toilette bestzt ist. dann soll auf dem Panel 'Besetzt' stehen, und zwar solange wie auch besetzt ist.
Wenn wieder 'Frei' ist, kann dann das PopUp Fenster wieder zugemacht werden.

Leider blicke ich im Moment noch nich so ganz wie ich das realisieren kann. Beim durchforsten des WiKi und der ganzen Post's hab ich auch ein paar Beispiel für popUpNotify gefunden, aber da fehlt mir dann immer irgendwas, zum Beispiel das das PopUp Fenster mit der 'Besetzt' Meldung solang offen bleibt bis wieder 'Frei' ist.

Gegeben ist, das das Licht beim mir im G-WC automatisch per Bewegungsmelder angeht, und es wird Musik abgespielt, solange wie jemand auf der Toilette ist.
Wenn dann die Toilette wieder Frei ist und der Bewegungsmelder für eine gewisse Zeit keine Bewegung mehr registriert, dann geht das Licht von allein aus und die Musik Wiedergabe stoppt.

Vielleicht hat sowas ja schon jemand umgesetzt, und kann mir dabei behilflich sein.

ticaki

@icebear
Kann dir zwar jetzt gerade nicht helfen, aber die Idee gefällt mir. Danke, kommt auf die lange "will ich auch haben" liste :)

TT-Tom

@icebear
Die popupNotify schließt sich meines Wissens nicht von extern. Du kannst es mit einem internen Timer schließen oder durch tippen auf das Display.

Die Notify auf dem Screensaver kann gelöscht werden durch leeren des Datenpunktes.

Du kannst dir ein kleines Script erstellen was auf das Licht triggert und die beiden Datenpunkte im userdata-Pfad
ScreensaverInfo.popupNotifyHeading
ScreensaverInfo.popupNotifyText
füllt bzw. leert.

Community Forum

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

839

32.4k

81.5k

1.3m