html ist nicht meine Stärke. :(
Vor langer Zeit habe ich mir eine Seite gebastelt, die mir bis vor kurzem auch ausgereicht hat. Das Mehr stand immer nur auf dem Plan.
Auf der Seite waren die Wetterprognosen die Anwesenheit und die Abfalltermine. Mit den Änderungen an den Wetter-Devices mußte ich da ran. Also auch ein Update gemacht. Erst war das Icon nur graun. Jetzt fehlen mir die kleinen roten Zahlen als Warnicon.
Seit Tagen lese ich das Wiki, glaube aber das da was fehlt, lese im Forum und probiere rum. Alles ohne Erfolg.
Aktuell ist alles raus, was scheinbar wirkungslos war.
<div data-type="symbol"
data-device="KalenderAbfall"
data-get="Gelber_Sack_days"
data-icon="fa-recycle"
data-color="#F3E03B"
data-background-icon="fa-circle"
class="warn">
</div>
Das Reading "Gelber_Sack_days" enthält die Zahl der Tage bis zur nächsten Lieferung (0=heute).
Diese Zahl hätte ich gern am Icon im Warnicon.
Wenn ich mir was wünschen könnte, dann würde ich gern zusätzlich das background-icon abhängig vom Readingswert einfärben.
Welche Attribute müßte ich (in Kombination) mit welchen Werten verwenden?
Wo finde ich was nachvollziehbares, um es zu Begreifen?
Was bedeutet bei Attributten "Einstellung bei zwei Werten" und "Einstellung bei mehreren Werten"?
Danke
Dir fehlt mindestens data-warn="Gelber_Sack_days"
data-icon="fa-recycle warn"
Die Farbe kannst Du mit data-states und data-colors einstellen
Leider ändert sich nicht. Kein Warnicon zu sehen.
Aber ich habe gelernt, wie man das background-icons Werteabhängig einfärbt. Das würde mir eigentlich reichen, aber ich will schon wissen wie es geht (was ich falsch gemacht habe).
Jetzt sieht es so aus:
<div data-type="symbol"
data-device="KalenderAbfall"
data-get="Gelber_Sack_days"
data-warn="Gelber_Sack_days"
data-color="#F3E03B"
data-icon="fa-recycle warn"
data-states='["0","1","2"]'
data-background-icons='["fa-circle","fa-circle","fa-circle"]'
data-background-colors='["#F6640B","#95D07E", "#4D4D4C"]'
class="warn">
</div>
Danke für den Tip zum Färben.
Wenn Du data-icons nutzt, brauchst Du data-icon nicht mehr. Und natürlich muss das "warn" in data-icons
So funktioniert es bei mir:
<div data-type="symbol"
data-device="MuellterminDummy"
data-get="BioTonne"
data-warn="BioTonne"
data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
data-colors='["SaddleBrown","SaddleBrown"]'
data-get-on='["0","2"]'
data-background-icon="fa-circle">
</div>
Ich habe den Fehler bei mir gefunden.
Ich mach das Ganze zum "Spielen/Entwickeln" in einem eigenen Verzeichnis. Das heißt ich habe eine Kopie von "/opt/fhem/www/tablet" angelegt und zwar "/opt/fhem/www/testtablet". Dieses Verzeichnis wird aber nicht upgedatet. Am Anfang hatte ich das js-Verzeichnis aktualisiert. Das css-Verzeichnis aber erst heute. Mit aktuellen css-Verzeichnis ist alles ok.
ZitatWenn Du data-icons nutzt, brauchst Du data-icon nicht mehr. Und natürlich muss das "warn" in data-icons
Genau das habe ich und zwar icon für den Vordergrund und icons für den Hintergrund. Bei Dir ist es nur umgekehrt.
Ein "warn" beim Hintergrund ist nicht notwendig.
Ich danke Dir für die Unterstützung, ohne hätte ich wohl länger gesucht.