Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[Lumpenhund]

Hallo zusammen,

bin gerade dabei meinen iCal Adapter zu modifizieren. Nun stoße ich noch auf eine Frage:

Ist es möglich nur das aktuelle Datum als String (also "Heute") anzeigen zu lassen. Und evt Dazu Einträge die Heute stattfinden größer darzustellen als den Rest. Bisher sieht das ganze bei mir so aus:

Anhang!

CSS habe ich so modifiziert:

.icalNormal
{
    float: left;
    width: 20em;
    color:#A8A8A8;
    font-weight:normal;
    font-size:16px;

}

Danke :)
1240_mobil.png

[twonky]

Du möchtest also:

1. anstatt des aktuellen Datums "Heute" stehen haben und alle anderen Daten sollen so bleiben.

2. für das aktuelle Datum eine anderen Style Klasse verwenden.

Der iCal Adapter bietet dafür erstmal keine Konfigurationsmöglichkeit, du müsstest dir selbst etwas drum herum bauen.

Das sollte via javascript oder node-red Adapter funktionieren. Diese sollten bei Aktualisierung der States <u>ical.0.data.html</u> und/oder <u>ical.0.data.table</u> diese Verwenden um einen neues State zu erzeugen mit deinen Anpassungen. Den neuen State kannst du dann im vis Adapter zur Anzeige benutzen.

[Lumpenhund]

Moin,

danke, das ist schonmal eine Aussage mit der ich etwas anfangen kann, bevor ich mir hier in den Configs nen Wolf suche.

Leider bin ich was Javascript angeht blutiger Anfänger. Gibts ja schon jemanden der das in ähnlicher Art und Weise realisiert hat?

Grüße

[twonky]

Hier eine Lösung für dein 2. Problem:

Wenn du die Option <u>Benutze Farben für HTML:</u> aktivierst hast du für "Heute" separate Style Klassen <u>icalWarn</u> und <u>icalWarn2</u>, dort kannst du die Schriftgröße erhöhen bzw. in <u>icalPreWarn</u>, <u>icalPreWarn2</u>, <u>icalPrePreWarn</u>, <u>icalPrePreWarn2</u>, <u>icalNormal</u> und <u>icalNormal2</u> verkleinern.

Beispiel:

! ````
.icalNormal{
float: left;
width: 20em;
color:#A8A8A8;
font-weight:normal;
font-size:16px;
}
.icalNormal2 {
float: left;
width: 20em;
color:#A8A8A8;
font-weight:normal;
font-size:16px;
}
.icalPreWarn {
float: left;
width: 20em;
color:#A8A8A8;
font-weight:normal;
font-size:16px;
}
.icalPreWarn2 {
float: left;
width: 20em;
color:#A8A8A8;
font-weight:normal;
font-size:16px;
}
.icalPrePreWarn {
float: left;
width: 20em;
color:#A8A8A8;
font-weight:normal;
font-size:16px;
}
.icalPrePreWarn2 {
float: left;
width: 20em;
color:#A8A8A8;
font-weight:normal;
font-size:16px;
}
.icalWarn
{
float: left;
width: 20em;
color:#A8A8A8;
font-weight:normal;
font-size:20px;
}
.icalWarn2
{
float: left;
width: 20em;
color:#A8A8A8;
font-weight:normal;
font-size:20px;
}

Für das 1\. Problem wäre, wie oben bescheiben, unter anderem eine mögliche Lösung node-red zu verwenden. Hier eine Funktion die in einer Message das heutige Datum umwandelt:

var jetzt = new Date();

var tag = jetzt.getDate();
var monat = jetzt.getMonth() + 1;
var jahr = jetzt.getFullYear();

msg.payload = msg.payload.replace(tag + '.' + monat + '.' + jahr, 'Heute');
return msg;

Ein Nachteil: Falls in einer Terminbeschreibung das heutige Datum stehen sollte wird es ebenfalls mit "Heute" ersetzt. Aber wer macht sowas schon ;)