UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

[jogibear9988]

@kamikaze

einfach ein binding auf display:

[Kamikaze]

@jogibear9988 Diese Lösung lag nun wirklich nahe.
VIELEN DANK.

[Kamikaze]

@jogibear9988 Ich muss noch einmal um Hilfe bitten.
Ich habe mir das auf dem Beispiel Server angesehen und habe doch noch ein Umsetzungsproblem:
Solange ich das mit den fixen Werten bei dir mache, funktioniert das auch.
Sobald ich aber percent als Parameter mitgeben will, weigert er sich:

Zuerst habe ich die control properties percent gesetzt:

Dann habe ich das Control in den Screen eingebaut.

<webui-elemente--heizung bind-prop:percent="0_userdata.0.TestZahl" style="position:absolute;left:396px;top:47px;"></webui-elemente--heizung>

Das kuriose dabei ist, sobald ich die Seite lade, passiert erst einmal gar nichts und der Kreis wird vollständig dargestellt. Ändere ich aber die TestZahl dann funktioniert es.
Es hat den Anschein, dass der erste Wert gar nicht übergeben wird.

[jogibear9988]

@kamikaze said in neue Visualisierung "webui" (alternative zu vis & vis-2):

@jogibear9988 Ich muss noch einmal um Hilfe bitten.
Ich habe mir das auf dem Beispiel Server angesehen und habe doch noch ein Umsetzungsproblem:
Solange ich das mit den fixen Werten bei dir mache, funktioniert das auch.
Sobald ich aber percent als Parameter mitgeben will, weigert er sich:

Zuerst habe ich die control properties percent gesetzt:

Dann habe ich das Control in den Screen eingebaut.

<webui-elemente--heizung bind-prop:percent="0_userdata.0.TestZahl" style="position:absolute;left:396px;top:47px;"></webui-elemente--heizung>

Das kuriose dabei ist, sobald ich die Seite lade, passiert erst einmal gar nichts und der Kreis wird vollständig dargestellt. Ändere ich aber die TestZahl dann funktioniert es.
Es hat den Anschein, dass der erste Wert gar nicht übergeben wird.

kp was du meinst was bei mir geht und bei dir nicht?
welche fixen werte bei mir?

ich hab im beispiel screen ein binding auf die werte gemacht und es geht. Schaus dir einfach nochmals an.

Den type der Variable "percent" hab ich extra nicht auf signal. Wenn man signal nutzt, dann gibt man dort den signalnamen ein, und macht kein binding darauf.
Ic wollte aber beides supporten, also das man auch einen wert eingeben kann.

[Kamikaze]

@jogibear9988 Also muss ich mich ein wenig klarer ausdrücken.
Also ich habe jetzt alles wie du auch.
Ich verwende von dir: das Control Testcircle2 mit der Javascript-Option.
In deinem Screen TestCircle verwendest du die Einträge:

<webui-test-circle percent="32" bind-prop:percent="=0_userdata.0.random" style="position:absolute;left:318px;top:8px;width:304px;height:295px;"></webui-test-circle>
<webui-test-circle2 percent="15" bind-prop:percent="=0_userdata.0.random" style="position:absolute;left:40px;top:57px;"></webui-test-circle2>

Soweit ich das verstehe gibst du dabei den Wert 15 vor. Über dein Binding "two ways" wird dann der Wert zurückgeschrieben. Damit hat sich der Wert geändert und wird neu dargestellt.
Jetzt hast du aber noch den Zufallszahlgenerator eingebaut, der regelmäßig die Zahl ändert. Wenn sich die Zahl ändert, funktioniert es bei mir auch.

Ich habe inzwischen auch die Eigenschaft auf number gesetzt, aber das hat nicht geholfen.
Wenn ich wie du den Eintrag mache:

<webui-elemente--heizung percent="32" bind-prop:percent="=0_userdata.0.TestZahl" style="position:absolute;left:249px;top:76px;"></webui-elemente--heizung>

Dann erfolgt die Darstellung gemäß 32%. Dieser Wert wird auch zurückgeschrieben, gemäß dem Binding. Solange vom iobroker keine Aktualisierung der Zahl erfolgt, bleibt der Wert auf 32 stehen.
Gewünscht ist aber, dass er sich den Wert erstmalig aus dem Binding liest.

Ich hoffe, jetzt ist es klarer.

[jogibear9988]

@kamikaze

da wird erst mal gar nix zurückgeschrieben, das sollte auch kein 2way binding sein.
2way bindings braucht man wenn man im control den wert ändern kann...
Ist mein fehler das ich ein 2way binding gemacht habe.

wenn ich mein beispiel öffne, und der wert sich nicht ändert, wird trotzdem der wert auf dem binding dargestellt, und nicht der den du am control hast, oder? zumindest ist es in meinem beispiel so, öffne den screen doch und mach ihn zu und öffne wieder... bei mir funzt das.

