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

[jogibear9988]

@smilie108

gar nicht...

die simple scripts können nicht auf werte aus events verweisen. Das kann ich noch bauen, gibt es aber im Moment nicht. Wenn dann musst blockly oder javascript verwenden.

Warum bindest du aber nicht die value property des selects direkt an ein Objekt? Ah du willst eine property eines custom controls setzen?

Mach mir mal bitte einen issue für das feature, sonst vergesse ich das.

Ich kann mir das nach meinem Urlaub anschauen, bin am 3ten wieder zuhause,

[Blockmove]

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

<select bind-prop:value='{"signal":"?valSelect","twoWay":true}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
<option value="0">Keine</option>
<option value="1">1 sec</option>
<option value="10">10 sec</option>
<option value="60">60 sec</option>
<option value="300">300 sec</option>
</select>

Probier es mal so. Wie Jochen schon schrieb, nimm einfach ein twoWay-Binding.
Die option value werden wahrscheinlich als String übertragen

[Worlik]

@blockmove Das ist alles nicht so ganz eindeutig mit den Bindings. Bei mir funktionierte das immer am einfachsten, wenn man es im grafischen Editor auf die value-Property zieht. Also einfach das Objekt aus dem ioBroker Objektbaum. Er fügt dann ein Binding-Shortcut mit = am Anfang ein und dann funktioniert es einfach. Manuell habe ich das noch nicht hinbekommen (außer ich tippe den generierten Code ab).

[Blockmove]

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

@blockmove Das ist alles nicht so ganz eindeutig mit den Bindings. Bei mir funktionierte das immer am einfachsten, wenn man es im grafischen Editor auf die value-Property zieht. Also einfach das Objekt aus dem ioBroker Objektbaum. Er fügt dann ein Binding-Shortcut mit = am Anfang ein und dann funktioniert es einfach. Manuell habe ich das noch nicht hinbekommen (außer ich tippe den generierten Code ab).

In dem Fall geht es um ein Custom Control.
Ich mach es eigentlich immer mit Rechtsclick auf das Quadrat beim Value und dann eben Edit Binding.
Bei webui gibt es eben mehrere Wege.

[Smilie108]

@Blockmove
Wenn ich das von dir genannte übernehme wie kann ich dann den wert in eine control.prop varible schreiben da es ja als costom control öfter aufgerufen wird. Kann ich keine fixen zuweisungen machen.
Gruß tom

[Blockmove]

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

@Blockmove
Wenn ich das von dir genannte übernehme wie kann ich dann den wert in eine control.prop varible schreiben da es ja als costom control öfter aufgerufen wird. Kann ich keine fixen zuweisungen machen.
Gruß tom

???
Irgendwie weiß ich nicht genaue, was du meinst.
Die Binding funktioniert doch genauso im Custom Control wie im Screen. Nur der Syntax ist halt anders.

[Smilie108]

@blockmove Ich glaube dann steh ich auf dem schlauch Sorry

Beim Boutton geht das ja so
<button @click='{"commands":[{"type":"SetSignalValue","signal":{"name":"timerangeselector","source":"property"},"value":"month"}]}' style="width:80px;height:30px;position:absolute;left:163px;top:31px;">Monat</button>

Die controll.prop variabel lautet intervall.
wenn ich nun das select auf die variable intervall legen weis ich aber nicht wie ich das value des select dorthin bekomme.

[Smilie108]

alles erledigt manchesmal sieht man den wald nicht vor lauter bäumen und in diesem fall viel zu kompliziert gedacht

[jogibear9988]

Sorry, hab gerade festegestellt, das ich in CustomControls 2-way bindings nicht auf die CustomControl Properties unterstütze. D.h. wenn ihr z.b. den value eines selct auf eine customProperty des CustomControls bindet, geht das nur in eine richtung von customcontrol-Property -> zum select. Andersrum nicht... Hab ich vergessen...

Kommt ende die woche...

[jogibear9988]

Hab auch noch gesehen, das einige auf dem Testserver rumspielen und dort views etc anlegen. Das ist auch schön und gut, nur schlecht ist es, wenn alle Beispiele die ich gemacht habe gelöscht werden....
(wie z.B. das Beispiel mit den Chart Controls)

Muss mal schauen wie ich das ändern kann, hätte schon gerne das man dort ein paar Sachen auch stehen lassen kann. Wir brauchen wohl doch noch ne Userverwaltung und Berechtigungen innerhalb von webUi

[Smilie108]

@jogibear9988
komisch also der select geht mit dem binding ?intervall und mit two way event:change durch zumindest bei mir
wenn ich die variabel in den objekten ändere andert sich auch der select auf der visu
also geht es in beide richtungen
Mfg

[jogibear9988]

@smilie108

?interval bindet an ein ioBroker Objekt welches du an die Property interval hängst, das geht.
??interval bindet den Wert direkt an die Property, das geht im Moment noch nicht. Brauchst du vlt. gerade nicht, aber geht halt auch nicht.
Das braucht man dann eher wenn man das Custom Control wieder in ein anderes CustomControl einbettet

[Smilie108]

@jogibear9988
Ja das war leider ich mein browser hatte die url gewechselt gehabt und ich habe mich schon gewundert warum nach der neuinstall die beispiele dabei warem

