neue Visualisierung "webui" (alternative zu vis & vis-2)

[jogibear9988]

@worlik

halt, mein fehler...

hab es nur in der richtung drin -> iobroker wert ändert sich, nicht in der richtung wenn du es von der UI aus änderst... bau ich rein

[jogibear9988]

Frage zu Unterordnern in webui:

Sollen die Ordner dann Teil des Objektes sein? D.h. man muss ein Screen dann in einem Script z.b. so ansprechen "a/b/c", wenn der screen "c" im Ordner "b" im Ordner "a" liegt?
Oder soll der Name immer noch eindeutig sein?

Ich muss mir dann auch jedes mal beim speichern eine liste bauen welcher screen/control in welchem ordner liegt, sonst muss ich das jedes mal rekursiv durchsuchen, was sicher langsam wäre.

[Blockmove]

@jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

Frage zu Unterordnern in webui:

Sollen die Ordner dann Teil des Objektes sein? D.h. man muss ein Screen dann in einem Script z.b. so ansprechen "a/b/c", wenn der screen "c" im Ordner "b" im Ordner "a" liegt?
Oder soll der Name immer noch eindeutig sein?

Ich muss mir dann auch jedes mal beim speichern eine liste bauen welcher screen/control in welchem ordner liegt, sonst muss ich das jedes mal rekursiv durchsuchen, was sicher langsam wäre.

Ich hab lieber eindeutige Screennamen.
Dann gibt es auch keine Probleme wenn man mal einen Screen in einen anderen Ordner schiebt.
Also Ordner nur zur reinen Übersicht.

[Worlik]

@jogibear9988 Der Screenname sollte eine eindeutige ID bleiben

[Smilie108]

@jogibear9988
Ich bin auch dafür die ordner nur für den editor fürs bessere händling.

[jogibear9988]

Okay, muss schauen wie ich das realisiere...
Im Moment lade ich einfach alle dateien in einem bestimmten ordner (screens), wenn es dort dann mehrere unterordner gibt muss ich ja alle durchlaufen...
Und im Screen speichern ist auch schlecht, weil ich lade ja eig. nur die, die gerade genutzt werden...

mal schauen wie ich das mache

[jogibear9988]

Gibt ne neue WebUi version:

• in simple scripts kann man nun auf die vent daten zugreifen (um z.b. den value eines input feldes zu verwenden), siehe http://129.159.205.3:8082/webui/index.html screen "test event"
• in javscriptscript könnt ihr nun "RUNTIME" und "IOB" als globale objekte verwenden, dazu gibts codevervollständigung. siehe auch screen "test event"
• nutzen des types beim value schreiben bei bindings

[Worlik]

@jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

• nutzen des types beim value schreiben bei bindings

JIPIIEEE, nun muss ich nur noch eine Alternative für das surf-display auftreiben. Es gibt ganze Linuxdistributionen, welche nur einen Kioskmodus anbieten, irgendwas wird sich schon finden.

[Blockmove]

@worlik said in neue Visualisierung "webui" (alternative zu vis):

@jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

• nutzen des types beim value schreiben bei bindings

JIPIIEEE, nun muss ich nur noch eine Alternative für das surf-display auftreiben. Es gibt ganze Linuxdistributionen, welche nur einen Kioskmodus anbieten, irgendwas wird sich schon finden.

Je nach Windowmanager gibt es bei Linux auch Autostart-Funktionen. Den Browser deiner Wahl kannst du dann im Kioskmodus starten. Autologin ist natürlich auch möglich.
Hatte ich vor Jahren mal mit nem Raspi am Laufen.

[Blockmove]

@jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

Gibt ne neue WebUi version:

• in simple scripts kann man nun auf die vent daten zugreifen (um z.b. den value eines input feldes zu verwenden), siehe http://129.159.205.3:8082/webui/index.html screen "test event"
• in javscriptscript könnt ihr nun "RUNTIME" und "IOB" als globale objekte verwenden, dazu gibts codevervollständigung. siehe auch screen "test event"
• nutzen des types beim value schreiben bei bindings

Kaum aus dem Urlaub zurück und schon ist ne neue Version verfügbar
Vielen Dank Jochen!

[jogibear9988]

@blockmove

mit dem Javascript Code gibts noch probleme, leider hat man nun keine Code completion für die funktions parameter. Siehe issues dazu:

https://github.com/microsoft/monaco-editor/issues/4323
https://github.com/microsoft/TypeScript/issues/42048#issuecomment-1876498236

jogibear9988 created this issue in microsoft/monaco-editor

closed [Bug] setExtraLibs does not work for globals in javascript mode #4323

trusktr created this issue in microsoft/TypeScript

open Feature request: allow using JSDoc types inside .ts files #42048

[Blockmove]

@jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

@blockmove

mit dem Javascript Code gibts noch probleme, leider hat man nun keine Code completion für die funktions parameter. Siehe issues dazu:

