FTUI Widget Analogclock: Unterschied zwischen den Versionen
F Klee (Diskussion | Beiträge) (Download-Link hinzu gefügt.) |
Keine Bearbeitungszusammenfassung |
||
(Eine dazwischenliegende Version von einem anderen Benutzer wird nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
Das [[{{PAGENAME}}|Analogclock Widget]] ist ein Widget für [[FHEM Tablet UI]], welches eine analoge Uhr darstellt. | Das [[{{PAGENAME}}|Analogclock Widget]] ist ein Widget für [[FHEM Tablet UI V2]], welches eine analoge Uhr darstellt. | ||
<gallery> | <gallery> | ||
Zeile 12: | Zeile 12: | ||
Die notwendigen Dateien können von [https://github.com/roman1528/ftui_analogclock Github] herunter geladen und dann in die Verzeichnisse ./lib und ./js kopiert werden. | Die notwendigen Dateien können von [https://github.com/roman1528/ftui_analogclock Github] herunter geladen und dann in die Verzeichnisse ./lib und ./js kopiert werden. | ||
Weitere Informationen gibt es im [https://forum.fhem.de/index.php/topic,50821. | Weitere Informationen gibt es im [https://forum.fhem.de/index.php/topic,50821.0.html Forenbeitrag]. | ||
==Attribute== | ==Attribute== | ||
Zeile 118: | Zeile 118: | ||
[[Kategorie:FHEM Tablet UI|Analogclock]] | [[Kategorie:FHEM Tablet UI V2|Analogclock]] |
Aktuelle Version vom 2. August 2024, 15:36 Uhr
Das Analogclock Widget ist ein Widget für FHEM Tablet UI V2, welches eine analoge Uhr darstellt.
Die Uhr basiert auf der "Bahnhofsuhr" von Rüdiger Appel, vgl. Links.
Die notwendigen Dateien können von Github herunter geladen und dann in die Verzeichnisse ./lib und ./js kopiert werden.
Weitere Informationen gibt es im Forenbeitrag.
Attribute
Attribut | Beschreibung | Optionen | Standard-Wert |
---|---|---|---|
data-size | Größe der Uhr in Pixel | 100 | |
data-body | Äußere Gestalt |
|
round |
data-body-color | Hintergrundfarbe des Ziffernblatts | #FFFFFF | |
data-stroke-color | "Gehäusefarbe" bei data-body="round" bzw. den Standardwerten | #000000 | |
data-dial | Darstellung des Ziffernblatts |
|
full |
data-dial-color | Farbe der Stunden- und Minutenstriche | #3C3C3C | |
data-hour | Aussehen des Stundenzeigers |
|
pointed |
data-hour-color | Farbe des Stundenzeigers | #000000 | |
data-minute | Aussehen des Minutenzeigers |
|
pointed |
data-minute-color | Farbe des Minutenzeigers | #000000 | |
data-second | Aussehen des Sekundenzeigers |
|
bar |
data-second-color | Farbe des Sekundenzeigers | #C80000 | |
data-boss | Aussehen des Mittelpunktes, d.h. der Achsabdeckung |
|
none |
data-boss-color | Farbe des Mittelpunktes, d.h. der Achsabdeckung | #000000 | |
data-mbehave | Verhalten des Minutenzeigers |
|
bounce |
data-sbehave | Verhalten des Sekundenzeigers |
|
bounce |
data-date-color | Aktuelles Datum im Ziffernblatt, Zeiger liegen im Hintergrund. | Ohne data-date-color wird kein Datum dargestellt! |
Hinweise
- Analogclock kann nur einmal innerhalb einer FTUI-Instanz verwendet werden.
Beispiele
<div data-type="analogclock">
</div>