Hab ich weiter oben schon geschrieben . Tut mir leid war keine absicht.
Und ja userverwaltung wäre super weis aber nicht wie man das angehen sollte.
wäre für einstellwerte usw ganz toll damit zb die Frau nichts verstellen kann
nicht böse gemeint

Nochmal entschuldigung wegen dem löschen. bin zu spät draufgekommen

[jogibear9988]

@smilie108

Okay, dann weiß ich es wenigstens

Userverwaltung hab ich ja eh noch als Issue auf meiner Agenda.

Wie gesagt, bin gerade noch an einem Bundler dran, und dann will ich ein paar Sachen überarbeiten.

Will auch noch schauen ob ich die IOB interne Nutzerverwaltung nutzen kann, sieht aber im Moment nicht danach aus.

[Worlik]

Kann man eigentlich irgendwie Favicon und App-Icons festlegen? Komme ich irgendwie an die Header der Seite? Wenn man die runtime als App verwendet, sieht das noch nicht besonders Chic aus.

[Blockmove]

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

Sorry, hab gerade festegestellt, das ich in CustomControls 2-way bindings nicht auf die CustomControl Properties unterstütze. D.h. wenn ihr z.b. den value eines selct auf eine customProperty des CustomControls bindet, geht das nur in eine richtung von customcontrol-Property -> zum select. Andersrum nicht... Hab ich vergessen...

Kommt ende die woche...

???
Begreife ich gerade nicht. Ich hab hier ein Custom Control mit select und das funktioniert auch in beide Richtungen.

Screen:

<webui-select-value val-select="0_userdata.0.Test.stateString" style="position:absolute;left:9px;top:41px;"></webui-select-value>

Control:

<select bind-prop:value='{"signal":"?valSelect","twoWay":true}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
    <option value="0">Keine</option>
    <option value="1">1 sec</option>
    <option value="10">10 sec</option>
    <option value="60">60 sec</option>
    <option value="300">300 sec</option>
</select>

Oder meinst du was Anderes?

[jogibear9988]

@blockmove

nochmal, mit "?..." bindest du an ein signal welches in der property deines custom controls steht, mit "??..." bindest du direkt auf die property. Es muss in der property ja nicht immer ein iobroker signal stehen

[Blockmove]

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

@blockmove

nochmal, mit "?..." bindest du an ein signal welches in der property deines custom controls steht, mit "??..." bindest du direkt auf die property. Es muss in der property ja nicht immer ein iobroker signal stehen

Jetzt ist mir klar, was du gemeint hast. Den Unterschied zwischen ? und ?? kenne ich schon.

[Worlik]

Moin,

könnte jemand nachvollziehen, ob webui im surf-display läuft? Das Ding verwendet lightdm und zeigt einfach nur einen Browser mit einer vorkonfigurierten URL an. Bei mir funktionierte dort bisher immer VIS und ich habe auch https://golem.de getestet, welches auch angezeigt wird. Bei mir bleibt die Seite mit webui aktuell weiß, lediglich zwei Scrollbalken werden angezeigt. Ich wollte das nutzen, um die webui direkt auf einem am Raspberry PI angeschlossen Display anzuzeigen. Meine verwendete URL: http://192.168.1.6:8082/webui/runtime.html#screenName=start für die Konfiguration unter /etc/default/surf-display. Die Variable heißt DEFAULT_WWW_URI. Oder hätte Alternativ jemand eine Alternative zum surf-display, welches direkt unter Linux läuft?

@jogibear9988 Ich habe auch noch ein witziges Problem im Zusammenhang mit HomematicIP. Mir ist aber noch nicht klar, wo genau der Schuldige liegt: Setze via webui für eine HomematicIP Komponente einen Integerwert (über den hm-rpc Adapter), so wird die Zeichenkette in den Objektbaum IMMER als string übertragen. Ein Beispiel wäre ein Heizprofil, dafür habe ich ein Binding angelegt. Das Profil geht von 1-3. Wählt man nun in diesem Code (s.u.) hier in WebUI ein anderes Heizprofil aus, so gibt es danach ein Problem bei der Datenübertragung zu Homematic. Ändere ich den Wert einfach im Objektbaum von iobroker selbst oder via javascript (oder auch früher in VIS), so wird ein Integer übertragen und das Heizprofil kann gesetzt werden:

<select bind-prop:value='{"signal":"hm-rpc.0.000A9D898F7EC2.1.ACTIVE_PROFILE","twoWay":true,"type":"number"}' style="min-width:230px;">
  <option value="1">Aus</option>
  <option value="2">Standby</option>
  <option value="3">Heizen</option>
</select>

Man sieht für das Binding ist "number" definiert, am Ende landet der Wert aber als "string" im Objektbaum, der WebAdapter beschwert sich auch:

[jogibear9988]

@worlik

so wie ich das sehe, ist der surf browser einfach uralt ( https://en.wikipedia.org/wiki/Surf_(web_browser) ).
Und ich habe keine Polyfills für alle möglichen neuen Webstandards...

Eig. sollte wenn du type "number" hast, der wert vor dem schreiben in ein float gewandelt werden: https://github.com/iobroker-community-adapters/ioBroker.webui/blob/485a6edc234de8b80f72584dcccd1011dae21302/src/frontend/helper/IobrokerWebuiBindingsHelper.ts#L456
kommt er da rein? vlt kannst da ja mal ein haltepunkt setzen?