Neues YouTube-Video: Visualisierung im Devices-Adapter

[TT-Tom]

@michaelf

schau mal in den Sericeseiten unter Relais, da siehst du den aktuellen zustand auch und kannst ihn da auch ändern

[MichaelF]

eine sache habe ich noch bei der card :

const Bad: PageType = {
        type: 'cardThermo2',
        uniqueName:'Bad',
        heading: 'Bad',
        thermoItems:[
            {name: 'Bad', id:'alias.0.NSPanel.Thermostat_Bad' ,minValue: 10.0, maxValue:30.0, stepValue: 0.5, unit: "°C"  },
            {modeId:'alias.0.NSPanel.Thermostat_Bad.MODE' , thermoId1:'alias.0.NSPanel.Thermostat_Bad.ACTUAL', set:'alias.0.NSPanel.Thermostat_Bad.SET', thermoId2:'alias.0.NSPanel.Thermostat_Bad.HUMIDITY'}],
        items:[
        { id: 'alias.0.NSPanel.TemperaturWassserSpeicher', name: 'TemperaturSpeicher', useValue: true, suffixName: '°C', fontSize: 0 },
        { id: 'alias.0.NSPanel.Dachfenster', name: 'Dachfenster', icon: 'window-open-variant', icon2: 'window-closed-variant', onColor: MSRed, offColor: MSGreen},
        { id: 'alias.0.NSPanel.Heizung', icon: 'heat-wave', offColor: MSRed, onColor: MSGreen, name: 'Heizung'},
        //{ navigate: true, id: null, targetPage: 'Abfall', onColor: White, name: 'Abfallkalender', icon: 'trash-can'},
        { id: 'alias.0.NSPanel.Heizung_Spiegel', icon: 'heat-pump-outline', offColor: MSRed, onColor: MSGreen, name: 'Speigelheizung'},
        { id: 'alias.0.NSPanel.Endstufe', icon: 'soundbar', offColor: MSRed, onColor: MSGreen, name: 'Endstufe'},
        { id: 'alias.0.NSPanel.Lüfter',name: 'Ventilator', icon: 'fan', onColor: On, offColor: HMIOff},
        { id: 'alias.0.NSPanel.Fussbodenheizung', icon: 'heating-coil', offColor: MSRed, onColor: MSGreen, name: 'Fussbodenheizung'},
        { id: 'alias.0.NSPanel.Deckenbeleuchtung_Klein', icon: 'lightbulb', offColor: MSRed, onColor: MSGreen, name: 'Licht'},

Wo kommen bei der Karte die 1 und 2 her ?

Oder besser wie bekommt man die weg?

[MichaelF]

@TT-Tom Ahhh, ok . Sieht bei mir jetzt auch so aus

[TT-Tom]

@MichaelF

ist das der komplette code der Card?

Da fehlt einiges an Klammern und auch die Reihenfolge ist nicht Korrekt.

hier mal bitte lesen und dann nochmal vergleichen mit deinem Code, wenn du es nicht erkennst. dann melden dich nochmal.
nicht falsch verstehen, will dir auf die Sprünge helfen.

https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki/PageThermo2#page-thermo2

[MichaelF]

@TT-Tom alles gut!

ja ist der Komplette code:

ich habe nur ein Komma zu viel gefunden, habe es mit dem Beispiel von der Seite verglichen. Ich sehe es leider nicht......

const Bad: PageType = {
        type: 'cardThermo2',
        uniqueName:'Bad',
        heading: 'Bad',
        thermoItems:[
            {name: 'Bad', id:'alias.0.NSPanel.Thermostat_Bad' ,minValue: 10.0, maxValue:30.0, stepValue: 0.5, unit: "°C"  },
            {modeId:'alias.0.NSPanel.Thermostat_Bad.MODE' , thermoId1:'alias.0.NSPanel.Thermostat_Bad.ACTUAL', set:'alias.0.NSPanel.Thermostat_Bad.SET', thermoId2:'alias.0.NSPanel.Thermostat_Bad.HUMIDITY'}],
        items:[
        { id: 'alias.0.NSPanel.TemperaturWassserSpeicher', name: 'TemperaturSpeicher', useValue: true, suffixName: '°C', fontSize: 0 },
        { id: 'alias.0.NSPanel.Dachfenster', name: 'Dachfenster', icon: 'window-open-variant', icon2: 'window-closed-variant', onColor: MSRed, offColor: MSGreen},
        { id: 'alias.0.NSPanel.Heizung', icon: 'heat-wave', offColor: MSRed, onColor: MSGreen, name: 'Heizung'},
        //{ navigate: true, id: null, targetPage: 'Abfall', onColor: White, name: 'Abfallkalender', icon: 'trash-can'},
        { id: 'alias.0.NSPanel.Heizung_Spiegel', icon: 'heat-pump-outline', offColor: MSRed, onColor: MSGreen, name: 'Speigelheizung'},
        { id: 'alias.0.NSPanel.Endstufe', icon: 'soundbar', offColor: MSRed, onColor: MSGreen, name: 'Endstufe'},
        { id: 'alias.0.NSPanel.Lüfter',name: 'Ventilator', icon: 'fan', onColor: On, offColor: HMIOff},
        { id: 'alias.0.NSPanel.Fussbodenheizung', icon: 'heating-coil', offColor: MSRed, onColor: MSGreen, name: 'Fussbodenheizung'},
        { id: 'alias.0.NSPanel.Deckenbeleuchtung_Klein', icon: 'lightbulb', offColor: MSRed, onColor: MSGreen, name: 'Licht'}
            ],
};

[ticaki]

mal ordentlich formatiert - da ist kein "Fehler" sondern Tom wollte dir sagen das es eines der ersten Dinge ist, die man in der Anleitung findet :) - Die Karte unterstützt bis zu 8 Heizkreise

const Bad: PageType = {
    type: 'cardThermo2',
    uniqueName: 'Bad',
    heading: 'Bad',
    thermoItems: [
        { name: 'Bad', id: 'alias.0.NSPanel.Thermostat_Bad', minValue: 10.0, maxValue: 30.0, stepValue: 0.5, unit: "°C" },
        { modeId: 'alias.0.NSPanel.Thermostat_Bad.MODE', thermoId1: 'alias.0.NSPanel.Thermostat_Bad.ACTUAL', set: 'alias.0.NSPanel.Thermostat_Bad.SET', thermoId2: 'alias.0.NSPanel.Thermostat_Bad.HUMIDITY' } 
    ],
    items: [
         ...
    ],
};

[MichaelF]

Jetzt hab auch ich es verstanden !!!! :-) Danke

