FTUI Widget Analogclock
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>