SONOFF NSPanel mit Lovelace UI

draexler

export const config = <Config> {
    panelRecvTopic: 'mqtt.0.tasmota.NSPanel_Buero.tele.RESULT',       // Bitte anpassen
    panelSendTopic: 'mqtt.0.tasmota.NSPanel_Buero.cmnd.CustomSend',   // Bitte anpassen

Bildschirmfoto 2023-04-08 um 18.13.36.png

{
  "common": {
    "name": "CustomSend",
    "desc": "Manuell erzeugt",
    "role": "state",
    "type": "string",
    "read": true,
    "write": true,
    "def": ""
  },
  "type": "state",
  "native": {},
  "from": "system.adapter.admin.0",
  "user": "system.user.admin",
  "ts": 1680882985700,
  "_id": "mqtt.0.tasmota.NSPanel_Buero.cmnd.CustomSend",
  "acl": {
    "object": 1636,
    "state": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  }
}

Beim Starten des Skripts:

javascript.0
2023-04-08 18:14:43.893	info	script.js.common.NSPanels.NSPanel_Buero: Installed TFT Firmware: 50 / v4.0.5

javascript.0
2023-04-08 18:14:43.893	info	script.js.common.NSPanels.NSPanel_Buero: Desired TFT Firmware: 50 / v4.0.5

javascript.0
2023-04-08 18:14:43.567	info	script.js.common.NSPanels.NSPanel_Buero: registered 28 subscriptions, 7 schedules, 0 messages, 0 logs and 0 file subscriptions

javascript.0
2023-04-08 18:14:43.525	info	script.js.common.NSPanels.NSPanel_Buero: weather alias for accuweather.0. already exists

javascript.0
2023-04-08 18:14:43.503	info	script.js.common.NSPanels.NSPanel_Buero: setObjects enabled - create Alias Channels possible

javascript.0
2023-04-08 18:14:43.407	info	script.js.common.NSPanels.NSPanel_Buero: source code did not change, using cached compilation result...

javascript.0
2023-04-08 18:14:42.967	info	script.js.common.NSPanels.NSPanel_Buero: compiling TypeScript source...

javascript.0
2023-04-08 18:14:41.343	info	Stop script script.js.common.NSPanels.NSPanel_Buero

Armilar

@draexler

Das Script arbeitet. Nimm mal den haken in der MQTT-Instanz raus:

Ggfs. danach noch mal den MQTT durchstarten

draexler

@armilar Tja, was soll man sagen... Das wars. Bist einfach super Genau deswegen gefällt mir der ioBroker so gut. Wegen der SUPER Community.
Nochmal DANKE

draexler

Aber für Dummies. Wie sendet denn der MQTT dann jetzt?
Die Einstellung war -> Nur bei Änderungen publizieren, was ja bedeutet nur wenn sich der Datenpunkt ändert... und jetzt? Jede Sekunde, alle 10 Minuten?!?

Armilar

@draexler

Habe den Sinn hinter der Programmierung dieses Hakens nie verstanden

Nur das er irgendwie nicht das tut was er beschreibt

TT-Tom

@australien

so es gibt die erste Version von der Einbindung des Adapter Fahrplan.

benötigt wird dieses externe Script, welches die Daten aus dem Ordner "DepatureTimetableX.JSON" ausliest und für das Panel aufbereitet. Das Script liest maximal 6 Abfahrten pro Abfahrtstafel aus. Das Icon und die Farbe wird aus den Daten ermittelt. Grün alles okay / Rot Verspätung. Zur Zeit wird die Anzeige noch über die CradEntities realisiert und dadurch nur die ersten 4 Abfahrten dargestellt.

Bild 3.jpeg
Die PageConfig für die erste Abfahrttafel sieht wie folgt aus:

let FahrplanEntities0 = <PageEntities>
    {
        'type': 'cardEntities',
        'heading': 'Eisenstadt ',
        'useColor': true,
        'items': [
            <PageItem>{ id: AliasUserPath + 'FahrplanAnzeiger.Haltestelle0.Abfahrt0', name: "getState('alias.0.FahrplanAnzeiger.Haltestelle0.Abfahrt0.Richtung').val"},
            <PageItem>{ id: AliasUserPath + 'FahrplanAnzeiger.Haltestelle0.Abfahrt1', name: "getState('alias.0.FahrplanAnzeiger.Haltestelle0.Abfahrt1.Richtung').val"},
            <PageItem>{ id: AliasUserPath + 'FahrplanAnzeiger.Haltestelle0.Abfahrt2', name: "getState('alias.0.FahrplanAnzeiger.Haltestelle0.Abfahrt2.Richtung').val"},
            <PageItem>{ id: AliasUserPath + 'FahrplanAnzeiger.Haltestelle0.Abfahrt3', name: "getState('alias.0.FahrplanAnzeiger.Haltestelle0.Abfahrt3.Richtung').val"},
            <PageItem>{ id: AliasUserPath + 'FahrplanAnzeiger.Haltestelle0.Abfahrt4', name: "getState('alias.0.FahrplanAnzeiger.Haltestelle0.Abfahrt4.Richtung').val"},
            <PageItem>{ id: AliasUserPath + 'FahrplanAnzeiger.Haltestelle0.Abfahrt5', name: "getState('alias.0.FahrplanAnzeiger.Haltestelle0.Abfahrt5.Richtung').val"}
        ]
    };

Das Script kann mehrere Abfahrtstafeln überwachen, einzustellen im Script unter

const AnzahlHaltestellen: number = 3;               // Anzahl der Haltestellen / Anzeigetafeln

einzige Bedingung -> sie müssen am Anfang in der Adapterconfig stehen und fortlaufend sein.

weitere Einstellungen sind

const DP_NSPanel: string = '0_userdata.0.NSPanel.1.';        // Standard 0_userdata.0.NSPanel.1.
const DP_userdata: string = '0_userdata.0.';        // Pafad unter 0_userdata.0    Automatisch wird "FahrplanAnzeiger.HaltestelleX.AbfahrtX" durch das Script erzeugt
const DP_AliasNSPanel: string = 'alias.0.';         // Pfad unter alias.0    Automatisch wird "FahrplanAnzeiger.HaltestelleX.AbfahrtX" durch das Script erzeugt
const VerspätungPopup: boolean = true;              // Bei Verspätung soll PopupNotifypage auf dem Panel angezeigt werden

Das Script kann auf Wunsch auch eine PopupNotifyPage bei einer Verspätung erzeugen.
Bild 2.jpeg

Das ist lauffähig ab NSPanel Script Version 4.0.5.5 kommt die Tage

weitere Erläuterungen folgen im Wiki unter FAQ & Anleitungen

eierfeile

Hi, bin neu im NSPanel Thema. Hab Tasmota und Lovelace installiert. Es soll mein bestehendes Wandthermostat ersetzen. Würde daher auch das Relais1 vom NSPanel zum automatischen ein- und ausschalten der Heizung nutzen. Dachte das müsste einfach gehen. Ist aber bis jetzt nicht wirklich trivial ;-). Aber wird schon!
Also Alias für Thermostat hab ich erstellt.

