[FTUI3] Analogclock

[mr_petz]

Hi@all,
da bei mir die Uhr laut Beschreibung von hier:
https://forum.fhem.de/index.php/topic,115259.msg1110167.html#msg1110167
und hier im Wiki:
https://wiki.fhem.de/wiki/FTUI3_Analoguhr
so nicht funktioniert (wird immer wieder runtergeladen die svg), habe ich diese mal fürs FTUI3 portiert.
@grossmaggul
Geht die Uhr bei dir noch?
Ursprung ist von hier:
http://www.3quarks.com/de/SVGUhr/index.html

Die Settings sind wie im Original, nur das Hand habe ich nicht mit übernommen, sonst wären die Definitionsnamen in meinen Augen zu lang:
Bsp:

Code Auswählen Erweitern


<ftui-analogclock
  width="150px"
  background-image="http://www.3quarks.com/images/svg/Siemens.png"
  dial-color="black"
  hour-color="black"
  minute-color="black"
  second-color="black"
  minute="small"
  hour="small"
  >
</ftui-analogclock>

Ein einfaches:

Code Auswählen Erweitern


<ftui-analogclock></ftui-analogclock>

funktioniert auch, da schon eine Standarduhr vordefiniert ist...

Mögliche Settings:

      dial => Points, Swiss, Austria, DIN41091.1, DIN41091.3, DIN41091.4
      hour => German, Swiss, Siemens, DIN41092.3, small
      minute => German, Swiss, Siemens, DIN41092.3, small
      second => German, Swiss, DIN41071.1, DIN41071.2
      minute-behavior => stepping, sweeping
      second-behavior => stepping, sweeping, swinging
      second-stop-to-go => true, false
      second-stop-time => 1.5
      background-color
      background-image
      dial-color
      hour-color
      minute-color
      second-color
      axis-cover-color
      axis-cover-radius => 0
      is-fhem-time => true, false
      width => 125px
      interval => 50
      offset => 0
      server-diff => 0

Die Colorsettings sollten selbsterklärend sein.
width ist die Gesamtgröße.
Background-Images (Ziffernblätter) kann man auch z.Bsp. von hier holen:
https://www.pngegg.com/de/png-ettqt

FhemTime wie in der normalen clock geht auch. (Danke @setstate )

Edit:
Ist jetzt hier zu finden https://github.com/mr-petz/ftui/tree/addons

Code Auswählen Erweitern


update analogclock.component.js https://raw.githubusercontent.com/mr-petz/ftui/addons/controls_ftui_addons.txt


LG mr_petz

Edit: noch was für die militarys und binarys gefunden siehe Anhang...
Zifferblatt Vektoren von Vecteezy

[grossmaggul]

Geht die Uhr bei dir noch?

Ja, funktioniert noch einwandfrei.

[mr_petz]

Mhh... seltsam....
Wie gesagt, ich habe es 1:1 eingebunden und dann wird die station-clock.svg immer wieder runtergeladen.
Ich habe dann viele svg´s im downloadordner???
Naja... ist dann halt eine alternative Lösung von mir...

LG

[grossmaggul]

Ich habe gerade nochmal nachgesehen, bei mir liegt nur ein svg im Downloadordner.
Ich hänge noch mal meine "Uhr" dran, vielleicht gibt es ja doch einen Unterschied.

Code Auswählen Erweitern

<ftui-column>
                    <ftui-cell>
                        <!-- Bahnhofsuhr -->
                        <object data="images/station-clock.svg" type="image/svg+xml" width="96" height="96">
                        <param name="dial"               value="din 41091.1"/>
                        <param name="hourHand"           value="din 41092.3"/>
                        <param name="minuteHand"         value="din 41092.3"/>
                        <param name="secondHand"         value="german"/>
                        <param name="minuteHandBehavior" value="stepping"/>
                        <param name="secondHandBehavior" value="stepping"/>
                        <param name="secondHandStopToGo" value="yes"/>
                        <param name="secondHandStopTime" value="1.5"/>
                        <param name="backgroundColor"    value="rgba(150,150,150,150)"/>
                        <param name="dialColor"          value="rgb(40,40,40)"/>
                        <param name="hourHandColor"      value="rgb(20,20,20)"/>
                        <param name="minuteHandColor"    value="rgb(20,20,20)"/>
                        <param name="secondHandColor"    value="rgb(160,50,40)"/>
                        <param name="axisCoverColor"     value="rgb(20,20,20)"/>
                        <param name="axisCoverRadius"    value="7"/>
                        <param name="updateInterval"     value="50"/>
                    </object>
                    </ftui-cell>
                    <ftui-cell>
                        <ftui-clock format="eeee, DD.MM." class="size-4"></ftui-clock>
                    </ftui-cell>
              </ftui-column>

[andreas_r]

Ich kann es so auch nicht nachvollziehen. Die Uhr funktioniert bei mir wie im Wiki beschrieben und es finden auch keine nachträglichen Downloads statt.

VG, Andreas

[mr_petz]

Dann ist es wie es ist, bei mir geht es hier in meiner Testumgebung so nicht.... Ich gehe der Sache auch nicht weiter auf den Grund...
Danke für die Rückmeldungen...

LG

Edit: Ich glaube zu wissen warum es bei mir nicht funzt..
Meine Testumgebung (eigener Webserver) hat keine direkte Verbindung zu Fhem. Damit ist FTUI3 "Offline". Im "Online" Modus funzt es...