schau nochmal in den testcircle screen, hab nun noch an eine andere varible gebunden, die sich nicht ändert!

[jogibear9988]

@kamikaze

du hast recht... habs nur im designer probiert, und in der vorschau... da gehts...
in der runtime nicht... ich schaue...

[Kamikaze]

@jogibear9988 Perfekt. Ich habe inzwischen deine Lösung auf meinen Rechner über ex/import transportiert um Fehler zu vermeiden.
Aber wenn du das Problem jetzt auch siehst, ist alles gut.

[jogibear9988]

@kamikaze said in neue Visualisierung "webui" (alternative zu vis & vis-2):

@jogibear9988 Perfekt. Ich habe inzwischen deine Lösung auf meinen Rechner über ex/import transportiert um Fehler zu vermeiden.
Aber wenn du das Problem jetzt auch siehst, ist alles gut.

sollte im nächsten release (welche gerade gebaut wird) gefixt sein. dauert ca. 5min bis github das pusht.
Ich muss es dann auch noch auf dem testserver probieren...

[jogibear9988]

@kamikaze

sieht gut aus... schaus mal an...

[Kamikaze]

@jogibear9988 Das kann ich leider nicht bestätigen.
Ich habe die Version 1.25.0 installiert.
Und wieder nur den TestCircle2 als Import von dir verwendet. Beim ersten Start bleibt der Kreis voll, Hinweis kein Wert, erst wenn Wert geändert wird, kommt die richtige Darstellung.
Leider kommt bei so einer wichtigen Sache, die Arbeit dazwischen. Ich muss mich für heute leider abmelden.
Gerne können wir morgen weitermachen.

[jogibear9988]

@kamikaze
und in meinem beispiel?

[Kamikaze]

@jogibear9988 Also was habe ich getestet:
Erneutes Importieren deines Screens TestCircle (drei Kreise mit zwei input feldern)
Erneutes Importieren deiner TestCircle und TestCircle2 controls.
Öffnen des Screens im Designer: --> Alles gut
Preview --> Alles gut
Runtime --> Verhalten wie vorher, erst nach änderung eines Inputs wird die Darstellung korrekt

[jogibear9988]

@kamikaze

also bei mir gehts:
https://youtu.be/fqjmEhWORXA

[Kamikaze]

@jogibear9988 Also, das kann ich mir nicht erklären.
Ich habe heute morgen alle Elemente rausgeschmissen und von dem Beispielserver neu übertragen.
Zu Einen bekomme ich Fehlermeldungen, dass die CSS und Javascript Einträge fehlerhaft sind, die fehlenden Klammern habe ich eingesetzt,
aber das Verhalten ist wie bereits oben erwähnt. Di eeinzige Anpassung die ich gemacht habe ist im Screen die Binding auf meine Werte zu setzen.

<webui-test-circle bind-prop:percent="0_userdata.0.TestZahl" style="position:absolute;left:313px;top:69px;width:148px;height:163px;"></webui-test-circle>
<webui-test-circle2 bind-prop:percent="0_userdata.0.TestZahl" style="position:absolute;left:40px;top:57px;"></webui-test-circle2>
<input bind-prop:value="=0_userdata.0.TestZahl" style="position:absolute;left:140px;top:115px;">
<webui-test-circle bind-prop:percent="0_userdata.0.TestZahl2" style="position:absolute;left:301px;top:296px;width:173px;height:147px;"></webui-test-circle>
<input bind-prop:value="=0_userdata.0.TestZahl2" style="position:absolute;left:101px;top:350px;">

Designer:

Preview:

Runtime:

Runtime nach Änderung im Inputfeld

Demnach gibt es nur zwei Möglichkeiten:

1. Ich bin zu blöd, das richtig zu machen.
2. Du hast noch eine Änderung, die ich vom Beispielserver nicht habe.

[jogibear9988]

@kamikaze

gehts auf dem beispielserver bei dir?
wenn ja, dann liegt es iwo an deinem code...

dann vergleich doch mal das html, den javascript, .... des views und der componente z.b. hier: https://www.maxai.co/text-tools/text-compare/?ref=googleads&gad_source=1&gclid=Cj0KCQiAqL28BhCrARIsACYJvkdVj3jJMWNPh2w2u0IiEsHxQd0-SsqJC_StPIJH3w0AJ29LQzc_GL4aAkiYEALw_wcB

[jogibear9988]

@kamikaze

hast du auch die gleiche version von webui?

[Kamikaze]

@jogibear9988 Den Vergleich habe ich durchgeführt. Bis auf die Bindings unterscheiden sich die Elemente nicht.
Im iobroker/Adapter wird mir Version 1.25.0 angezeigt, im Designer 1.24.1

[Kamikaze]

@kamikaze Bin jetzt einige Stunden offline.
Gruß

[jogibear9988]

@kamikaze

dann versuch mal ein full reload vom browser.
ich hab das ja erst in 1.25 gefixt