https://github.com/microsoft/monaco-editor/issues/4323
https://github.com/microsoft/TypeScript/issues/42048#issuecomment-1876498236

Damit kann ich leben.
Oberfläche und Editor sind ja schon jetzt auf einem sehr guten Level.
Wichtig ist mir eine nachvollziehbare Funktionalität der Visu.

[Blockmove]

@jogibear9988

Hallo Jochen,
ich hab gesehen, dass du input datetime-local auch gefixt hast. Vielen Dank!
Hab jetzt noch gar nicht kontrolliert, wie es mit input time aussieht. Ist der auch local?
Eventuell wären hier Varianten mit UTC noch hilfreich.

Ich weiß, dass das ein leidiges Thema ist
Egal ob privat beim Smarthome oder im Job bei S7.

VG
Dieter

[Smilie108]

@blockmove
Jop mal offtopic diese ganzen zeitvariationen sicht echt ein leidiges Thema

@jogibear9988
Danke nochmal man kann schon sehr gut arbeiten damit. Das einzige was ich jetzt noch vergessen habe oder ncoh schauen muss ist das ich am handy die oberfläche wieder zoomen kann. ( mit den Fingern ) weis noch nicht warum das nicht geht aber warscheinlich weil alles absolut ist das muss ich dann wieder alles ändern

[Blockmove]

@smilie108 said in neue Visualisierung "webui" (alternative zu vis):

Danke nochmal man kann schon sehr gut arbeiten damit. Das einzige was ich jetzt noch vergessen habe oder ncoh schauen muss ist das ich am handy die oberfläche wieder zoomen kann. ( mit den Fingern ) weis noch nicht warum das nicht geht aber warscheinlich weil alles absolut ist das muss ich dann wieder alles ändern

Da ist der Umstieg auf webui ganz praktisch
Ich versuch weitest gehend auch ein Layout mit grid zu verwenden.
Erstaunlich wieviel html und css man durch den Umstieg auf webui lernt

[jogibear9988]

@blockmove

valeAsNumber ist beim "dateTimeLocal" input schon in UTC, ich hab mal noch ne property hinzugefügt valueAsNumberLocal, wenn Ihr an diese bindet, bekommt ihr die zahl mit der lokalzeit in eurer ioBroker objekt

[jogibear9988]

@smilie108

oder es liegt an meinem meta tag:

<meta name="viewport"
content="width=device-width, initial-scale=1.0, shrink-to-fit=no, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">

ist in der runtime.html.
Wir haben in einer visu selbst zoomen implementiert, und das funktioniert ohne das meta tag nicht. Wenn es stört kann ich das meta tag aber einstellbar machen.

Vlt. mach ich irgendwann auch noch ein zoom control.

[Blockmove]

@jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

@blockmove

valeAsNumber ist beim "dateTimeLocal" input schon in UTC, ich hab mal noch ne property hinzugefügt valueAsNumberLocal, wenn Ihr an diese bindet, bekommt ihr die zahl mit der lokalzeit in eurer ioBroker objekt

Zum Verständnis:

• Wenn ich an valueAsNumber binde, dann wird im webui-Inputfeld Local verwendet und im ioBroker-Object UTC?
• Wenn ich an valueAsNumberLocal binde, dann wird keine Zeitzone berücksichtigt. Also webui-Inputfeld = ioBroker-Object?
• Die Funktionaliät bei inputtype DateTime und Time? Bei inputtype Date ist es ja nicht notwendig.

[jogibear9988]

@blockmove said in neue Visualisierung "webui" (alternative zu vis):

@jogibear9988 said in neue Visualisierung "webui" (alternative zu vis):

@blockmove

valeAsNumber ist beim "dateTimeLocal" input schon in UTC, ich hab mal noch ne property hinzugefügt valueAsNumberLocal, wenn Ihr an diese bindet, bekommt ihr die zahl mit der lokalzeit in eurer ioBroker objekt

Zum Verständnis:

• Wenn ich an valueAsNumber binde, dann wird im webui-Inputfeld Local verwendet und im ioBroker-Object UTC?
  -> ja

• Wenn ich an valueAsNumberLocal binde, dann wird keine Zeitzone berücksichtigt. Also webui-Inputfeld = ioBroker-Object?
  -> ja

• Die Funktionaliät bei inputtype DateTime und Time? Bei inputtype Date ist es ja nicht notwendig.
  -> kp. wie sich input date beim 24h wechsel verhält, oder was es als zeit mitgibt. Kp. wie sich input time verhält...

[jogibear9988]

denke morgen bekomm ich das mit den Unterordnern fertig

ziehe dann auch die Controls Toolbox in ein extra Fenster, zumindest hab ich das vor.
Ist ja z.B. in TIA Portal auch so, es gibt den Projektbaum, aber die ganzen Controls sind in einem extra Fenster. gefällt mir irgendwie besser.