Code sieht aktuell so aus:

let Kueche_Themostat = <PageThermo>
{
    'type': 'cardThermo',
    'heading': 'Thermostat Kueche',
    'useColor': true,
    'subPage': false,
    'parent': undefined,
    'items': [<PageItem>{ 
                id: 'alias.0.NSPanels.Thermostat_Kueche', 
                minValue: 50, 
                maxValue: 300,
                stepValue: 5,
              //  setThermoDestTemp2: 'ACTUAL1'
             }]
};

Aber ich sehe nicht mal die Karte im Panel? Was mach ich denn falsch?

Armilar

@eierfeile sagte in SONOFF NSPanel mit Lovelace UI:

Kueche_Themostat

Gibt es denn Kueche_Themostat als Page in der Config-Auflistung?

eierfeile

@armilar jap ist drin...hab erst mal alles nur auskommentiert was ich nicht brauche. Wird später gelöscht.

Armilar

@eierfeile

Sieht aber soweit erstmal okay aus...

Der Setpoint ist erreichbar und enthält einen numerischen Wert?

Gibt es Warnungen oder Fehler im Log?

eierfeile

@armilar paar Warnungen hab ich noch drin. Die kann ich aber nicht deuten.

Mit Setpoint meinst du vermutlich das hier:

Der ist "0". Den Wert wollte ich künftig über das cardThermo pflegen....falls das geht?

