SONOFF NSPanel mit Lovelace UI

GregorS

Habe aber zur Zeit ein größeres Problem mit der Darstellung meiner Chart-Seiten.
Gestern hatte ich das Problem mit der Darstellung beim Sprung auf die Seiten über den buttonPress2,bPrev,button,
nach löschen der Subpages und Wiederherstellung des alten Zustands (einzelne Seiten) habe ich jetzt das selbe Problem mit dem rechten Pfeil.

Ich habe mir eine Naviseite mit Icons gebaut, sobald ich den entsprechenden Chart auswähle kommt ebenfalls die obige Anzeige. Gehe ich rückwärts funktionieren die Charts einwandfrei.

let Charts_1: PageType = 
{
    'type': 'cardGrid',
    'heading': 'Diagramme Temp.',
    'useColor': true,
    'items': [
       { navigate: true, id: null, icon: 'information-outline', offColor: Menu, onColor: Menu, targetPage: 'CardLChart_AZ', name: 'Arbeitszimmer' },
       { navigate: true, id: null, icon: 'information-outline', offColor: Menu, onColor: Menu, targetPage: 'CardLChart_WZ',name: 'Wohnzimmer' },
       { navigate: true, id: null, icon: 'information-outline', offColor: Menu, onColor: Menu, targetPage: 'CardLChart_Bad',name: 'Badezimmer' },
    ]
};

TT-Tom

@gregors

zeige bitte mal auch die Page config von den Charts und die beiden Array Pages und Subpages, versuche das mal nachzustellen.

EDIT: habe mal dein Versuch bei mir nachgestellt und keine Fehler festgestellt. Also bitte mal deine Einstellungen posten.

lustig29

@tt-tom
Bekomme ich den Schieberegler für das Licht irgendwie größer?

TT-Tom

@lustig29 sagte in SONOFF NSPanel mit Lovelace UI:

Bekomme ich den Schieberegler für das Licht irgendwie größer?

Nein, ist so fix in der HMI verankert. Es gibt noch eine zweite Popup Light Page, die ist aber Beta Status. Den aktuellen Stand dazu kenne ich nicht, vielleicht kann @Armilar dazu etwas sagen.

Armilar

@tt-tom
@lustig29

Ein paar Zeilen unter den Konfigurationen:

// _________________________________ DE: Ab hier keine Konfiguration mehr _____________________________________
// _________________________________ EN:  No more configuration from here _____________________________________

hatte ich das mal parametriebar gemacht.

const Sliders2: number = 0;

in

const Sliders2: number = 1;

ändern. Habe das nach den anfänglichen Fehlern nie weiter betrachtet und benötige es auch nicht wirklich.

Sollte es Fehler geben, dann direkt einen Feature Request unter HMI und nicht ioBroker machen.

Es wird beim Startup nur ein weiteres Flag an die HMI gesendet und dann wird popupLights2 statt popupLights genutzt. Ist auch nur bei den Lights und Socket in der HMI implementiert.

Armilar

@ilovegym

Dein DEV Test zu den "hidden Cards" kann starten

Nach erfolgreichem Test werden wir es ins Stable schieben...

Folgende Punkte sind enthalten.

        - 13.06.2024 - v4.4.0.2  Calculated energy consumption in relation to dimming mode and relay state (not the energy consumption of the outputs)
        - 13.06.2024 - v4.4.0.3  Check prefix '.tele.' in config.NSPanelReceiveTopic
        - 13.09.2024 - v4.4.0.4  New Feature: Hidden Carts

es gibt unter 0_userdata.0. einen weiteren Datenpunkt, der den aktuellen errechneten Strom-Verbrauch des NSPanels visualisiert (armilar)
der MQTT-Verbindungsparameter .tele. wird überprüft, da es in der Vergangenheit zu viele Einstellungsverwechselungen mit .stat. gab (tt-tom)

die Hidden Cards sind jetzt im Test (armilar)

1) Header, Servicemenü und den Code unterhalb:

// _________________________________ DE: Ab hier keine Konfiguration mehr _____________________________________
// _________________________________ EN:  No more configuration from here _____________________________________