[MichaelF]

Also jetzt geht alles bis auf die Schriftgröße von :

{ id: 'alias.0.NSPanel.TemperaturWassserSpeicher', name: 'TemperaturSpeicher', useValue: true, suffixName: '°C', fontSize: 0 },

Riesen Dank an alle für´s helfen beim umstieg!!!

Ich mache jetzt den Rest der Panels

[ticaki]

bei der cardThermo2 ist das wohl einfach hinten runtergefallen :)

[MichaelF]

@ticaki aber gut das das passiert ist sonst hätte ich nämlich gleich die zweite Karte für Thermo2 angelegt :-)

So gelernt das es 8 Heizkreise gibt :-)

[TT-Tom]

@MichaelF

dein code ist doppelt darum zwei Heizkreise

thermoItems:[
            {name: 'Bad', id:'alias.0.NSPanel.Thermostat_Bad' ,minValue: 10.0, maxValue:30.0, stepValue: 0.5, unit: "°C"  },
            {modeId:'alias.0.NSPanel.Thermostat_Bad.MODE' , thermoId1:'alias.0.NSPanel.Thermostat_Bad.ACTUAL', set:'alias.0.NSPanel.Thermostat_Bad.SET', thermoId2:'alias.0.NSPanel.Thermostat_Bad.HUMIDITY'}
],

jede {} erzeugt da ein Heizkreis,
der Erste alias.0.NSPanel.Thermostat_Bad den hast du über den Channel angelegt,
den Zweiten hast du über die einzelnen Parameter / States angelegt, wobei dieser auf das selbe Thermostat zeigt alias.0.NSPanel.Thermostat_Bad.SET

@ticaki korrigiere mich, wenn ich da falsch liege.

[MichaelF]

@TT-Tom Ja so war es, funktioniert auch habe grade einen zweiten Kreis angelegt.

[MichaelF]

Kann ich das alte IconsSelector script dann auch löschen wenn alle durch sind ?

[TT-Tom]

@MichaelF es reicht, wenn du es in stop nimmst. Kannst es aber auch löschen.

[MichaelF]

Alle Displays fertig, laufen alle, habe auch das Gefühl das sie etwas schneller reagieren.

Zum Screensaver hätte ich noch eine Frage, beim alten script hat dieser unten immer gewechselt, von aktuell zur Tagesvorrausicht.

Geht dass beim Adapter auch, also habe ich vielleicht noch was Flasche eingestellt ? Hätte ich nämlich gerne wieder :-)

Danke nochmal für die viele Unterstützung!

[ticaki]

Ja das geht, und gleichzeit nein geht nicht so wie im Skript

Im Adapter kann es unendlich rotieren dafür mußt du aber auch genug botten items haben.

