SONOFF NSPanel mit Lovelace UI

[Armilar]

@danny_v1

Bislang noch nicht. Ist wegen der Fahrplan-Funktionen etwas vorgezogen worden und wird zusammen mit dem popupSlider (noch im Test) dann offiziell im Wiki erscheinen.

Du kannst die cardSchedule wie eine cardEntities benutzen, mit der Ausnahme, das dort nur textorientierte Steuerelemente funktionieren (also Informationen wie info, temperatur, humidity, etc.). Statt der 4 Entitäten in der cardEntities sind jedoch 6 Entitäten wie im Beispiel unten in der cardSchedule möglich.

let Schedule_1: PageType =
{
    type: 'cardSchedule',
    heading: 'Test cardSchedule',
    useColor: true,
    items: [
        { id: 'alias.0.Test.cardSchedule1', name: 'Text 1', icon: 'train'},
        { id: 'alias.0.Test.cardSchedule1', name: 'Text 2', icon: 'bus' , onColor: MSRed, offColor: MSRed},
        { id: 'alias.0.Test.cardSchedule1', name: 'Text 3', icon: 'train' , onColor: MSGreen, offColor: MSGreen},
        { id: 'alias.0.Test.cardSchedule1', name: 'Text 4', icon: 'bus' , onColor: MSYellow, offColor: MSYellow},
        { id: 'alias.0.Test.cardSchedule1', name: 'Text 5', icon: 'train' , onColor: colorSpotify, offColor: colorSpotify},
        { id: 'alias.0.Test.cardSchedule1', name: 'Text 6', icon: 'bus' , onColor: colorAlexa, offColor: colorAlexa},
    ]
};

[danny_v1]

@armilar
Danke für die schnelle Antwort. Ok hatte mir da etwas anderes drunter vorgestellt
Hätte gedacht ist irgendwie eine Art Kalender mit den 6 nächsten Einträgen oder so.

[Armilar]

@danny_v1

kann man natürlich auch damit umsetzen ...

[Marc Berg]

@armilar sagte in SONOFF NSPanel mit Lovelace UI:

Statt der 4 Entitäten in der cardEntities sind jedoch 6 Entitäten wie im Beispiel unten in der cardSchedule möglich.

Woran kann es liegen, dass bei mir nur vier Entitäten angezeigt werden? Ich nutze den Fahrplanadapter zusammen mit dem Fahrplan_to_Nspanel Skript 1.4.0

Skriptversion: 4.7.1.2
TFT: 56

let Fahrplan:PageType= 
{  
    'type': 'cardSchedule',  
    'heading': 'Abfahrten',  
    'useColor': true,
    'subPage': true,
    'parent': Start_Panel1,
    'items': [  
        { id: 'alias.0.NSPanel.FahrplanAnzeiger.Haltestelle0.Abfahrt0'},  
        { id: 'alias.0.NSPanel.FahrplanAnzeiger.Haltestelle0.Abfahrt1'},   
        { id: 'alias.0.NSPanel.FahrplanAnzeiger.Haltestelle0.Abfahrt2'},  
        { id: 'alias.0.NSPanel.FahrplanAnzeiger.Haltestelle0.Abfahrt3'},
        { id: 'alias.0.NSPanel.FahrplanAnzeiger.Haltestelle0.Abfahrt4'},
        { id: 'alias.0.NSPanel.FahrplanAnzeiger.Haltestelle0.Abfahrt5'},
    ]  
};

Abfahrt0 bis Abfahrt5 ist jeweils sauber gefüllt:

[Armilar]

@marc-berg

Ich nutze den Fahrplanadapter nicht, habe da aber eine Vermutung...

Ich denke der Fahrplanadapter hat zum Teil sehr lange Texte für die Verbindungen (Direction) und da geht das Serial-Protokoll vom TFT auf die Bretter...

Versuche mal im Alias bei den 6 Direction-Datenpunkten eine Kürzung der Texte beim Lesen

Falls es das ist, könnte @TT-Tom das noch in sein Skript aufnehmen...

[Marc Berg]

@armilar sagte in SONOFF NSPanel mit Lovelace UI:

habe da aber eine Vermutung...

Dein Riecher war absolut richtig, danke! Wobei ich bei mir bis auf 20 Zeichen kürzen musste, um alle sechs Zeilen komplett darzustellen.

