[Neuer Adapter] iobroker.FontUI

[Felix Mayerhofer]

Hi!

Bei der Suche nach schönen Visualisierungen für ioBroker ist mir aufgefallen dass es sehr wenig icons gibt bzw die icon Sets optisch nicht so gut harmonieren, daher hab ich mich durch die Doku gewühlt und versucht einen eigenen "Adapter" bzw eher ein Widget Set zu erstellen.

Ihr könnt ihn mittels npm install iobroker.fontui installieren und testen, im VIS erscheint eine neue gruppe fontUI

Funktionen derzeit:

• Icons mit oder ohne Content/Werten hinzufügen
• Farbe, Grösse und Animation anpassen

Eine kleine Auswahl der Icons(sind ca. 1500):

Liste der Icons mit Suchfunktion

In Arbeit/Geplant:

• Alternative Werte für true/false
• Touch Buttons für Icons

Projekt bei Github

Danke fürs Testen!

[AlCalzone]

@Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

Neben meinem Adapter ist das rote Lämpchen und die Möglichkeit ihn zu restarten, ich hab in den config nix gefunden wie man diese Möglichkeiten deaktiviert, ich werde sie nicht brauchen.

Wenn ich mich nicht täusche: io-package.json => mode auf "none" stellen

Änderungen im admin verzeichnis(z.b. Adapter Logo) werden auch nach restart von ioBroker nicht übernommen

Auf der Konsole iobroker upload dein-widget-name (Neustart nicht nötig, außer ggf. von VIS).

Wie kann ich prüfen ob die Abhängigkeiten notwendig sind?(z.b. JS Controller)

JS-Controller ist immer nötig (wobei die Version ggf nicht so zwingend ist bei Widgets)
Admin3 ist hauptsächlich im Template, weil neue Adapter nicht kompatibel zum alten Admin sind.

[Felix Mayerhofer]

Danke für die Hilfe, ich hab mal eine erste Testversion online gestellt, vielleicht mag sie ja wer probieren und Feedback geben.

npm i iobroker.fontui

Next: Animieren der icons

[htrecksler]

die Installation klappte schonmal reibungslos.
Ich bin gespannt was noch kommt.
Bisher Top

Eine Anmerkung...Die Auswahl des Icon ist etwas mühsam wenn man auf der Suche nach etwas passendem ist.

[Felix Mayerhofer]

@htrecksler Danke fürs Testen, freut mich dass es mal so funktioniert!

Ja das select möchte ich ändern dass eine miniatur vom icon gleich daneben steht. Muss noch schauen wie ich das innerhalb von ioBroker hinbekomme, möchte javascript "hacks" vermeiden so gut es geht.

Als nächstes möchte ich die Icons animierbar machen(drehen, pulsieren, glow), danach bin ich mir noch nicht ganz sicher...
Entweder gehe ich Richtung Button Funktionen(z.b. Icon rot & drehen wenn Wert > 100) oder baue mehr Design Elemente ein, habe eine zeit lang mit FHEM Tablet UI gewerkelt und bin davon eigentlich sehr angetan.

Insgesamt möchte ich es jedoch simpel halten damit man FontUI leicht in bestehende Designs integrieren kann und nicht zuviel overhead beim laden der ganzen JS und CSS files entsteht.

[sigi234]

Hallo,

installiert, wie funktioniert der Adapter?

system.adapter.fontui.0	2019-04-29 20:31:10.226	error	invalid mode

[htrecksler]

@sigi234 Nach dem installieren gibt es im VIS 2 neue Widgets die du nutzen kannst

[sigi234]

@htrecksler sagte in [Neuer Adapter] iobroker.FontUI:

@sigi234 Nach dem installieren gibt es im VIS 2 neue Widgets die du nutzen kannst

Danke.........................Mich hat "Adapter" ein wenig abgelenkt...

[Felix Mayerhofer]

@sigi234 du hast recht, Adapter stimmt nicht bzw noch nicht
Ich hab beim erstellen beide optionen gewählt da ich keinen Nachteil darin sah und evtl später eine Adapterkonfiguration dazukommt(z.b. falls jemand Font Awesome Pro besitzt und nutzen will). Die Installation und die Updates sind auch einfacher falls es mal im Repo ist.

Falls ich hier falsch liege bzw etwas gravierendes übersehen habe bitte um Aufklärung, jetzt ist es noch einfach zu ändern.
Danke fürs Testen!

[sigi234]

@Felix-Mayerhofer

Coole Sache........teste gerade.

@Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

Ja das select möchte ich ändern

Das wäre gut........

@Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

Next: Animieren der icons

Wäre noch besser.......

@Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

Entweder gehe ich Richtung Button Funktionen(z.b. Icon rot & drehen wenn Wert > 100)

Das wäre der Hammer........

Wünsche:

Änderbarer true or false Wert ......also zb. Bei Fenster offen true: ersetzen durch Fenster offen

Rettung ist nur ein Beispiel..........

[Felix Mayerhofer]

@sigi234
Änderbarer true oder false Wert macht sinn, das werd ich einbauen

Neues update ist online, icons können jetzt gedreht bzw animiert werden.
Zusätzlich sollten manche icons oben jetzt nicht mehr abgeschnitten werden....
Falls jemand am Tablet testet würd mich die performance bei spinning icon interessieren(meins ist noch im "aufbau"), da es ne Schriftart ist sollte es wenig CPU beanspruchen.

[sigi234]

@Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

Neues update ist online,

Ein Link zu Git wäre Super............

[Felix Mayerhofer]

@sigi234 bittesehr:
https://github.com/runsnbunsn/ioBroker.fontui

[sigi234]

@Felix-Mayerhofer

Danke,

seit dem Update sind folgende TABS in der Übersicht verschwunden?

vis edit und info........

[Felix Mayerhofer]

@sigi234 hmm strange, unter instanzen sollten sie noch vorhanden sein. ist aber egal da sie derzeit nicht verwendet werden...

[sigi234]

@Felix-Mayerhofer sagte in [Neuer Adapter] iobroker.FontUI:

unter instanzen sollten sie noch vorhanden sein

Ja...

[Negalein]

@sigi234 sagte in [Neuer Adapter] iobroker.FontUI:

seit dem Update sind folgende TABS in der Übersicht verschwunden?

vis edit und info........

Bei mir sind sie noch da!
Hab gerade von GIT installiert.

[sigi234]

@Negalein sagte in [Neuer Adapter] iobroker.FontUI:

Bei mir sind sie noch da!

Welcher Host?

[Negalein]

@sigi234 sagte in [Neuer Adapter] iobroker.FontUI:

Welcher Host?

Platform: linux
Architecture: x64
CPUs: 4
Speed: 1501 MHz
Model: Intel(R) Celeron(R) CPU J3455 @ 1.50GHz
RAM: 9.5 GB
System uptime: 2 T. 11:51:55
Node.js: v8.15.1
NPM: 6.4.1
adapters count: 265
Uptime: 18:45:21
JS controller: 1.4.2

[sigi234]

@Negalein

Vielleicht liegt es an Windows.........Ich starte mal durch...........