Hqwidgets window and shutter

[Jensen]

Hallo,

ich habe Probleme mit dem genannten widget und auch eine Frage dazu.

Problem:

In der vis drücke ich auf den Button Öffnen (ganz oben), der Datenpunkt wird richtig gesetzt, aber die Visualisierung des Rollos springt auf einen Wert zwischen 50-100. Nach einem Reload (F5) im Browser ist alles ok, Rollo offen.

Im entgegengesetzten Fall, Rollo runter, also auf 0, kann ich keine Probleme feststellen.

Frage:

Kann man die Geschwindigkeit der Animation des Rollos beeinflussen?

Danke und Gruß

Jens

[Vumer]

kann ich bestätigen, der Widget läuft nicht rund.

Sagen wir Oben-Auf-0; Unten-Zu-100

Im IE fast immer gar keine Visualisierung, wartet bis der Wert 100 ist und dann springt er nach unten. Und umgekehrt wartet er bis der Wert 0 ist und dann springt er nach oben.

Im Chrome ist das Verhalten ähnlich.

Im Firefox und Fully Kiosk Browser im Bereich zwischen 60 und 100 springt er imme zwische 100 und aktuelen Wert.

Schöne Grüße

p.S. kann mir jemand zeigen wie ich einen Beispiel gif erstelle?

Etwa so einen http://forum.iobroker.net/viewtopic.php?p=82911#p82911

[Vumer]

das meine ich

[Jensen]

So siehts bei mir auch aus.

[Bluefox]

@Jensen:

So siehts bei mir auch aus. `
Das ist natürlich komisch, aber wie sehen die Daten aus?

Wo ist die Garantie, dass Widget tatsächlich nicht 40 50 30 60 20 70 30 nicht bekommt?

[Jensen]

Bei mir steht das widget auf invers und das Flattern passiert nur in der unteren Hälfte. Müsste also 0 10 0 20 0 30 0 40 … bekommen. In der Visu der Wago (SPS) wird aber sauber hochgezählt, soweit ich das sehen kann.

[Homoran]

Dann logge doch mal die Datenpunkte

[Jensen]

Wird kommende Woche sofort gemacht. (bin momentan im Urlaub)

[Vumer]

@Bluefox:

Wo ist die Garantie, dass Widget tatsächlich nicht 40 50 30 60 20 70 30 nicht bekommt? `

Und das wie ich oben beschrieben habe auf 3 verschiedene PC's und vier Tablets.

Ach ja, der Zähler auf der Logo läuft flussig 0-100% in 1% Schritt aber kommt über Netzwerk an ioBroker in 2-4% Schritten an. Könnte das die Ursache sein?

Schöne Grüße

[Homoran]

Auch für dich:

loggst du diese Daten mal bitte (zeitweise).

Dann sieht man was bei iobroker ankommt.

Gruß

Rainer

[Vumer]

mit verdammt viel Abenteuer, fast ioBroker zerschossen, habe ich was

