Betatest NSPanel-lovelace-ui v0.4.x

[holgerwolf]

Ich habe jetzt meine Panels auch vom Script auf den Adpater umgestellt. Durch den Wechsel von accuweather zu pirate Weather machte das Sinn.
Ging eigentlich recht schnell und problemlos nur bei den Icons Farben passt was nicht. Ich habe die entities aus dem Script übernommen, aber die Farbwerte werden nicht angepasst:

{
                type: 'script',
                ScreensaverEntity: 'pirate-weather.0.weather.daily.00.precipProbability',
                ScreensaverEntityFactor: 1,                                 //New
                ScreensaverEntityDecimalPlaces: 0,                          //New 
                ScreensaverEntityIconOn: 'weather-pouring', 
                ScreensaverEntityText: 'Regen', 
                ScreensaverEntityUnitText: '%', 
                ScreensaverEntityIconColor: {'val_min': 0, 'val_max': 100} 
            },
            // bottomScreensaverEntity 2
            
            {
                type: 'script',
                ScreensaverEntity: 'mqtt.0.openWB.LegacySmartHome.Devices.4.TemperatureSensor2',
                ScreensaverEntityFactor: 1,                                 //New
                ScreensaverEntityDecimalPlaces: 0,                          //New 
                ScreensaverEntityIconOn: 'water-boiler', 
                ScreensaverEntityText: 'WP', 
                ScreensaverEntityUnitText: '°C', 
                ScreensaverEntityIconColor: {'val_min': 65, 'val_max': 10} 
            },
            // bottomScreensaverEntity 3
            {
                type: 'script',
                ScreensaverEntity: 'alias.0.smart.chargelevel.chargeLevel',
                ScreensaverEntityFactor: 1,                                 //New
                ScreensaverEntityDecimalPlaces: 0,                          //New  
                ScreensaverEntityIconOn: 'car-electric', 
                ScreensaverEntityText: 'SoC', 
                ScreensaverEntityUnitText: '%', 
                ScreensaverEntityIconColor: {'val_min': 100, 'val_max': 30} 
            },
            // bottomScreensaverEntity 4
            {
                type: 'script',
                ScreensaverEntity: 'javascript.0.Photovoltaik.Leistung_DC_komplett', 
                ScreensaverEntityFactor: 1,                                 //New
                ScreensaverEntityDecimalPlaces: 0,                          //New 
                ScreensaverEntityIconOn: 'solar-panel', 
                ScreensaverEntityText: 'PV', 
                ScreensaverEntityUnitText: 'W', 
                ScreensaverEntityIconColor: {'val_min': 5000, 'val_max': 0} 
            },

Hier das Bild dazu:

Jemand ne Idee?

[Armilar]

@holgerwolf

Versuche mal die erwarteten Farben zu definieren:

                ScreensaverEntityOnColor: MSGreen,
                ScreensaverEntityOffColor: MSRed,

[holgerwolf]

@armilar sagte in Betatest NSPanel-lovelace-ui v0.2.x:

ScreensaverEntityOnColor: MSGreen,
ScreensaverEntityOffColor: MSRed,

Schon besser. Aber jetzt wechselt er die Farben wohl nur zwischen grün und rot mit unterschiedlichen Helligkeiten. Ich glaube beim Script war dann 50% gelb oder so. Werde ich jetzt mal beobachten.

[ticaki]

@holgerwolf
Es gibt Möglichkeiten ohne Ende - mehr als irgendwer braucht Sag was du erreichen willst und ich gucke nach.

EDIT:
du könntest mal

//rot - gelb - grün / Übergang
ScreensaverEntityIconColor: {val_min:123, val_max:234, mode: 'triGrad'},

oder

//rot - gelb - grün - blau / Übergang
ScreensaverEntityIconColor: {val_min:123, val_max:234, mode: 'quadriGrad'},

• Zahlen müssen durch was sinnvolles ersetzt werden