[Armilar]

@marc-berg

Kann die Tage mal versuchen, die maximale Länge je Verbindung im TFT hochzuschrauben... Mal sehen, wieviel da noch möglich ist...

[Armilar]

@marc-berg

Habe die max. Länge des Topics vergrößert und die max. Länge je Verbindung auf 70 Zeichen gesetzt.

Ich denke das sollte reichen.

Gerne mal mit einem:

FlashNextion http://nspanel.de/nspanel-v4.7.2.tft

testen. Ist die aktuelle DEV-TFT-Version. Beinhaltet zwar mehr, sollte aber 100% kompatibel mit dem Skript v4.7.1.2 sein.

[Marc Berg]

@armilar sagte in SONOFF NSPanel mit Lovelace UI:

Ich denke das sollte reichen.

Ja, das sieht jetzt gut aus. Vielen Dank!

[TT-Tom]

@armilar

die 70 Zeichen beziehen sich auf den kompletten Payload oder den reinen Richtungstext?

müssten ggf. im Adapter da auch ein Limit einbauen.

[Armilar]

@tt-tom

je Richtungstext jetzt 70 Zeichen... Dem gesamten Payload habe ich also 420 Zeichen extra gegönnt... Damit ist das Payload jetzt es aber jetzt mit einer Gesamtlänge von 920 Zeichen am absoluten Limit.

Ja - ich würde dennoch eine Limitierung auf 70 Zeichen machen. Ist vielleicht unwahrscheinlich das derart lange Richtungstexte durch den Fahrplan-Adapter entstehen, aber sicher ist sicher...

[Snigga]

Hallo Zusammen ich habe mal eine Frage bezüglich den Screensaver. Ich möchte gerne folgendes darstellen. Ich möchte gerne meinen Ladestand visualisieren in dem das Batteriesymbol sich ändert aufgrund
-Ladestand,
-ist Auto an der Wallbox angeschlossen und
-wird das Auto gerade geladen.

Des Weiteren soll noch die Farbe am Batterie Level sich orientieren.

Leider funktioniert es nicht so wie ich es will. Entweder funktioniert die Farbe nicht. Oder das Icon wird nicht gewechselt.

Wie schaffe ich es, dass dieser Punkt auf 2 Datenpunkte reagiert. (Ladestand, Status).

// indicatorScreensaverEntity 5 (only Advanced Screensaver)
            
            {
                ScreensaverEntity: 'vw-connect.0.VSSZZZK12SP019939.charging.status.battery.currentSOC_pct',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 1,
                ScreensaverEntityIconOn: Icon_Batterie(),
                ScreensaverEntityIconOff: Icon_Batterie(),
                ScreensaverEntityText: 'Auto Batterie',
                ScreensaverEntityUnitText: '%',
                ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} //getBatteryColor(getState('vw-connect.0.VSSZZZK12SP019939.charging.status.battery.currentSOC_pct').val)
            }

function Icon_Batterie() {
    const verbunden = getState('mqtt.0.evcc.loadpoints.1.connected').val;
    const laden = getState('vw-connect.0.VSSZZZK12SP019939.status.services.charging.active').val;
    const soc = getState('vw-connect.0.VSSZZZK12SP019939.charging.status.battery.currentSOC_pct').val;

    let iconPrefix = 'battery-';
    if (laden && verbunden) {
        iconPrefix = 'battery-charging-';
    } else if (verbunden) {
        iconPrefix = 'battery-charging-wireless-';
    }

    const iconLevel = soc === 0 ? 10 : Math.ceil(soc / 10) * 10;
    const fullIcon = iconPrefix + iconLevel;

    if (fullIcon === 'battery-100') return 'battery';
    if (fullIcon === 'battery-charging-wireless-100') return 'battery-charging-wireless';
    //console.warn(fullIcon)
    return fullIcon;
}
function getBatteryColor(percent) {
    console.warn(percent)
    const level = 10 - Math.round(percent / 10);
    console.warn(level)
     switch (level) {
        case 0: return colorScale0;
        case 1: return colorScale1;
        case 2: return colorScale2;
        case 3: return colorScale3;
        case 4: return colorScale4;
        case 5: return colorScale5;
        case 6: return colorScale6;
        case 7: return colorScale7;
        case 8: return colorScale8;
        case 9: return colorScale9;
        case 10: return colorScale10;
    }