im Skript austauschen.

2) Konfiguration

unter der Seitenvariable für die Seite den folgenden Parameter hinzufügen:

'hiddenByTrigger': true,

Jede Seitenvariable, die diesen neuen Parameter hat, wird berücksichtigt.

Achtung: Die 1. Seite im Page-Array unter "pages" darf diesen Parameter nicht haben und muss immer erreichbar sein.

Beispiel:

 let Buero_Seite_1: PageType =
      {
          'type': 'cardEntities',
          'heading': 'Büro',
          'useColor': true,
          'hiddenByTrigger': true,
          'items': [
              { id: 'alias.0.NSPanel_1.Schreibtischlampe', interpolateColor: true},
              { id: 'alias.0.NSPanel_1.Deckenbeleuchtung', interpolateColor: true},
              { id: 'alias.0.NSPanel_1.ShellyDuoTest', name: 'Shelly Duo GU10', minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 6465, maxValueColorTemp: 500, interpolateColor: true, modeList: ['Color','White'], inSel_ChoiceState: true},
              { id: 'alias.0.NSPanel_1.Luftreiniger', icon: 'power', icon2: 'power',offColor: MSRed, onColor: MSGreen}
          ]
      };

3.) Trigger-Datenpunkt

Unter 0_userdata.0...

findest du den Datenpunkt, mit dem du zur Laufzeit die hiddenCards (versteckte Seiten) aus- oder einblenden kannst.

Sperrung von Subpages und Erweiterung des Service Menü (tt-tom)

@TT-Tom hat noch Funktionen zur Sperrung von Subpages implementiert

1.) Anwendung analog der hiddenCards mit:
```
'hiddenByTrigger': true,
```
Beim Aufruf einer Subpage, ist der Menüpunkt zwar zu sehen, jedoch wird der Aufruf zur nächst tieferen Level-Seite verhindert.

2.) Die Funktion der "hidden Cards" kann auch im Service-Menü aktiviert werden unter:

Einstellungen --> Skript --> ausgeblendete Seiten

So ich denke das wars auch schon.

Viel Spaß beim Testen

VG
Armilar & TT-Tom

EDIT: hehe - da habe ich vergessen zu beschreiben, wo du den Code der 4.4.0.4 findest:

https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NSPanelTs.ts

GregorS

@tt-tom

Hier die Config der Charts:

let CardLChart_AZ: PageType =
{
    'type': 'cardLChart',
    'heading': 'Büro Temperatur',
    'items': [<PageItem>{ 
                id: 'alias.0.NSPanel.Temperaturen.AZ',
                yAxis: 'Temperatur [°C]',
                yAxisTicks: [100,110,120,130,140,150,160,170,180,190,200,210,220,230,240,250],
                onColor: Yellow
             }]
};

let CardLChart_WZ: PageType =
{
    'type': 'cardLChart',
    'heading': 'Wohnzimmer Temperatur',
    'items': [<PageItem>{ 
                id: 'alias.0.NSPanel.Temperaturen.WZ',
                yAxis: 'Temperatur [°C]',
                yAxisTicks: [100,110,120,130,140,150,160,170,180,190,200,210,220,230,240,250],
                onColor: Yellow
             }]
};

let CardLChart_Bad: PageType =
{
    'type': 'cardLChart',
    'heading': 'Badezimmer Temperatur',
    'items': [<PageItem>{ 
                id: 'alias.0.NSPanel.Temperaturen.Bad',
                yAxis: 'Temperatur [°C]',
                yAxisTicks: [100,110,120,130,140,150,160,170,180,190,200,210,220,230,240,250],
                onColor: Yellow
             }]
};

