Hqwidgets window and shutter

[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

[Jensen]

Nein, logo habe ich nicht, bei mir soll das mal an eine Wago dran.

Allerdings ist alles bis jetzt Geschilderte ohne jegliche Anbindung, also nur Datenpunkte, die sonst niemand befüttert.

Das Verhalten sieht bei Chrome von allen Browsern am besten aus, allerdings gibt's da auch Probleme, wenn man mehrmals hoch- und runterfährt.

Ich hab' mal meinen TestView angehangen, vielleicht hat jemand Lust zu probieren. Es sind 3 Datenpunkte notwendig.

Welche MIN/MAX Werte benutzt Du?
3624_testview.txt
3624_datenpunkte.png

[Homoran]

@Jensen:

Welche MIN/MAX Werte benutzt Du? `
0 und 100;

ich habe HM-Aktoren, die senden sowieso erst in der neuen Endlage ihre Position

Gruß

Rainer

[Jensen]

Auch mit 0-100 habe ich die Probleme in Firefox.

Die Diskussion um die Browser möchte ich eigentlich nicht erst anfangen, aber man kommt wohl nicht drum rum.

Jahrelang bin ich mit dem IE ausgekommen, seit einiger Zeit versuche ich den Umstieg auf Firefox, nun soll es wieder Chrome sein, die Apfel-Geräte haben Safari als Default, für die Android Wandtablets braucht man wieder einen speziellen Browser wegen Kiosk-Modus und so. :roll:

Edge ist ja dann auch noch mit im Spiel …

[XxJooO]

Hallo,

hat jemand das Problem lösen können? Ich erstelle mir gerade eine vis und verwende das gleiche Widget. Zum Steuern der Rollläden verwende ich Sonoff Touch T2. Ich habe je Rollo ein Script, das für den Rolladen in Abhängigkeit von der aktuellen Position für oben 0 und unten den Wert 100 liefert. Die Variable, auf die "Object ID in Arbeit" verweist, ändert ihren Wert mit der Fahrt des Rollos exakt. Animiert wird aber gar nichts. Wenn ich im vis den Rolladen anklicke und ziehe wird im angezeigten Widget zumindest die richtige Höhe graphisch dargestellt. Wenn ich allerdings den Schalter an der Wand betätige, dann bleibt das Rollo im Widget stehen obwohl sich der Inhalt der Variable "Object ID in Arbeit" korrekt ändert.

Es zeigt das gleiche Verhalten in Chrome und FF.

Gibt es eine funktionierende Alternative zu dem Widget?