Quelltext der Seite FTUI Widget Analogclock

Das [[{{PAGENAME}}|Analogclock Widget]] ist ein Widget für [[FHEM Tablet UI]], welches eine analoge Uhr darstellt.

<gallery>
File:FTUI_Analoguhr_1.png
File:FTUI_Analoguhr_2.png
File:FTUI_Analoguhr_3.png
File:FTUI_Analoguhr_4.png
</gallery>

Die Uhr basiert auf der "Bahnhofsuhr" von Rüdiger Appel, vgl. [[#Links|Links]].

Soweit bekannt, steht die neueste Version der Programmdateien im [https://forum.fhem.de/index.php/topic,50821.msg642752.html#msg642752 Forenbeitrag] zur Verfügung.

==Attribute==
{|class="wikitable"
!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==
<syntaxhighlight lang="html">
<div data-type="analogclock">
</div>
</syntaxhighlight>

==Links== 
[https://forum.fhem.de/index.php/topic,50821.0.html Vorstellung im Forum]

[http://www.3quarks.com/de/SVGUhr/index.html Bahnhofsuhr von Rüdiger Appel]

[https://de.wikipedia.org/wiki/Bahnhofsuhr Wiki zu Bahnhofsuhren]



[[Kategorie:FHEM Tablet UI|Analogclock]]