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

[Smilie108]

@blockmove
Sorry hab bei dem wiki vom two-way geleich noch das hinzugefügt das wenn der typ ausgewählt wird nur der zahlenwert übertragen wird. Denke das gehört da dazu und wusste nicht ob du das mitbekommen hattest.

[Blockmove]

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

@blockmove
Sorry hab bei dem wiki vom two-way geleich noch das hinzugefügt das wenn der typ ausgewählt wird nur der zahlenwert übertragen wird. Denke das gehört da dazu und wusste nicht ob du das mitbekommen hattest.

Hab es nicht mitbekommen, ist aber ok.
Ich bin gestern beim Erstellen von Screenshots für das Wiki eben auf die Probleme mit 1.0.22 gestoßen und hab daher nicht weitergemacht. Das Schöne an einem Wiki ist ja, dass mehrere daran arbeiten können.
Doku Schreiben ist nun wirklich nicht meine Lieblingstätigkeit, aber webui bietet soviel Möglichkeiten, die sich einem Einsteiger überhaupt nicht erschließen. Gerade auch im Vergleich zu vis und vis 2. Also muß halt eine Doku her.

[jogibear9988]

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

@blockmove
Sorry hab bei dem wiki vom two-way geleich noch das hinzugefügt das wenn der typ ausgewählt wird nur der zahlenwert übertragen wird. Denke das gehört da dazu und wusste nicht ob du das mitbekommen hattest.

Es wird nicht einfach der Zahlenwert übertragen, es wird das als Zahl geparst was Ihr eingebt.

Dh. wenn du im Binding folgende Formel hast:

   __0 + 'abcd' 

und im textfeld steht nach der eingabe

   99abcd

dann kann er das als Zahl Parsen.

Wenn du aber im Binding stehen hast

 'abcd' + __0

und im textfeld steht

abcd99

kann er es eben nicht parsen, da brauche ich dann eine formula2way was z.b. abcd entfernt, bspw:

  value.replaceAll('abcd', '')

ober man muss z.B. beim eingeben im textfeld immer alles überschreiben.

[Blockmove]

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

Es wird nicht einfach der Zahlenwert übertragen, es wird das als Zahl geparst was Ihr eingebt.

Ein paar Fragen zum genaueren Verständnis:

Das Parsen ist immer abhängig vom Type den ich im Binding angebe, oder?
Gibt es dann einen Unterschied zwischen "ignore" und "string"?
Braucht man überhaupt "ignore"?
Welche Werte gelten bei Bool? "0", "1", "true", "false"?

[jogibear9988]

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

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

Es wird nicht einfach der Zahlenwert übertragen, es wird das als Zahl geparst was Ihr eingebt.

Ein paar Fragen zum genaueren Verständnis:

Das Parsen ist immer abhängig vom Type den ich im Binding angebe, oder?

=> ja, hier ist der code:
https://github.com/iobroker-community-adapters/ioBroker.webui/blob/5887ea55963172f0c931d5161767e19a32149fd1/src/frontend/helper/IobrokerWebuiBindingsHelper.ts#L544

Gibt es dann einen Unterschied zwischen "ignore" und "string"?

=> ja, sonst schreibst du vlt einen "number" oder "bool" in einen string

Braucht man überhaupt "ignore"?

=> meist braucht man ja den typ nicht, dann einfach ignore lassen

Welche Werte gelten bei Bool? "0", "1", "true", "false"?

=> bei bool mache ich das:

return value === true || value === 'true' || !!parseInt(<any>value);

d.h. jede zahl größer null und der text "true". Vlt sollte ich noch toLowercase einbauen, das "TRUE" auch geht

[Blockmove]

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

d.h. jede zahl größer null und der text "true". Vlt sollte ich noch toLowercase einbauen, das "TRUE" auch geht

Vielen Dank Jochen

Ein toLowercase bei true / false schadet generell nicht.
Persönlich würde ich nicht nur auf "true" prüfen, sondern auch auf "false".

VG
Dieter

[jogibear9988]

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

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

d.h. jede zahl größer null und der text "true". Vlt sollte ich noch toLowercase einbauen, das "TRUE" auch geht