! ````
[
{
"val": 5,
"ack": 1,
"ts": 1516739825293,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 9,
"ack": 1,
"ts": 1516739826304,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 13,
"ack": 1,
"ts": 1516739827314,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 18,
"ack": 1,
"ts": 1516739828325,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 22,
"ack": 1,
"ts": 1516739829334,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 26,
"ack": 1,
"ts": 1516739830346,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 30,
"ack": 1,
"ts": 1516739831357,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 34,
"ack": 1,
"ts": 1516739832366,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 42,
"ack": 1,
"ts": 1516739834390,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 46,
"ack": 1,
"ts": 1516739835401,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 54,
"ack": 1,
"ts": 1516739837423,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 58,
"ack": 1,
"ts": 1516739838434,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 62,
"ack": 1,
"ts": 1516739839484,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 74,
"ack": 1,
"ts": 1516739842479,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 78,
"ack": 1,
"ts": 1516739843490,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 82,
"ack": 1,
"ts": 1516739844509,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 90,
"ack": 1,
"ts": 1516739846530,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 94,
"ack": 1,
"ts": 1516739847541,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 98,
"ack": 1,
"ts": 1516739848552,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 100,
"ack": 1,
"ts": 1516739849571,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 99,
"ack": 1,
"ts": 1516739855654,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 91,
"ack": 1,
"ts": 1516739857670,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 86,
"ack": 1,
"ts": 1516739858682,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 82,
"ack": 1,
"ts": 1516739859693,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 74,
"ack": 1,
"ts": 1516739861716,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 70,
"ack": 1,
"ts": 1516739862728,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 62,
"ack": 1,
"ts": 1516739864753,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 50,
"ack": 1,
"ts": 1516739867783,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 42,
"ack": 1,
"ts": 1516739869807,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 34,
"ack": 1,
"ts": 1516739871827,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 30,
"ack": 1,
"ts": 1516739872839,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 26,
"ack": 1,
"ts": 1516739873850,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 18,
"ack": 1,
"ts": 1516739875874,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 14,
"ack": 1,
"ts": 1516739876885,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 10,
"ack": 1,
"ts": 1516739877896,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 6,
"ack": 1,
"ts": 1516739878906,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 2,
"ack": 1,
"ts": 1516739879918,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 0,
"ack": 1,
"ts": 1516739881064,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 6,
"ack": 1,
"ts": 1516740153913,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 10,
"ack": 1,
"ts": 1516740154925,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 14,
"ack": 1,
"ts": 1516740155937,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 22,
"ack": 1,
"ts": 1516740157962,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 26,
"ack": 1,
"ts": 1516740158973,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 30,
"ack": 1,
"ts": 1516740159981,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 35,
"ack": 1,
"ts": 1516740160997,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 39,
"ack": 1,
"ts": 1516740162007,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 47,
"ack": 1,
"ts": 1516740164027,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 51,
"ack": 1,
"ts": 1516740165039,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 63,
"ack": 1,
"ts": 1516740168072,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 71,
"ack": 1,
"ts": 1516740170097,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 79,
"ack": 1,
"ts": 1516740172121,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 83,
"ack": 1,
"ts": 1516740173142,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 87,
"ack": 1,
"ts": 1516740174153,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 91,
"ack": 1,
"ts": 1516740175164,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 95,
"ack": 1,
"ts": 1516740176176,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 99,
"ack": 1,
"ts": 1516740177186,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 100,
"ack": 1,
"ts": 1516740178209,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 96,
"ack": 1,
"ts": 1516740184274,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 92,
"ack": 1,
"ts": 1516740185277,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 88,
"ack": 1,
"ts": 1516740186286,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 84,
"ack": 1,
"ts": 1516740187298,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 76,
"ack": 1,
"ts": 1516740189324,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 72,
"ack": 1,
"ts": 1516740190335,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 68,
"ack": 1,
"ts": 1516740191346,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 64,
"ack": 1,
"ts": 1516740192362,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 56,
"ack": 1,
"ts": 1516740194388,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 48,
"ack": 1,
"ts": 1516740196410,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 39,
"ack": 1,
"ts": 1516740198437,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 31,
"ack": 1,
"ts": 1516740200459,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 23,
"ack": 1,
"ts": 1516740202481,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 19,
"ack": 1,
"ts": 1516740203491,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 15,
"ack": 1,
"ts": 1516740204510,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 7,
"ack": 1,
"ts": 1516740206529,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 3,
"ack": 1,
"ts": 1516740207535,
"q": 0,
"from": "system.adapter.s7.0"
},
{
"val": 0,
"ack": 1,
"ts": 1516740208564,
"q": 0,
"from": "system.adapter.s7.0"
}
]

hoffe das ich alles richtig gemacht habe

Schöne Grüße

[Bluefox]

Habe deine Logs übersetzt:

! ````
21:37:05: 5
21:37:06: 9
21:37:07: 13
21:37:08: 18
21:37:09: 22
21:37:10: 26
21:37:11: 30
21:37:12: 34
21:37:14: 42
21:37:15: 46
21:37:17: 54
21:37:18: 58
21:37:19: 62
21:37:22: 74
21:37:23: 78
21:37:24: 82
21:37:26: 90
21:37:27: 94
21:37:28: 98
21:37:29: 100
! 21:37:35: 99
21:37:37: 91
21:37:38: 86
21:37:39: 82
21:37:41: 74
21:37:42: 70
21:37:44: 62
21:37:47: 50
21:37:49: 42
21:37:51: 34
21:37:52: 30
21:37:53: 26
21:37:55: 18
21:37:56: 14
21:37:57: 10
21:37:58: 6
21:37:59: 2
21:38:01: 0
! 21:42:33: 6
21:42:34: 10
21:42:35: 14
21:42:37: 22
21:42:38: 26
21:42:39: 30
21:42:40: 35
21:42:42: 39
21:42:44: 47
21:42:45: 51
21:42:48: 63
21:42:50: 71
21:42:52: 79
21:42:53: 83
21:42:54: 87
21:42:55: 91
21:42:56: 95
21:42:57: 99
21:42:58: 100
! 21:43:04: 96
21:43:05: 92
21:43:06: 88
21:43:07: 84
21:43:09: 76
21:43:10: 72
21:43:11: 68
21:43:12: 64
21:43:14: 56
21:43:16: 48
21:43:18: 39
21:43:20: 31
21:43:22: 23
21:43:23: 19
21:43:24: 15
21:43:26: 7
21:43:27: 3
21:43:28: 0