Armilar

@eierfeile

Da ist in den Chart-Pages ein Fehler

Kommentier mal alle Seiten bis auf die cardThermo aus

Ja der Setpoint wird auch über die cardThermo gesteuert...

joBr99

@draexler

Nein, ohne "Nur Änderungen publizieren" sendet er die MQTT Nachrichten so wie sie tatsächlich kommen, also bei jedem Event.

Stell dir nen Button vor, immer wenn er gedrückt wird kommt nen Event, die Nachricht ist aber immer die gleiche. Bei nem Schalter würdest du auch bei jedem Schalten eine Event haben, aber die Nachricht ändert sich von an auf aus.

Bhenyamin

Tach zusammen,
nachdem ich mein Panel jetzt vor gut einer Woche mal in den Feldversuch (in die Wand) genommen habe zeigen sich die ersten kleinen Schwächen - auch wenn ich insg. sehr zufrieden bin.

Ich habe aktuell nur 2 Hauptseiten + die NSPanel_Einstellungen Seite - alles weitere als Subpages darunter geordnet.

pages: [

            FavKitchen
            KitchenTopMenu
            NSPanel_Service                            	//Auto-Alias Service Page

           ],
    subPages: [
                
                NSPanel_Infos,                          //Auto-Alias Service Page
                    NSPanel_Wifi_Info_1,                //Auto-Alias Service Page
                    NSPanel_Wifi_Info_2,                //Auto-Alias Service Page
                    NSPanel_Sensoren,                   //Auto-Alias Service Page
                    NSPanel_Hardware,                   //Auto-Alias Service Page
                NSPanel_Einstellungen,                  //Auto-Alias Service Page
                    NSPanel_Screensaver,                //Auto-Alias Service Page
                        NSPanel_ScreensaverDimmode,     //Auto-Alias Service Page
                        NSPanel_ScreensaverBrightness,  //Auto-Alias Service Page
                        NSPanel_ScreensaverLayout,      //Auto-Alias Service Page
                        NSPanel_ScreensaverWeather,     //Auto-Alias Service Page
                        NSPanel_ScreensaverDateformat,  //Auto-Alias Service Page
                        NSPanel_ScreensaverIndicators,  //Auto-Alias Service Page
                    NSPanel_Relays,                     //Auto-Alias Service Page
                NSPanel_Firmware,                       //Auto-Alias Service Page
                    NSPanel_FirmwareTasmota,            //Auto-Alias Service Page
                    NSPanel_FirmwareBerry,              //Auto-Alias Service Page
                    NSPanel_FirmwareNextion,            //Auto-Alias Service Page
                FavLichtWzEzK                           //Favoitenmenü Lichtszenen Wohnbereich
                    FavLichtWzEzKSingle,                    //NUR aus Favoritenmenü heraus: Einzelsteuerung Licht Wohnbereich 
                FavKinder             
            Haus                                        //Top-Menü Haus Strg. 
                OG,                                     //Obergeschoss Mainpage
                    Bad,                                //Bad
                        BadRadiator,                    //Heizkörper Bad
                        BadFBH,                         // Fußbodenheizung Bad
                    Schlafzimmer,                       //Schlafzimmer 
                                    EG,                                     //Erdgeschoss Mainpage
                    Wohnbereich,                        //Wohnbereich Wohnzimmer / Esszimmer / Küche Sublevel 1
                        LichtWzEzK,                     //Einzelsteuerung Licht Wohnzimmer / Esszimmer / Küche    
                        RollosWzEzK,                    //Rollosteuerung WZ           
                    Hausflur,                           //Gesamter Hausflur
                    Büro,                               //Büro   
                    Gästebad,                           //Gäste Bad (WC) Erdgeschoss    
                Garage,                                 //Garage
                Aussen,                                 //Außenbereich 
                Photovoltaik,                           //Übersicht PV
                Abfall                                  //Abfallkalender
    ],