Vielen Dank Jochen

Ein toLowercase bei true / false schadet generell nicht.
Persönlich würde ich nicht nur auf "true" prüfen, sondern auch auf "false".

VG
Dieter

warum auch auf false prüfen? alles was nicht true ist, ist ja false.

[Blockmove]

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

warum auch auf false prüfen? alles was nicht true ist, ist ja false.

Ich würd sagen was nicht true ist, ist false oder undefined.

[jogibear9988]

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

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

warum auch auf false prüfen? alles was nicht true ist, ist ja false.

Ich würd sagen was nicht true ist, ist false oder undefined.

so ists doch, was nicht true ist false

[Smilie108]

@jogibear9988
kannst du bitte mal schauen am testserver unter smilie108 hab ich dir einen screen reingeladen
Der schaut im editor und im split anders aus als dann im preview/live
bin aber noch nicht dahitergekommen warum
ist das irgendein bug ?
Passiert ist das ganze als ich die eg wc temperatur kopiert und quasi die og bad temperatur hinzugefügt habe

[jogibear9988]

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

@jogibear9988
kannst du bitte mal schauen am testserver unter smilie108 hab ich dir einen screen reingeladen
Der schaut im editor und im split anders aus als dann im preview/live
bin aber noch nicht dahitergekommen warum
ist das irgendein bug ?
Passiert ist das ganze als ich die eg wc temperatur kopiert und quasi die og bad temperatur hinzugefügt habe

1.) Wenn ich dein screen im quelltext sehe, ich sollte dringend eine rundung für pixel werte einbauen. Nutzt du einen MAC mit touchpad?
2.) Das Element mit dem Inhalt "EG WC Temperatur" gibt es z.B. 3 mal
3.) du hast "SPAN" elemente direkt in SVGs und "RECT" elemente außerhalb von SVGs. Das darf nicht sein. Der Designer nutzt einen anderen HTML Parser (einen eigenen) um manche Informationen nicht zu verlieren. Das macht mit diesen Fehlern aber wohl einen Unterschied.

[Smilie108]

@jogibear9988
nope einen acer mag apple nicht
zu 2 das muss ich schauen ist mir nicht aufgefallen
mhm habe das nur per drag and drop gezeichnet ok muss ich auch schauen
Danke für die info werd das mal überarbeiten im code
das mit den rundungen wäre sicher nicht schlecht

[jogibear9988]

@smilie108

wie hast du das denn so zusammenkopiert? Das ist völlig vermurkstes HTML

[jogibear9988]

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

@jogibear9988
nope einen acer mag apple nicht
zu 2 das muss ich schauen ist mir nicht aufgefallen
mhm habe das nur per drag and drop gezeichnet ok muss ich auch schauen
Danke für die info werd das mal überarbeiten im code

okay, musst mir sagen was genau machst, das sollte nicht passieren, kann schon sein das da noch was falsch ist

[Smilie108]

@jogibear9988
einfach fenster aufziehen und strg-c und strg-v im desinger
dann das ganze nehmen mit maus und verschieben

[jogibear9988]

Die Zeichenfunktionen sind sicher noch am unstabilsten, die nutze Ich so gut wie nie

[Smilie108]

@jogibear9988
so ganz klein ist das Projekt jetzt nicht mehr habe inzwischen 19 screens plus ein paar popups

[jogibear9988]

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

@jogibear9988
so ganz klein ist das Projekt jetzt nicht mehr habe inzwischen 19 screens plus ein paar popups

schau mal rein, wenn man die spans in den svgs und die rects außerhalb entfernt siehts gut aus

[jogibear9988]

Ihr müsst ab und an mal den Quelltext kontrollieren.
Da könnte schon noch der ein oder andere Bug sein. Und wenn man es nachstellen kann, wenn wie etwas kaputt geht, dann kann ich es fixen. So im Nachhinein ist das so gut wie nicht rauszufinden.

[Smilie108]

@jogibear9988
grad geschaut
ja sieht gut aus aber zb ganz unten im code das habe ich schon öfter bemerkt gibt es das rec jetzt zb 8x ( zeile 297)