FTUI version 3

[mr_petz]

Mit der pipe schon probiert?:

Code Auswählen Erweitern


| toDate() | format('DD.MM.')


LG

[mkriegl]

Mit der pipe schon probiert?:
LG

Boah, Danke ... genau das 

[andreas_r]

Hallo zusammen,

ich würde gern der FTUI3 Community, die mir schon viel geholfen hat, etwas zurückgeben. Nachdem hier im Forum einige sehr gute Hilfestellungen existieren, die aber nirgends zentral gesammelt sind, habe ich mir gedacht, dass ich vielleicht ein wenig zur Dokumentation beitragen könnte.

Was macht hier am meisten Sinn aus Eurer Sicht? Pflegen der Dokumentation auf Github per Pull Request? Oder sollte man den WIKI Bereich erweitern, der bisher ja nur aus dieser einen Seite besteht:
https://wiki.fhem.de/wiki/FHEM_Tablet_UI_v3

Ich würde (unabhängig wo) versuchen, die verteilten Informationen aus diesem Forum aufzubereiten und für neue User etwas einfacher erreichbar zu machen.

Was haltet ihr davon?


Viele Grüße,
Andreas

[andies]

Ich bin ein großer Fan vom Wiki.

Unabhängig davon: danke für den Einsatz!

[andreas_r]

Ich tendiere auch zum Wiki. Hat den Vorteil, dass man hier besser zusammenarbeiten kann und auch Änderungen leichter vorzunehmen sind.
Aber ich wollte zumindest mal gefragt haben.  Hätte ja sein können, dass es einen Grund hat, warum es zu FTUI3 noch so wenig im Wiki gibt.

VG, Andreas

[yersinia]

Die Frage ist, wer hält das ganze Aktuell? Dokumentation und aufbereiten wird immer sehr stiefmütterlich behandelt.
Zumal es auf Github schon eine Art Doku gibt.
Und vermutlich stellen die meisten User eher eine Frage hier im Forum als selbstständig im Wiki zu suchen, lesen und auf den eigenen Anwendungsfall zu adaptieren.

Der Einsatzwille ehrt andreas_r, aber man muss auch keine Ressourcen verschwenden imho.

[mkriegl]

Paar Codeschnipsel zum Nachbauen würden glaube nicht schaden.
Versuche grad die Icon Darstellung meiner Anrufe aus der Fritzbox nachzubilden - je nach status anderes Icon und andere Farbe

[mr_petz]

@mkriegl
Anrufliste ist hier zufinden:
https://forum.fhem.de/index.php/topic,115259.msg1104171.html#msg1104171
als Beispiel...

Am besten suchst du hier im Hauptthread nach deinen Fragen mit der SuFu rechts oben.

LG

[OdfFhem]

Ich tendiere auch zum Wiki. Hat den Vorteil, dass man hier besser zusammenarbeiten kann und auch Änderungen leichter vorzunehmen sind.
Aber ich wollte zumindest mal gefragt haben.  Hätte ja sein können, dass es einen Grund hat, warum es zu FTUI3 noch so wenig im Wiki gibt.

VG, Andreas

Ich würde auch zum (offenen) Wiki tendieren. Praktisch wäre allerdings, dass der Wiki-Hinweis/Link in GitHub integriert würde ...

Ich würde es aber nicht als vollständige Doku angehen, da ja bereits eine große Menge praktischer Beispiele ausgeliefert wird.
Wer eine html-Seite aufbauen will, müsste damit schon recht weit kommen.

