Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[ticaki]

Erstmal ignoriere das Global Page Skript. Dort kannst du Seiten hinzufügen die auf allen Panels angezeigt werden soll.

Die Konfig ist ähnlich wie beim TypeScript-Skript - siehe dazu die Wiki.

[13patrick37]

Perfekt, danke euch. :) @tt-tom @ticaki

Ich sitze nur irgendwie davor und komme nicht wirklich weiter. Habe mir erstmal die Wiki dazu durchgelesen und einen groben Plan gemacht, wie die Seiten aussehen sollen.

Ich habe nur absolute Schwierigkeiten, wo ich überhaupt starten soll. Mach ich nun alles im Skript, oder auch was im Adapter? Fange ich beim Screensaver an oder bei der Hauptseite? Oder erstelle ich erst die Aliase? Gibt es für Anfänger einen guten Start Fahrplan zum beginnen?

Und wie erreiche ich Euch im Discord falls ich gar nicht weiter komme?

[TT-Tom]

@13patrick37

hast du dein altes Script noch oder endgültig gelöscht?

du kannst viele Sachen aus dem alten Script nutzen. Poste mal deine alte Hauptseite. Dann kann ich dir zeigen was geändert werden muss.

Ob du nun mit dem Screensaver oder den Seiten anfängst ist egal.

[TT-Tom]

@13patrick37 sagte in Betatest NSPanel-lovelace-ui v0.7.x:

Und wie erreiche ich Euch im Discord falls ich gar nicht weiter komme?

wir haben da ein Discord Server der von @kuckuckmann geführt wird, wenn gar nichts mehr geht könnten wir eine Session vereinbaren. Alles weitere dann per PM.

[13patrick37]

Hi zusammen,
habe die letzten Tage soweit alles zum laufen bekommen. Für meine Detailfragen stimme ich mich nochmal mit @tt-tom ab.

Noch zwei Fragen:
Wollte ein Abfallkalender einrichten - welcher Adapter wird dafür verwendet? Oder nutze ich dafür einen anderen Kalender?

Wie kann ich die Anordnung der einzelnen Seiten ändern?

Beispiel:
Hauptseite ist bei mir Lichtsteuerung, zweite Seite soll Rolladensteuerung sein.
Das funktioniert auch soweit, allerdings sind dazwischen noch die QR Code Seite und der MediaPlayer.

Danke euch.

[TT-Tom]

@13patrick37
Die Reihenfolge legtet du im pages[] fest. Wobei Main immer die erste ist.

Für den Abfallkalender gibt es ein fertiges Template für den Adapter und ein Script was die Daten aufbereitet. Können wir dann zusammen machen.

Als Adapter nutzen viele iCal.

[ticaki]

@TT-Tom sagte in Betatest NSPanel-lovelace-ui v0.7.x:

@13patrick37
Die Reihenfolge legtet du im pages[] fest. Wobei Main immer die erste ist.

Für den Abfallkalender gibt es ein fertiges Template für den Adapter und ein Script was die Daten aufbereitet. Können wir dann zusammen machen.

Als Adapter nutzen viele iCal.

qrCode kommt vom admin oder?

[TT-Tom]

@ticaki

Jo

[danny_v1]

Hi,
erstmal noch allen ein gesundes neues Jahr!

Ich habe mal wieder ein Frage oder besser 2. Gibt es eine Möglichkeit in den Grip und Entity Seiten ein "leeres" Objekt zu erstellen um die Icons besser anordnen zu können? Also zb. das man auf den Grid Seiten in der oberen Reihe ein Symbol hat, dann leere Symbole und das nächste dann in der 2.ten Reihe angezeigt wird?
Und die zweite Frage, gibt es die Möglichkeit bei den Rollläden offen und zu zu tauschen? Bei mir ist 100% ganz offen und auf der Seite wird dies als zu dargestellt. Also müsste min und max vertauscht werden.

[Armilar]

@danny_v1

Dir auch ein frohes Neues...

Zu 1)

{ id: 'delete'},

als PageItem

---

Zu 2)

ist im Adapter-Admin im Tab: GlobalSetting und invertiert die Stellung

oder im Einzelfall wie früher über minValueLevel und maxValueLevel (maxValueLevel kann auch kleiner als minValueLevel sein)

Beispiel:

{ id: 'alias.0.Haus.Erdgeschoss.Buero.Aktoren.Fyrtur', minValueLevel: 99, maxValueLevel: 21, icon: "blinds-horizontal", offColor: HMIOff, onColor: HMIOn, name: 'IKEA Fyrtur' , secondRow: 'Büro Fenster' },

[danny_v1]