nspanel-lovelace-ui.0.panels.xxx.cmd.screenSaver.rotationTime

da kannste die zeit einstellen - lege mal 1 Pageitem für den Screensaver mehr an, als du brauchst, dann siehste was ich meine und natürlich die Zeit auf was anderes als 0 stellen :)

[MichaelF]

@ticaki Genial Funktioniert!

DANKE!!!

[ticaki]

Es gibt auch noch bedingtes Einblenden :)

indicator:

{
                type: 'script',
                ScreensaverEntity: '0_userdata.0.Automation.Saugroboter.CurrentWork',
                ScreensaverEntityIconOn: 'robot-vacuum',
                ScreensaverEntityOnColor: MSGreen,
                ScreensaverEntityEnabled: '0_userdata.0.Automation.Saugroboter.CurrentWork',
                ScreensaverEntityVisibleCondition: 'val == 1;',
                ScreensaverEntityText: ''
            },

Das kann man dann im extrem so machen (aber nur wenn rotation aus ist)

bottom letztes Element. Geht nur dort weil das erste von oben gesehen angezeigt wird, der Rest wird auf der nächsten Seite angezeigt die man aber nie sieht :)

// 3) Windrichtungspfeil (nur sichtbar ab Windgeschwindigkeit >= 6)
            {
                type: 'template',
                template: 'text.sainlogic.windarrow',
                dpInit: 'sainlogic.0',
                modeScr: 'bottom',
                readOptions: { directionOfPanel: 81 },
                enabled: 'sainlogic.0.weather.current.windspeed',
                visibleCondition: 'parseFloat(val) >= 6',
            },

            // 4) Leichter Regen (0.2–5 mm)
            {
                type: 'script',
                ScreensaverEntity: 'sainlogic.0.weather.current.rain',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 1,
                ScreensaverEntityIconOn: 'weather-rainy',
                ScreensaverEntityIconOff: null,
                ScreensaverEntityText: 'Regen',
                ScreensaverEntityUnitText: 'mm',
                ScreensaverEntityVisibleCondition: 'parseFloat(val) > 0.2 && parseFloat(val) < 5',
                ScreensaverEntityIconColor: { val_min: 6, val_max: 0, mode: 'triGrad' },
            },

            // 5) Starker Regen (>= 5 mm)
            {
                type: 'script',
                ScreensaverEntity: 'sainlogic.0.weather.current.rain',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'weather-pouring',
                ScreensaverEntityIconOff: null,
                ScreensaverEntityText: 'Regen',
                ScreensaverEntityUnitText: 'mm',
                ScreensaverEntityVisibleCondition: 'parseFloat(val) >= 5',
                ScreensaverEntityIconColor: { val_min: 0, val_max: 20, mode: 'triGrad' },
            },

            // 6) UV-Index (sichtbar ab Wert > 2, Farbverlauf 0–8)
            {
                type: 'script',
                ScreensaverEntity: 'sainlogic.0.weather.current.uvi',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'shield-sun-outline',
                ScreensaverEntityIconOff: null,
                ScreensaverEntityText: 'sun',
                ScreensaverEntityUnitText: 'uv',
                ScreensaverEntityVisibleCondition: 'parseFloat(val) > Number(2)',
                ScreensaverEntityIconColor: { val_min: 0, val_max: 8, mode: 'triGrad' },
            },

            // 7) Windrichtungspfeil (immer aktiv, wenn ungleich 0)
            {
                type: 'template',
                template: 'text.sainlogic.windarrow',
                dpInit: 'sainlogic.0',
                modeScr: 'bottom',
                readOptions: { directionOfPanel: 81 },
                enabled: 'sainlogic.0.weather.current.windspeed',
                visibleCondition: `parseFloat(val) >= 3`
            },

            // 8) Luftfeuchtigkeit (Außen, Farbverlauf 10–90, Idealwert 50)
            // wenns alles andere nichts war - dann halt Luftfeuchtigkeit als Füllung
            {
                type: 'script',
                ScreensaverEntity: 'sainlogic.0.weather.current.outdoorhumidity',
                ScreensaverEntityFactor: 1,
                ScreensaverEntityDecimalPlaces: 0,
                ScreensaverEntityIconOn: 'water-percent',
                ScreensaverEntityIconOff: null,
                ScreensaverEntityText: 'Feuchte',
                ScreensaverEntityUnitText: '%',
                ScreensaverEntityIconColor: { val_min: 10, val_max: 90, val_best: 50, mode: 'triGrad' },
            },

[MichaelF]

@ticaki Dass schau ich mir morgen mal genauer an :-)

Was bedeutet denn der Schlüssel mit der Uhr im Screensaver über dem Datum?

[ticaki]

Das ist eine gute Frage :D