Interessanter wäre es, die oft angesprochenen Features festzuhalten (eine kleine Auswahl):
- Wie nutze ich Pipes ? Welche Pipes gibt es ? Wie kann ich eigene Pipes einbinden ?
- Reguläre Ausdrücke
- Welche Zeichen sind z.B. in obigen Fällen problematisch ... maskieren notwendig/möglich ...
- Kann ich Events auslösen ? Kann ich auf Events reagieren ? Welche Events sind besonders nützlich ?
- Wie kann man css erweitern ? Wo geht dies nicht (so einfach) ?
- Wie kann man javascript erweitern ?
- Wie kann/sollte man eigene Icons hinzufügen ? Wie kann man auf FHEM-Icons zurückgreifen ?
- Wie kann/sollte man eigene Komponenten hinzufügen ?
- ...

[OdfFhem]

@ftui-popup-Nutzer

Mit dem neuesten Update scheint popup-target seine Bedeutung verloren zu haben.

alter Stand ... funktioniert nicht mehr:

Code Auswählen Erweitern


  <ftui-icon name="sitemap" popup-target="pop1"></ftui-icon>


neuer Stand:

Code Auswählen Erweitern


  <ftui-icon name="sitemap" @click="pop1.open()"></ftui-icon>


Weitere Beispiele mit neuer Theorie in examples/popup.html

s.a. https://forum.fhem.de/index.php/topic,115259.msg1246414.html#msg1246414 bzgl. Benamung von Popups

[meier81]

Hab ich auch gerade gesehen. Schnell angepasst, funktioniert dann problemlos wieder 

[Det20]

Die Icons sehen irgendwie komisch aus, so 3D. Bei Buttons, in der Navigation usw.
Kann man das irgendwie abstellen?

[octek0815]

@ftui-popup-Nutzer

Mit dem neuesten Update scheint popup-target seine Bedeutung verloren zu haben.

alter Stand ... funktioniert nicht mehr:

Code Auswählen Erweitern


  <ftui-icon name="sitemap" popup-target="pop1"></ftui-icon>


neuer Stand:

Code Auswählen Erweitern


  <ftui-icon name="sitemap" @click="pop1.open()"></ftui-icon>


Weitere Beispiele mit neuer Theorie in examples/popup.html

Vielen Dank für den Hinweis, hatte das Update gemachrt und nix (Popups) ging.

Einen kleinen Hinweis habe ich hier nochmal dazu:

Ich hatte meine Popups mit Namen so definiert id="popup-licht" oder id="popup-fenster-und-tueren"
Nach der von dir erwähnten Anpassung funktionierten die Popups dennoch nicht.
Erst nach dem Entfernen der Minuszeichen bzw. Bindestriche funktionieren die Popups.
Vor dem Update funkionierte das so.

VG

[OdfFhem]

Einen kleinen Hinweis habe ich hier nochmal dazu:

Ich hatte meine Popups mit Namen so definiert id="popup-licht" oder id="popup-fenster-und-tueren"
Nach der von dir erwähnten Anpassung funktionierten die Popups dennoch nicht.
Erst nach dem Entfernen der Minuszeichen bzw. Bindestriche funktionieren die Popups.
Vor dem Update funkionierte das so.

Guter Hinweis ... verkürzt Zeit für Anpassungsarbeiten ...


In der angeführten Beispiel-Datei examples/popup.html gibt es auch einen diesbezüglichen Fall.

alt (mit Bindestrich):

Code Auswählen Erweitern


      <ftui-icon name="pencil" popup-target="pop-custom-close"></ftui-icon>
  <ftui-popup id="pop-custom-close" timeout="0" opacity="0.1">

neu (mit Underscore):

Code Auswählen Erweitern


      <ftui-icon name="pencil" @click="pop_custom_close.open()"></ftui-icon>
  <ftui-popup id="pop_custom_close" timeout="0" opacity="0.1">

Der verwendete Name muss der javascript-Konvention entsprechen ...

[OdfFhem]

Die Icons sehen irgendwie komisch aus, so 3D. Bei Buttons, in der Navigation usw.
Kann man das irgendwie abstellen?

Hast Du ein konkreteres ftui-icon-Beispiel (möglichst mit Screenshot), so dass man sich "reindenken" kann ?