Vielen dank, für die schnelle Hilfe, werde ich gleich mal testen. Ich hatte es nur mit minValue versucht da hat es nicht funktioniert.

Ich habe auch noch ein Thermostat, wenn ich das in eine Thermo2Page einfüge wird mir ein Sonos Player angezeigt. Aber nur wenn ich die Werte Set und so einzeln eingebe, wenn ich den ganzen Ordner einfüge wird es dargestellt. Aber da ich die Power und Party Symbole usw nicht brauche, würde ich es gern einzeln machen und die linke Seite für andere Icons nutzen. Bekomme mit meinen Tado Thermostaten auch die Batterie anzeige nicht hin. Die zeigen aber auch nur NORMAL und LOW an.

[Armilar]

@danny_v1

Poste mal deine Seite vom Tado (cardThermo2):

Habe auch einen (noch nicht im Panel final eingebundenen) tadoº X (Matter over Thread) Thermostaten. Was hast du für einen?

Ich müsste den auch bei Gelegenheit mal ins Panel bringen...

[danny_v1]

Ich hab die Zigbee Variante der Tados

Hier eine Seite die geht:

    const Hauptseite_Kueche: PageType = {
        type: 'cardThermo2',
        uniqueName:'Hauptseite_Kueche',
        subPage: true,
        heading: 'egal wird eh nicht angezeigt',
        thermoItems:[
            {name: 'Kueche',
            set:'alias.0.Kueche.Temperaturen.Thermostat.Thermostat.SET', // Der Einstellwert der Heizung
                thermoId1:'alias.0.Kueche.Temperaturen.Thermostat.Thermostat.ACTUAL', // Aktuelle Raumtemperatur (oberer Wert in der Anzeige)
                thermoId2:'alias.0.Kueche.Temperaturen.Thermostat.Thermostat.HUMIDITY',
                modeId:'alias.0.Kueche.Temperaturen.Thermostat.Thermostat.MODE', modeList:['OFF', 'AUTO', 'COOL', 'HEAT', 'ECO', 'FAN', 'DRY']}],

        //    {name: 'test2', modeList:['aus','kaputt', 'falsch'], modeId:'0_userdata.0.Einzelne_Geräte.Thermostat.MODE' ,iconHeatCycle:'home', iconHeatCycleOffColor:Red, thermoId1:'alias.0.Wohnzimmer.Temperaturen.Thermostat.ACTUAL', set:'alias.0.Wohnzimmer.Temperaturen.Thermostat.SET', thermoId2:'alias.0.Wohnzimmer.Temperaturen.Thermostat.HUMIDITY'}],
        items:[
                { id: "alias.0.Kueche.Deckenlampe.Panel_Tisch", 
                        name: "Panel Tisch", icon: "ceiling-light", icon2: "ceiling-light-outline", 
                        minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 150, maxValueColorTemp: 500, 
                        colormode: "hex", modeList: ['Aus','Hell','Mittel','Dunkel','Blau','Grün','Rot'], inSel_ChoiceState: true},

                { id: "alias.0.Kueche.Deckenlampe.Panel_Spuele", 
                        name: "Panel Spüle", icon: "ceiling-light", icon2: "ceiling-light-outline", 
                        minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 150, maxValueColorTemp: 500, 
                        colormode: "hex", modeList: ['Aus','Hell','Mittel','Dunkel','Blau','Grün','Rot'], inSel_ChoiceState: true},

                { id: "alias.0.Kueche.Deckenlampe.Gruppe", 
                        name: "Panel Grupper", icon: "ceiling-light-multiple", icon2: "ceiling-light-multiple-outline",
                        minValueBrightness: 0, maxValueBrightness: 100, minValueColorTemp: 150, maxValueColorTemp: 500, 
                        colormode: "hex", modeList: ['Aus','Hell','Mittel','Dunkel','Blau','Grün','Rot'], inSel_ChoiceState: true},

                { id: "alias.0.Kueche.Rollo_Kueche.Rollo", onColor: White, name: "Rollo", secondRow: "Küche", minValueLevel: 100, maxValueLevel: 0,},

            {navigate: true, targetPage: 'Kueche_Lampen', icon: 'lamp'},
            {navigate: true, targetPage: 'Kueche_Status', icon: 'state-machine'},
            {navigate: true, targetPage: 'Kueche_Szenen', icon: 'palette-swatch-variant'},
            {navigate: true, targetPage: 'Kueche_Alexa', icon: 'music'},
            {id: 'alias.0.Kueche.Temperaturen.Thermostat.Thermostat.LOWBAT'}
            ]
    }

