FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: mr_petz am 12 Dezember 2022, 19:21:45

Titel: [FTUI3] Analogclock
Beitrag von: mr_petz am 12 Dezember 2022, 19:21:45
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:

<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:

<ftui-analogclock></ftui-analogclock>

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

Mögliche Settings:
Zitat
      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

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 (https://de.vecteezy.com/gratis-vektor/zifferblatt)
Titel: Antw:[FTUI3] Analogclock
Beitrag von: grossmaggul am 13 Dezember 2022, 00:06:58
ZitatGeht die Uhr bei dir noch?
Ja, funktioniert noch einwandfrei.
Titel: Antw:[FTUI3] Analogclock
Beitrag von: mr_petz am 13 Dezember 2022, 07:15:48
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
Titel: Antw:[FTUI3] Analogclock
Beitrag von: grossmaggul am 13 Dezember 2022, 09:33:56
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.

<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>
Titel: Antw:[FTUI3] Analogclock
Beitrag von: andreas_r am 13 Dezember 2022, 09:39:17
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
Titel: Antw:[FTUI3] Analogclock
Beitrag von: mr_petz am 13 Dezember 2022, 11:25:23
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...