export const config: Config = {
    // Seiteneinteilung / Page division
    // Hauptseiten / Mainpages
    pages: [
        //NSPanel_Service, //Auto-Alias Service Page
        Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                      
            Buero_Alarm,
            Fenster,  
            Rolladen,  
            Radiosender, 
            Charts_1,
            CardLChart_AZ,
            CardLChart_WZ,
            CardLChart_Bad,        
            WLAN,
    ],

Die SubPages gibt es nicht mehr. Habe ich wieder gelöscht, da ich damit nicht zufrieden war.

Wo finde ich die ArrayPages?

lustig29

Bei der Sonos Card habe ich noch "Probleme" mit dem Lautstärken Slider. Der zuckt, bzw. reagiert manchmal nicht richtig. Ist hierzu schon was bekannt?

TT-Tom

@gregors sagte in SONOFF NSPanel mit Lovelace UI:

Wo finde ich die ArrayPages?

das sind Array für Pages und darunter ist subpages

 pages: [
        //NSPanel_Service, //Auto-Alias Service Page
        Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                      
            Buero_Alarm,
            Fenster,  
            Rolladen,  
            Radiosender, 
            Charts_1,
            CardLChart_AZ,
            CardLChart_WZ,
            CardLChart_Bad,        
            WLAN,
    ],

welche Script version hast du im Einsatz ?

'items': [<PageItem>{

<PageItem> gibt es mit der aktuellen Version nicht mehr. einfach raus löschen.

GregorS

@tt-tom
<PageItem> hebe ich gelöscht.

Hier das komplette Array für Pages und SubPages:

export const config: Config = {
    // Seiteneinteilung / Page division
    // Hauptseiten / Mainpages
    pages: [
        //NSPanel_Service, //Auto-Alias Service Page
        Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                      
            Buero_Alarm,
            Fenster,  
            Rolladen,  
            Radiosender, 
            Charts_1,
            CardLChart_AZ,
            CardLChart_WZ,
            CardLChart_Bad,        
            WLAN,
    ],
    // Unterseiten / Subpages
    subPages: [
        NSPanel_Service_SubPage, //Auto-Alias Service Page (only used with cardUnlock)
        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_IoBroker, //Auot-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_Script, //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
    ],

Ich nutze das TypeScript v4.4.0.1, NSPanel ist Firmwaremäßig auf dem aktuellen Stand

TT-Tom

@gregors sagte in SONOFF NSPanel mit Lovelace UI:

Pages würde ich so anpassen, sonst ist die UnlockPage immer die Erste (id 0)

pages: [
        Buero_Alarm,
        Fenster,  
        Rolladen,  
        Radiosender, 
        Charts_1,
        CardLChart_AZ,
        CardLChart_WZ,
        CardLChart_Bad,        
        WLAN,

    //NSPanel_Service, //Auto-Alias Service Page
    Unlock_Service            //Auto-Alias Service Page (Service Pages used with cardUnlock)
                  
],

kann an der Config der ChartSeiten keinen weiteren Fehler erkennen. Ich würde die die Anzahl der Ticks auf 5-7 begrenzen.

schick mal die aktuellen Daten vom Chart.

GregorS

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

Ich würde die die Anzahl der Ticks auf 5-7 begrenzen.
Welche Ticks?

Temperatur AZ:

0^18:00+60+120+180+240^22:00+300+360+420+480^02:00+540+600+660+720^06:00+780+840+900+960^10:00+1020+1080+1140+1200^14:00+1260+1320+1380~0:236~62:236~144:234~185:236~267:234~350:231~473:228~555:225~597:224~679:223~761:221~843:226~885:224~967:227~1008:232~1090:235~1173:236~1296:235~1337:236~1378:236~1419:239

Temperatur WZ:

0^18:00+60+120+180+240^22:00+300+360+420+480^02:00+540+600+660+720^06:00+780+840+900+960^10:00+1020+1080+1140+1200^14:00+1260+1320+1380~0:250~21:250~62:252~103:244~144:238~185:237~226:237~267:236~309:235~391:234~432:233~514:232~555:231~597:231~638:230~679:230~720:229~761:229~802:229~843:229~885:230~926:231~967:231~1008:231~1049:231~1090:232~1131:234~1173:235~1214:237~1255:236~1296:236~1378:235~1419:234

Temperatur Bad

0^18:00+60+120+180+240^22:00+300+360+420+480^02:00+540+600+660+720^06:00+780+840+900+960^10:00+1020+1080+1140+1200^14:00+1260+1320+1380~0:235~21:233~62:232~103:232~144:230~185:234~226:235~267:235~309:235~350:234~432:233~473:233~514:232~555:232~597:232~638:231~679:231~720:230~802:230~843:230~885:230~926:232~967:233~1008:235~1049:235~1090:237~1131:239~1173:240~1214:240~1255:238~1296:236~1337:235~1419:235

Armilar

@lustig29 sagte in SONOFF NSPanel mit Lovelace UI:

Bei der Sonos Card habe ich noch "Probleme" mit dem Lautstärken Slider. Der zuckt, bzw. reagiert manchmal nicht richtig. Ist hierzu schon was bekannt?

Das ist das Beste was wir aus den Latenzen rausholen konnten

Die haken hin und wieder. Das wiederum liegt daran, dass der Weg durch vom Panel --> Tasmota --> MQTT --> Adapter (z.B. Sonos) --> Cloud und wieder zurück geht.

Ich finde auf die Lautstärke-Position klicken oder langsam sliden noch okay...

fürchte da ist nicht mehr drin...

TT-Tom

@gregors

kann mit deinen Daten bei mir keine Fehler feststellen. Hast du immer noch das selbe Fehlverhalten ??? Wenn ja dann sende mal deine komplette Seiten-Config. ggf. auch über den Chat.

Kerschte_de

@tt-tom Guten Abend Tom,
erstmal vielen Dank für die Erklärung, die habe ich verstanden. Entsprechend habe ich die Broker/Client-Adapter so eingestellt.
Im Anschluss habe ich 5 einzelne Wetter-Datenpunkte als Testobjekte gepublished. Das klappt auch soweit, denn die Datenpunkte kamen auf dem anderen System an. Soweit wunderbar. Allerdings stehe ich vor dem Phänomen, dass die Datenpunkte nur bei Neustart des Publishers aktualisiert werden. Das lässt sich wunderbar im MQTT-Explorer als mitlesende "Außenstelle" nachvollziehen. Von allein nach einem Zeitintervall passiert beim Senden leider nichts. Um sicherzustellen, dass es überhaupt aktuellere Werte gibt, gleiche ich das zum einen mit dem live-view im zugehörigen Wetter-Portal ab. Zum anderen kommen die veränderten Werte auch im ioB an ... nur das Senden wird nicht ausgelöst bzw. erst, wenn man den MQTT-Adapter neustartet.
Im Adapter des Senders ist KEIN retain-Häkchen gesetzt. Das hatte ich recherchiert, dass das im ioB-Adapter eher ungünstig ist.

Mein Ziel ist es, erst MQTT sauber zu Laufen zu bringen, ehe ich das NS-Panel endlich mit Inhalten füllen kann.

Viele Grüße und ein schöner Abend.
Kersten

? Offline

@armilar sagte in SONOFF NSPanel mit Lovelace UI:

'hiddenByTrigger': true,

Super, vielen Dank, klappt einwandfrei auf anhieb!

Armilar

@ilovegym

okay - falls dir noch etwas auffällt, gerne schreiben...

Mitte der Woche schieben wir es sonst ins Stable...

Viel Spaß noch mit unsichtbaren Seiten

? Offline

@armilar

ja mach ich, habs heute frueh mal reingehackt und hat gleich funktioniert... schau die Tage, wie stabil das ist oder ob noch was kommt.. ich hab von 4.3.39 geupdated... die anderen zieh ich dann noch nach..

horgihorgsen

Hallo zusammen - ich habe mir ein NSPanel gekauft und Tasmota geflasht.

Nun zeigt der interne Temperaturfühler -1 Grad Celsius an. Hat einer eine Idee was das sein könnte? Vielen Dank Vorab

Edit: Nein ich habe hier im Wohnzimmer keine -1 Grad

Armilar

@horgihorgsen

Herzlich Willkommen im NSPanel'er Thread...

Zu diesem Thema mache ich es mir einfach und verlinke gleich auf den richtigen Absatz im Wiki unter "FAQ Tasmota"

https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ#21--interner-raum-temperatursensor

VG
Armilar

NEWS

SONOFF NSPanel mit Lovelace UI

SONOFF NSPanel mit Lovelace UI

Support us

46

32.4k

81.3k

1.3m