ausprobieren, da gehen aber keine benutzerdefinierten Farben.

[Armilar]

@ticaki

denke der (in der Mitte ist gelb) ist der "triGrad":

                {   type: 'script',
                    ScreensaverEntity: 'pirate-weather.0.weather.currently.windSpeed',
                    ScreensaverEntityFactor: 3.6,
                    ScreensaverEntityDecimalPlaces: 0,
                    ScreensaverEntityIconOn: 'weather-windy',
                    ScreensaverEntityIconOff: null,
                    ScreensaverEntityText: "Wind",
                    ScreensaverEntityUnitText: 'km/h',
                    ScreensaverEntityOnColor: MSGreen,
                    ScreensaverEntityOffColor: MSRed,
                    ScreensaverEntityIconColor: { 'val_min': 0, 'val_max': 120, 'val_best': 0, mode: 'triGrad'}
                },

[ticaki]

@armilar sagte in Betatest NSPanel-lovelace-ui v0.2.x:

@ticaki

denke der (in der Mitte ist gelb) ist der "triGrad":

Ja und mit val_best verankert man die mitte da wo man will.

[TT-Tom]

@ticaki

Val_best sagt doch aus wo Grün ist, Beispiel Luftfeuchte 0-100% val_best = 55% bedeutet 55% grün nach 100% und 0% gehts nach rot über gelb

[holgerwolf]

@ticaki sagte in Betatest NSPanel-lovelace-ui v0.2.x:

ScreensaverEntityIconColor: {val_min:123, val_max:234, mode: 'triGrad'},

Super

[ticaki]

@tt-tom sagte in Betatest NSPanel-lovelace-ui v0.2.x:

@ticaki

Val_best sagt doch aus wo Grün ist, Beispiel Luftfeuchte 0-100% val_best = 55% bedeutet 55% grün nach 100% und 0% gehts nach rot über gelb

Ja hast recht

Das hier geht alles bei ScreensaverEntityIconColor:

{
        val_min: number;
        val_max: number;
        val_best?: number;
        /**
         * The 3. color for color best. Only with val_best.
         */
        color_best?: RGB;/**
    /**
     * The color mix mode. Default is 'mixed'.
     * ‘mixed’: the target colour is achieved by scaling between the two RGB colours. 2 colours are required.
     * 'cie': the target colour is achieved by mixing according to the CIE colour table. 2 colours are required.
     * 'hue': the target colour is calculated by scaling via colour, saturation and brightness. 2 colours are required.
     * 'triGrad': the target colour is interpolated in a three-color gradient from red to green. Colours are ignored
     * 'triGradAnchor': the target colour is interpolated in a three-color gradient from red to green, Yellow is anchored to val_best. Colours are ignored
     * 'quadriGrad': the target colour is interpolated in a four-color gradient from red to yellow, green and blue. Colours are ignored.
     * 'quadriGradAnchor': the target colour is interpolated in a four-color gradient from red to yellow, green and blue. green is anchored to val_best. Colours are ignored.
     */
        mode?: 'mixed' | 'hue' | 'cie' | 'triGrad' | 'triGradAnchor' | 'quadriGrad' | 'quadriGradAnchor';
        /**
         * The logarithm scaling to max, min or leave undefined for linear scaling.
         */
        log10?: 'max' | 'min';
        valIcon_min?: number;
        valIcon_max?: number
    };

Bei Fragen - fragt unseren Community-Supportmanager @TT-Tom der weiß auch was es bewirkt

[ticaki]

Aus gegebenem Anlass hab @Armilar @TT-Tom und ich uns mit Copilot zusammengesetzt und eine umfangreich Dokumentation zum Thema Screensaver und wie konfigurieren verfasst. Das benötigt zwar noch einer weiteren Review über die nächsten Wochen aber wir möchtet euch dies nicht vorenthalten:

Screensaver - HowTo

[holgerwolf]

@ticaki 5 Tage zu spät

Aber super Sache....