Und alles sieht sauber aus.

[Bluefox]

Kann das noch jemand reproduzieren?

[Bluefox]

Und falls man "animation" deaktiviert?
48_2018-01-23_23_18_39-edit_vis.png

[Vumer]

@Bluefox:

Und falls man "animation" deaktiviert? `
Im Firefox sieht die Animation jetzt flüssig aus, nur bei 0% fallen sie auf die hälfte runter.

Das ist der IE

Und im Fully Kiosk sieht das fast genau so aus wie im IE.

Es spielt auch ne Rolle wo sich die Rollläden werend "Alle Runtimes neu laden" befinden.

Komisch, bei meinem Bruder, auch LOGO und auch Raspberry Pi 2 B, das gleiche Phänomen.

Würde gerne mit einem Skript testen, der mir von 0 bis 100 in 1 Schrit zählt nach 100 kurze Pause danach wieder runter, kurze Pause und wieder hoch.

Hilft mir jemand bitte mit dem Skript?

Schöne Grüße

[Vumer]

Und wenn ich diesem Skript nutze http://forum.iobroker.net/viewtopic.php … 94#p109894 ändert sich auch nichts

[Jensen]

Wenn die Visualisierung geladen wird, und der Wert des Shutter-Widgets auf 0 steht, dann funktioniert die Visualisierung wie erwartet. Ist der Wert beim Laden ungleich 0, kann man zwar über das Widget den Wert 0 setzen, aber die Darstellung des Rollos springt, anscheinend auf den Initialisierungswert.

Was kann man da tun?

Wie kann man ein solches Widget debuggen?

Gruß Jens

[Jensen]

Weitere Versuche :

Die Abhängigkeit vom Wert beim Laden der Seite konnte sowohl in Firefox als auch im IE beobachtet werden. Chrome zeigt dieses Problem auch, allerdings nicht so deutlich (weniger), Edge kann die Seite gar nicht darstellen.

Ein weiteres Problem im IE zeigt sich, wenn MIN/MAX z.Bsp. 0-255 konfiguriert sind. Die Umrechnung auf 0-100% für die Darstellung funktioniert nicht.

Ich habe versucht, das in einem Video festzuhalten.

Links:Firefox, Mitte:Chrome, Rechts:IE

Mist, jetzt kann ich keine mp4 Datei hier anhängen. Dann vielleicht als Downloadlink :

http://www.jnitzewb.de/iobroker/WindowAndShutter.mp4

Der Test unter Safari auf dem IPad zeigt ähnliche Unzuverlässigkeiten, meistens geht's, aber manchmal passt die Visualisierung des Rollos nicht zum Wert.

Ich würde dieses Widget so gerne einsetzen, weil's optisch schick ist und alles in einem anzeigt (Anforderung für Raffstores habe ich in GitHub erstellt), aber diese zeitweisen Aussetzer und Unstimmigkeiten müßten einfach noch raus.

Welche anderen Varianten für Rollos und Raffstores gibt es? Kann jemand Alternativen oder gut laufende Installationen erläutern?

Danke und Gruß

Jens

[Jensen]

Und noch was : Wenn das Fenster geöffnet ist, kann man die Anzeige mit dem Wert in % nicht mehr ablesen. Auch wenn das Fenster geschlossen wird, erfolgt kein Redraw für den Wert, erst wenn er sich ändert.
3624_ws_value.png

[Homoran]

IE und Safari sind keine Referenz.

Mit Chrome sollte es klappen.

Ich habe damit keine Probleme, allerdings arbeite Ich auch nicht mit Äpfeln.

Edit:

Ich sehe gerade dass es um eine logo Adaption geht, die hab ich natürlich nicht

Gruß Rainer