FTUI Widget Analogclock: Unterschied zwischen den Versionen
Ulm32b (Diskussion | Beiträge) (Erste Version) |
Keine Bearbeitungszusammenfassung |
||
(2 dazwischenliegende Versionen von einem anderen Benutzer werden 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 10: | Zeile 10: | ||
Die Uhr basiert auf der "Bahnhofsuhr" von Rüdiger Appel, vgl. [[#Links|Links]]. | Die Uhr basiert auf der "Bahnhofsuhr" von Rüdiger Appel, vgl. [[#Links|Links]]. | ||
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.0.html Forenbeitrag]. | |||
==Attribute== | ==Attribute== | ||
Zeile 116: | 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>