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

[Feuersturm]

In der Doku von ioBroker gibt es hier https://www.iobroker.net/#de/documentation?visualisierung eine Kurzvorstellung der einzelnen Visualisierungen. Wenn du @jogibear9988 / ihr mir einen Text zur Vorstellung von "webui" zur Verfügung stellt und am besten auch noch 1-2 schöne Screenshots dann baue ich es in die Doku gerne mit ein.

[jogibear9988]

@worlik

Bin gearde am überlgen wie ich das einbauen würde. Dabei hab ich mir nochmals gedanken über die expressions gemacht.

Wie findet ihr das besser, die signale durchbenenen __0, __1 usw.
oder wie bei vis/vis2
name:signalname, d.h. man schreibt oben bei dem signal einen namen davor, und kann dann diesen in den expressions verwenden.
was findet ihr besser?

[Worlik]

@jogibear9988 Typisch in so einer Situation ist meistens, dass beides gut wäre. Sprich ein Indexbasierter Zugriff geht immer, unabhängig davon, ob ein Name vergeben wurde. Wenn man die Signale noch benennen könnte, wäre das natürlich Premium für die Verarbeitung vieler Signale auf einmal. Vielleicht könntest du mal schauen, ob es möglich ist die Zeichenkette für alle Variablen überall gleich zu implementieren. Im Text ist das ja glaube ich irgendwas mit [[?signalName]] wenn ich nicht irre. Ich verstehe natürlich, dass du beim Binding eher außerhalb eines Textes bist und bei dem anderen das Problem hast den Signalnamen innerhalb des Textes zu finden.

[jogibear9988]

@worlik

problem ist gerade, mir gefällt das mit __0, __1 nicht wirklich, finde das mit dem namen eig. schöner.
Das man Expressions nutzt ist eh der seltenere fall in bindings (denke ich), und dann kann man schon Namen vergeben.
Beides supporten will ich eig. nicht.

Wenn ich das umstelle würde ich aber eh automatisiert, __0:, __1: vor die variablennamen setzen wo es schon benutzt ist

Ich frage mich auch noch wie ich die syntax mit dem converter mache...

[jogibear9988]

Updatet unbedingt auf die 0.19.1, hab heute einiges mit den Bindings gefixt, also das diese beim schließen eines screens auch wieder aufgräumt werden. Genauso wie die historischen, die sind im Hintergrund immer weiter gelaufen. Jetzt lädt nix mehr wenn ein screen oder control entladen wird.

[jogibear9988]

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

https://www.iobroker.net/#de/documentation?visualisierung

Soll ich ein text schreiben und du fügst den dann ein? Oder soll ich ein pull request auf ne markdown Seite erstellen? (Wenn ja, wo liegt die )

[Feuersturm]

@jogibear9988 Wenn du auf der Doku Seite ganz runterscrollst gibt es einen Link, welcher auf die jeweilige github Seite verlinkt wo du den PR gegen stellen kannst

Alternativ schicke mir den Text und ich füge ihn ein.

[Smilie108]

@wal
Hi hast du da was gefunden wegen min max werten ?
Ich glaub ich steh da auch auf dem Schlauch.
Die Visu gefällt mir aber es ist momentan noch für mich sehr aufwendig zu suchen wo was geht bzw. wo was zum einstellen ist.

[Smilie108]

@wal
Hi hast du da was gefunden wegen min max werten ?
Ich glaub ich steh da auch auf dem Schlauch.
Die Visu gefällt mir aber es ist momentan noch für mich sehr aufwendig zu suchen wo was geht bzw. wo was zum einstellen ist.

Update: Einstellungen gefunden die muss man erst anlegen.
@jogibear9988
gibt es eine möglichkeit beim binding auch einen wert zu runden?
habe es mit math round fixto probiert aber bekomme es nicht hin. Eventuell geb ich es auch am falschen ort ein ??
Da ich immer alle werte möglichst nur einmal in ne variabel schreibe will ich eigentliche eine grötmögliche auflösung bereitstellen allerdings ist das dann wieder für die Visu hinderlich. Bei der vis konnte man einfach angeben wieviel kommastellen man will.

Danke für eine info im voraus
Smilie108

[Worlik]

@smilie108 Bei formula muss für das Binding einfach das hier eingetragen werden:

~~__0

Das rundet dir den Wert aus dem Binding. Die beiden ~~ sind dabei so üblich in JavaScript.

[Smilie108]

@worlik
Danke aber dann rundet er auf eine ganze zahl unzwar noch dazu rundet er ab.
Hätte gerne auf 2 kommastellen gerundet gehabt.
Update: mit Math.round(__0 * 100) / 100 in der formula gehts
und speichern sollte man nicht vergessen
Gibt es dazu eigentich irgendwo infos wo man nachschauen kann ?

Danke im voraus

[jogibear9988]

@smilie108

in formula könnt ihr einfach javascript eingeben. wenn du dort statt

  Math.round(__0 * 100) / 100

nun

 debugger; return Math.round(__0 * 100) / 100;

eingibst, kannst den code sogar debuggen

[Smilie108]

@jogibear9988
Noch eine Frage
Kann man im style zb auch auf objekte zugreifen wie zb.
stroke-dashoffset: -{v:0_userdata.0.Wärmepumpe.Istwerte.Umwälzpumpe_Soll_%;v >= 10 ? 20 : 0};
gibt es dazu einen syntax habe hier ein paar animierte lienen zb. die in abhängigkeit vom wert laufen.

für zb so eine animation

Danke für eine kurze info
Mfg Smilie108

[Wal]

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

Update: Einstellungen gefunden die muss man erst anlegen.

Wo ?
Ich versuche seit Stunden eine node-projects-css-gauge mein 8300l Zisternen Max ohne Erfolg aufzuzwingen.

[jogibear9988]

@wal

bei der css gauge gibts kein min/max. da ist min=0 und max=100. du kannst ja aber einfach deinen wert umrechnen im binding

[jogibear9988]

@smilie108

schau in meiner beispiel visu: http://129.159.205.3:8082/webui/index.html
im screen dashOffset.

gibts gerade noch ein paar probleme in der ui:
1.) dashoffset war nicht in der property liste
2.) wenn man sie unter "styles" angelegt hat, und ein binding erzeugt hat, hat er ein binding auf eine property und nicht auf css erzeugt.

Die 2 dinge fixe ich. Aber nutzen kann man es trotzdem schon

[jogibear9988]

neue version ist gepusht.
damit solltest du im "styles" view die css properties binden können. Und bei svg's sollte dashoffset in der liste sein

[jogibear9988]

@smilie108

wenn du so einen view fertig hast, wäre es cool wenn du ihn in das beispiel system einbinden würdest

[Smilie108]

@jogibear9988
sorry das is noch vis-2 aber wollte eben versuchen das so ähnlich in ui zu machen der es gewisse vorteile hätte Wenn ich soweit bin dann gerne derzeit

@Wal
Da must du zb scale-start usw selbst anlegen die sind nicht drin wenn den reinziehst
zb infos zu dieser Gauge https://github.com/smontanus/dial-gauge

[jogibear9988]

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

zb infos zu dieser Gauge https://github.com/smontanus/dial-gauge

i've added a bug report there: https://github.com/smontanus/dial-gauge/issues/1

jogibear9988 created this issue in smontanus/dial-gauge

closed Small issues using it in a designer #1