FTUI Widget Analogclock

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