Wenn ich nun per Doppeltippen aus dem Screensaver raus komme, lande ich auf der Favoritenseite "FavKitchen".
Pfeil rechts bringt mich auch (meist) zur 2. Hauptseite "KitchenTopMenu" von wo aus ich alles weitere verzweige.
Leider nur meistens: Oft springt er beim 2. Druck auf den Rechtspfeil auch direkt auf die NSPanel Einstellungen, sodass ich dann noch 2 x nach rechts drücken muss um auf die gewünscht KitchenTopMenu Seite zu kommen. Ich komme nur nicht dahinter, woran es liegen kann. Auch habe ich immer mal Hänger, bei denen ich bis zum nächsten Screensaver einfach einen Blankscreen bekomme.
Noch habe ich meine bessere Hälfte nicht umfassend in die Bedienung eingeführt - dafür muss es erst reibungslos laufen um die Akzeptanz nicht unnötig zu kompromittieren
Vielleicht habt ihr 'ne Idee?

TT-Tom

@bhenyamin

mir ist auf gefallen, das bei deinen Hauptseiten das Komma fehlt. zeige mal bitte auch die Config der beiden Seiten.

Armilar

@tt-tom

@Bhenyamin

Bei den Subpages fehlen zum Teil auch die Kommas, z.B. bei:

FavLichtWzEzK
FavKinder
Haus

Der Blankscreen ist oft eine schlechte WLAN-Verbindung. Alternativ, wenn zu viele Seiten auf einmal aufgerufen werden.

mading

Moin zusammen,

ich habe erfolgreich das Skript auf 4.0.5.2 gehoben. Das Panel zeigt auch alles im Advanced Screensaver an. Echt tolle Arbeit, Armilar! Habe dir einen Obulus per Paypal geschickt.

Zwei Fragen: Gerne würde ich für die aktuelle Temperatur meinen Datenpunkt nehmen, statt dem von daswetter. Kann ich das anpassen?

Ich passe für mich den DP 0_userdata.0.NSPanel.1.ScreensaverInfo.activeDimmodeBrightness an, so dass im Screensaver das Display nicht zu dunkel ist. Sobald ich das ts Skript anpasse, zieht er den Parameter aber nicht mehr und das Display ist viel dunkler. Erst wenn ich den Wert im DP wieder anpasse, ist das Display wieder im Screensaver heller. Ist das schon einmal aufgefallen?

Eine weitere Frage habe ich: bei Waschmaschine und Trockner funktioniert es, dass wenn sie aus sind, die "Off-Icons" angezeigt werden. Beim Plug Stat (mqtt.0.openWB.lp.1.boolPlugStat) nicht. Kann es daran liegen, dass es kein true/ false ist sondern 0/1? Der Datenpunkt ist definitiv 0, zeigt aber das Icon power-plug-outline an.