und hier die Seite vom Thermostat welches nicht geht:

    const Hauptseite_Edda: PageType = {
        type: 'cardThermo2',
        uniqueName:'Hauptseite_Edda',
        subPage: true,
        heading: 'egal wird eh nicht angezeigt',
        thermoItems:[
             {name: 'Edda', id:'alias.0.Kinderzimmer_Edda.Temperatur.Thermostat.Thermostat'}
                    ],
//            {name: 'Edda',
//            set:'alias.0.Kinderzimmer_Edda.Temperatur.Thermostat.Thermostat.SET', // Der Einstellwert der Heizung
//                thermoId1:'alias.0.Kinderzimmer_Edda.Temperaturen.Thermostat.Thermostat.ACTUAL', // Aktuelle Raumtemperatur (oberer Wert in der Anzeige)
//                thermoId2:'alias.0.Kinderzimmer_Edda.Temperaturen.Thermostat.Thermostat.HUMIDITY',
//                modeId:'alias.0.Kinderzimmer_Edda.Temperaturen.Thermostat.Thermostat.MODE', modeList:['OFF', 'AUTO', 'COOL', 'HEAT', 'ECO', 'FAN', 'DRY']}],

        //    {name: 'test2', modeList:['aus','kaputt', 'falsch'], modeId:'0_userdata.0.Einzelne_Geräte.Thermostat.MODE' ,iconHeatCycle:'home', iconHeatCycleOffColor:Red, thermoId1:'alias.0.Wohnzimmer.Temperaturen.Thermostat.ACTUAL', set:'alias.0.Wohnzimmer.Temperaturen.Thermostat.SET', thermoId2:'alias.0.Wohnzimmer.Temperaturen.Thermostat.HUMIDITY'}],
        items:[
            {id: 'alias.0.Kinderzimmer_Edda.Deckenlampen.DeckenlampeRGB', 
                name: 'Deckenlampe', icon: 'ceiling-light', minValueBrightness: 0, maxValueBrightness: 100, 
                onColor: White, offColor: Gray, colorScale: {'val_min': 0, 'val_max': 100}},
                
            {id: 'alias.0.Kinderzimmer_Edda.Sensoren.Fenster', name: 'Fenster', icon2: 'window-open', icon: 'window-closed', onColor: White, offColor: Red},

            {id: 'alias.0.Kinderzimmer_Edda.Sensoren.KinderzimmerTuer_Edda', name: 'Tuer', icon2: 'door-open', icon: 'door-closed', onColor: White, offColor: Red},

            {navigate: true, targetPage: 'WZ_Lampen', icon: 'lamp'},
            {navigate: true, targetPage: 'WZ_Status', icon: 'state-machine'},
            {navigate: true, targetPage: 'WZ_Szenen', icon: 'palette-swatch-variant'},
            {navigate: true, targetPage: 'WZ_Alexa', icon: 'music'},
            {id: 'alias.0.Kinderzimmer_Edda.Temperaturen.Thermostat.Thermostat.LOWBAT'}
            ]
    }```

Aber wie gesagt die Batterie anzeige bekomme ich nicht hin.

[TT-Tom]

@danny_v1

Du kannst dein Alias doch selber bestimmen, welche Datenpunkte er darstellen soll. Lass die weg, die du nicht benötigst. Bei der Batterie wäre interessant welche Rolle dahinter steht.

[danny_v1]

Wenn ich den Ordner vom Thermostat, so wie hier :

{name: 'Edda', id:'alias.0.Kinderzimmer_Edda.Temperatur.Thermostat.Thermostat'}

eintrage, sind die Symbloe auf der linken automatisch da und ich kann die Seite dann nach unten durchblättern, und die neun möglichen Symbloe werden alle rechts dargestellt.

Die Batterienanzeige hat die Rolle: indicator.lowbat.

[TT-Tom]

@danny_v1

Kannst du mal den Alias zeigen, das man die Datenpunkte und Rollen sieht.

Kann deine Aussage mit der Anzeige noch nicht ganz nachvollziehen bzw. noch nicht verstanden.

[danny_v1]

Das ist der Alias der Batterieanzeige:

{
  "type": "state",
  "common": {
    "modify": "",
    "name": "Battery State",
    "type": "string",
    "role": "indicator.lowbat",
    "read": true,
    "write": false
  },
  "from": "system.adapter.tado.0",
  "user": "system.user.admin",
  "ts": 1760390415185,
  "_id": "tado.0.1724245.Rooms.4.devices.VA3682095872.batteryState",
  "acl": {
    "object": 1636,
    "state": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  }
}

So sieht die Seite aus wenn ich den kompletten Thermostat Ordner angebe. Da kann ich die ersten 3 Icons auf der linken Seite nicht verwenden, die werden automatisch dargestellt.

[TT-Tom]

@danny_v1 sagte in Betatest NSPanel-lovelace-ui v0.7.x:

"type": "string",
"role": "indicator.lowbat"

der type ist falsch, richtig ist boolean.
die rolle ist indicator.maintenance.lowbat

Wenn ich das richtig verstanden habe, bekommst du vom Tado aber ein String NORMAL und LOW. Wenn dem so ist, musst du im Alias noch eine Konvertierung durchführen.

val == 'LOW' ? true : false

Da kann ich die ersten 3 Icons auf der linken Seite nicht verwenden, die werden automatisch dargestellt.

ja das ist so im Adapter verankert. Bei Angabe der id wird erst das Thermostat dargestellten mit allen Datenpunkten die gefunden werde, danach kommen die "Items"

hier fehlt bei thermoItems die id, mich wundert das du keine Fehlermeldung bekommen hast. übersehen, ist ja in der selben Zeile

    const Hauptseite_Edda: PageType = {
        type: 'cardThermo2',
        uniqueName:'Hauptseite_Edda',
        subPage: true,
        heading: 'egal wird eh nicht angezeigt',
        thermoItems:[
             {name: 'Edda', id:'alias.0.Kinderzimmer_Edda.Temperatur.Thermostat.Thermostat'}
                    ],
//            {name: 'Edda',
//            set:'alias.0.Kinderzimmer_Edda.Temperatur.Thermostat.Thermostat.SET', // Der Einstellwert der Heizung
//                thermoId1:'alias.0.Kinderzimmer_Edda.Temperaturen.Thermostat.Thermostat.ACTUAL', // Aktuelle Raumtemperatur (oberer Wert in der Anzeige)
//                thermoId2:'alias.0.Kinderzimmer_Edda.Temperaturen.Thermostat.Thermostat.HUMIDITY',
//                modeId:'alias.0.Kinderzimmer_Edda.Temperaturen.Thermostat.Thermostat.MODE', modeList:['OFF', 'AUTO', 'COOL', 'HEAT', 'ECO', 'FAN', 'DRY']}],
 
        //    {name: 'test2', modeList:['aus','kaputt', 'falsch'], modeId:'0_userdata.0.Einzelne_Geräte.Thermostat.MODE' ,iconHeatCycle:'home', iconHeatCycleOffColor:Red, thermoId1:'alias.0.Wohnzimmer.Temperaturen.Thermostat.ACTUAL', set:'alias.0.Wohnzimmer.Temperaturen.Thermostat.SET', thermoId2:'alias.0.Wohnzimmer.Temperaturen.Thermostat.HUMIDITY'}],
        items:[
            {id: 'alias.0.Kinderzimmer_Edda.Deckenlampen.DeckenlampeRGB', 
                name: 'Deckenlampe', icon: 'ceiling-light', minValueBrightness: 0, maxValueBrightness: 100, 
                onColor: White, offColor: Gray, colorScale: {'val_min': 0, 'val_max': 100}},
                
            {id: 'alias.0.Kinderzimmer_Edda.Sensoren.Fenster', name: 'Fenster', icon2: 'window-open', icon: 'window-closed', onColor: White, offColor: Red},
 
            {id: 'alias.0.Kinderzimmer_Edda.Sensoren.KinderzimmerTuer_Edda', name: 'Tuer', icon2: 'door-open', icon: 'door-closed', onColor: White, offColor: Red},
 
            {navigate: true, targetPage: 'WZ_Lampen', icon: 'lamp'},
            {navigate: true, targetPage: 'WZ_Status', icon: 'state-machine'},
            {navigate: true, targetPage: 'WZ_Szenen', icon: 'palette-swatch-variant'},
            {navigate: true, targetPage: 'WZ_Alexa', icon: 'music'},
            {id: 'alias.0.Kinderzimmer_Edda.Temperaturen.Thermostat.Thermostat.LOWBAT'}
            ]
    }

[danny_v1]

Wo muss ich die Konvertierung einfügen?
Wenn ich es nach type eintrage bekomme ich einen Fehler

[TT-Tom]

@danny_v1 sagte in Betatest NSPanel-lovelace-ui v0.7.x:

und hier die Seite vom Thermostat welches nicht geht:

zeige mal die Alias Channel mit seinen Datenpunkten und Rollen.

hier kannst du auch selber vergleichen, https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki/ALIAS#thermostat was unterstützt wird. Wenn du einen Datenpunkt nutzt dann so wie in der Tabelle beschrieben