Die druckbare Version wird nicht mehr unterstützt und kann Darstellungsfehler aufweisen. Bitte aktualisiere deine Browser-Lesezeichen und verwende stattdessen die Standard-Druckfunktion des Browsers.
Das Analogclock Widget ist ein Widget für FHEM Tablet UI, 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 |
- none = transparenter Hintergrund
- round = rundes, schwarzes Gehäuse
- small = runder, weißer Hintergrund
- green = rundes, grünes Gehäuse (Österreich)
- square = quadratisches, blaues Gehäuse (Deutsche Bahn)
- vienna = Wiener Würfeluhr
|
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 |
- none = Ohne Zifferblatt
- hour = mit Stundenstrichen (DIN 41091, Teil 3)
- full = mit Minuten- und Stundenstrichen (DIN 41091, Teil 1)
- austria = mit Minuten- und Stundenstrichen (Österreich)
- swiss = mit Minuten- und Stundenstrichen (Schweiz/Bauhaus)
- vienna = mit Minuten- und Stundenstrichen (Wiener Würfeluhr)
|
full
|
data-dial-color |
Farbe der Stunden- und Minutenstriche |
|
#3C3C3C
|
data-hour |
Aussehen des Stundenzeigers |
- pointed = spitzer Balkenzeiger (DIN 41092, Teil 3)
- bar = stumpfer Balkenzeiger (Deutsche Bahn)
- swiss = stumpfer, keilförmiger Zeiger (Schweiz/Bauhaus)
- vienna = Wiener Würfeluhr
|
pointed
|
data-hour-color |
Farbe des Stundenzeigers |
|
#000000
|
data-minute |
Aussehen des Minutenzeigers |
- pointed = spitzer Balkenzeiger (DIN 41092, Teil 3) STANDARD
- bar = stumpfer Balkenzeiger (Deutsche Bahn)
- swiss = stumpfer, keilförmiger Zeiger (Schweiz/Bauhaus)
- vienna = Wiener Würfeluhr
|
pointed
|
data-minute-color |
Farbe des Minutenzeigers |
|
#000000
|
data-second |
Aussehen des Sekundenzeigers |
- none = ohne Sekundenzeiger
- hole = Loch-Zeiger (DIN 41071, Teil 2)
- bar = Keil-Zeiger (DIN 41071, Teil 1)
- swiss = Kellen-Zeiger (Schweiz)
- longhole = Loch-Zeiger (Deutsche Bahn)
|
bar
|
data-second-color |
Farbe des Sekundenzeigers |
|
#C80000
|
data-boss |
Aussehen des Mittelpunktes, d.h. der Achsabdeckung |
- small = kleiner Mittelpunkt
- medium = mittelgroßer Mittelpunkt
- big = großer Mittelpunkt
- none = kein Mittelpunkt
|
none
|
data-boss-color |
Farbe des Mittelpunktes, d.h. der Achsabdeckung |
|
#000000
|
data-mbehave |
Verhalten des Minutenzeigers |
- bounce = springender Minutenzeiger
- ebounce = springender und federnder Minutenzeiger
- creep = schleichender Minutenzeiger
|
bounce
|
data-sbehave |
Verhalten des Sekundenzeigers |
- bounce = springender Sekundenzeiger
- ebounce = springender und federnder Sekundenzeiger
- creep = schleichender Sekundenzeiger
- hasty = 58,5s je Umdrehung; anschließend kurze Wartezeit
|
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>
Links
Vorstellung im Forum
Bahnhofsuhr von Rüdiger Appel
Wiki zu Bahnhofsuhren