indicatorScreensaverEntity:
        [
            //icons mitte unter Uhr
            // indicatorScreensaverEntity 1 (only Advanced Screensaver)
            { 
                ScreensaverEntity: 'viessmannapi.0.64851.0.features.heating.compressors.0.properties.active.value',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'heat-pump-outline',
                ScreensaverEntityIconOff: 'heat-pump',
                ScreensaverEntityText: 'Heizung',
                ScreensaverEntityUnitText: null,
                ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 1 }
            },
            // indicatorScreensaverEntity 2 (only Advanced Screensaver)
            { 
                ScreensaverEntity: 'hm-rpc.0.000F1D898C4EA9.1.MOTION',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'garage-open',
                ScreensaverEntityIconOff: 'garage-variant',
                ScreensaverEntityText: 'Garage',
                ScreensaverEntityUnitText: null,
                ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 1}
            },
            // indicatorScreensaverEntity 3 (only Advanced Screensaver)
            { 
                ScreensaverEntity: 'mqtt.0.openWB.lp.1.boolPlugStat',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'power-plug-outline',
                ScreensaverEntityIconOff: 'power-plug-off-outline',
                ScreensaverEntityText: 'verbunden',
                ScreensaverEntityUnitText: null,
                //ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 1 }
            },
            // indicatorScreensaverEntity 4 (only Advanced Screensaver)
            { 
                ScreensaverEntity: '0_userdata.0.EigeneDatenpunkte.Tasmota.WaschmaschineLaeuft',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'washing-machine',
                ScreensaverEntityIconOff: 'washing-machine-off',
                ScreensaverEntityText: 'Wama',
                ScreensaverEntityUnitText: null,
                ScreensaverEntityIconColor: { 'val_min': 1, 'val_max': 0 }
            },
            // indicatorScreensaverEntity 5 (only Advanced Screensaver)
            { 
                ScreensaverEntity: '0_userdata.0.EigeneDatenpunkte.Tasmota.TrocknerLaeuft',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'tumble-dryer',
                ScreensaverEntityIconOff: 'tumble-dryer-off',
                ScreensaverEntityText: 'Trockner',
                ScreensaverEntityUnitText: '%',
                ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 1 }
            }

australien

@tt-tom
Super! Danke, schaut sehr gut aus.

Leider wird bei mir nichts angezeigt, ausser Warnungen beim Compilieren.

Das Display am NSPanel beleibt leer, obwohl die aliase mit dem Script befühlt werden.
Egal ob ich es mit der Version aus den FAQ oder denen hier versuche.

Nachsatz, bei einer Verspätung kommt die Subpage.

Armilar

@mading

Zwei Fragen: Gerne würde ich für die aktuelle Temperatur meinen Datenpunkt nehmen, statt dem von daswetter. Kann ich das anpassen?

Jederzeit. Einfach den Datenpunkt mit der Temperatur austauschen

Ich passe für mich den DP 0_userdata.0.NSPanel.1.ScreensaverInfo.activeDimmodeBrightness an, so dass im Screensaver das Display nicht zu dunkel ist. Sobald ich das ts Skript anpasse, zieht er den Parameter aber nicht mehr und das Display ist viel dunkler. Erst wenn ich den Wert im DP wieder anpasse, ist das Display wieder im Screensaver heller. Ist das schon einmal aufgefallen?

Ich denke du meinst den Neustart des Scriptes. Der Datenpunkt 0_userdata.0.NSPanel.1.ScreensaverInfo.activeDimmodeBrightness wird aktuell im Zuge eines Scriptstarts nicht berücksichtigt, sondern nur wenn der Trigger Änderungen erfasst --> Wird kurzfristig in die nächste Version kommen...

Eine weitere Frage habe ich: bei Waschmaschine und Trockner funktioniert es, dass wenn sie aus sind, die "Off-Icons" angezeigt werden. Beim Plug Stat (mqtt.0.openWB.lp.1.boolPlugStat) nicht. Kann es daran liegen, dass es kein true/ false ist sondern 0/1? Der Datenpunkt ist definitiv 0, zeigt aber das Icon power-plug-outline an.

Muss ein Boolean, d.h. true/false sein.
Zwei Möglichkeiten:

du machst aus dem mqtt.0 Datenpunkt ein einen boolschen DP oder
du legst einen Alias an und konvertierst die 0 und 1 über die Funktion zu true und false.

mading

@armilar danke dir. das mit der Brightness wäre super, wenns rein käme. Alias habe ich angelegt und funktioniert, danke. Das mit dem eigenen Alias für das Wetter hatte ich bei der Skript Migration vergessen und generell nicht mehr daran gedacht. Nun ist es perfekt, danke!

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

1.5k
Online

30.3k
Users

76.4k
Topics

1.2m
Posts

NEWS

SONOFF NSPanel mit Lovelace UI

Support us

1.5kOnline

30.3kUsers

76.4kTopics

1.2mPosts

1.5k
Online

30.3k
Users

76.4k
Topics

1.2m
Posts