ioBroker / ioBroker.vis-2

Next generation visualisation for ioBroker platform.
Other
26 stars 3 forks source link

Selektion mehrerer Widgets lässt sich nicht verschieben #145

Open afuerhoff opened 6 months ago

afuerhoff commented 6 months ago

Describe the bug
Die Selektion mehrerer Widgets hat beim Verschieben ein eigenartiges Verhalten. Beim Verschieben sind Schattenbilder zu sehen und beim Ablegen hängt die Gruppe noch an der Maus bis zum nächsten Mausklick. Nach Aktualisierung mit F5 befinden sich die Widgets wieder an der Ursprungsstelle, obwohl gespeichert wurde. Dieses Verhalten ist nicht grundsätzlich zu beobachten. Manchmal funktioniert es auch korrekt.

https://github.com/ioBroker/ioBroker.vis-2/assets/50245893/d4feb658-1b40-43bf-90bc-b8ec965935c3

Versions:

foxriver76 commented 6 months ago

Da ich es nicht nachstellen kann, kannst du es bitte nochmal mit 2.4.0 probieren?

afuerhoff commented 6 months ago

In 2.4.0 das gleiche Problem wie im Video dargestellt.

afuerhoff commented 6 months ago

In 2.6.0 immer noch das Verhalten. Hab in der Google Console jetzt diese Meldung gesehen. Die tritt scheinbar nach dem Verhalten beim Verschieben auf. Nach Aktualisierung des Browsers sind die Meldungen wieder weg. image

foxriver76 commented 6 months ago

2.6.0 hat da nichts addressiert nur

(foxriver76) implemented select/unselect all buttons (foxriver76) fixed bindings not working

Ich werde nochmal probieren es nach zu stellen, bislang hatte ich keinen Erfolg. Im Zweifel kann ich nur sagen: Wenn du mir dein Projekt zu kommen lässt, lässt es sich vermutlich am ehesten nachstellen.

afuerhoff commented 6 months ago

2.6.0 war nur als Info für meinen Test gedacht. Hier mal die Seite, mit der ich das immer wieder nachstellen kann. Wenn man dann mit der Maus mehrere Objekte markiert und verschiebt kommt es zum Verhalten.

{ "name": "cardTest", "parentId": "610d0cbe-e850-4fe9-969c-6be0027b4bd1", "settings": { "style": {}, "columnWidth": 450, "order": [] }, "widgets": { "w001639": { "tpl": "tplVis-materialdesign-Button-Toggle-vertical", "data": { "oid": "hm-rpc.0.OEQ1255167.4.VALVE_STATE", "g_fixed": false, "g_visibility": false, "g_css_font_text": true, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "buttonStyle": "text", "toggleType": "value", "stateIfNotTrueValue": "on", "vibrateOnMobilDevices": "50", "iconPosition": "top", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "colorBgFalse": "", "colorBgTrue": "", "colorPress": "", "valueOff": "0", "valueOn": "", "pushButton": false, "image": "valve-closed", "imageColor": "grey", "iconHeight": "20", "imageTrue": "valve-open", "imageTrueColor": "grey", "g_label": true, "g_lock": false, "autoLockAfter": "10", "lockIconTop": "5", "lockIconLeft": "5", "lockFilterGrayscale": "30", "mdwButtonPrimaryColor": "#mdwTheme:vis-materialdesign.0.colors.button.vertical.primary", "mdwButtonSecondaryColor": "#mdwTheme:vis-materialdesign.0.colors.button.vertical.secondary", "lockIconColor": "#mdwTheme:vis-materialdesign.0.colors.button.lock_icon", "buttontext": "", "textFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.button.vertical.text", "textFontSize": "#mdwTheme:vis-materialdesign.0.fontSizes.button.vertical.text", "alignment": "center", "readOnly": true, "lockIconSize": 48, "bindings": [] }, "style": { "left": 221, "top": 109, "width": "24px", "height": "33px", "z-index": "3", "cursor": "default", "color": "", "bindings": [] }, "widgetSet": "materialdesign" }, "w001640": { "tpl": "tplVis-materialdesign-Button-Toggle-vertical", "data": { "oid": "hm-rpc.3.00109D898C3741.1.STATE", "g_fixed": true, "g_visibility": false, "g_css_font_text": true, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "buttonStyle": "text", "toggleType": "boolean", "stateIfNotTrueValue": "off", "vibrateOnMobilDevices": "50", "iconPosition": "top", "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "colorBgFalse": "green", "colorBgTrue": "red", "colorPress": "", "valueOff": "", "valueOn": "true", "pushButton": false, "image": "window-closed-variant", "imageColor": "grey", "iconHeight": "20", "imageTrue": "window-open-variant", "imageTrueColor": "orange", "g_label": true, "g_lock": false, "autoLockAfter": "10", "lockIconTop": "5", "lockIconLeft": "5", "lockFilterGrayscale": "30", "buttontext": "", "textFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.button.vertical.text", "textFontSize": "11", "alignment": "center", "mdwButtonPrimaryColor": "#mdwTheme:vis-materialdesign.0.colors.button.vertical.primary", "mdwButtonSecondaryColor": "#mdwTheme:vis-materialdesign.0.colors.button.vertical.secondary", "lockIconColor": "#mdwTheme:vis-materialdesign.0.colors.button.lock_icon", "readOnly": true, "name": null, "comment": null, "class": null, "filterkey": null, "multi-views": null, "locked": null, "labelColorFalse": "", "bindings": [] }, "style": { "left": 224, "top": 258, "width": "20px", "height": "20px", "z-index": "3", "cursor": "default", "color": "", "bindings": [] }, "widgetSet": "materialdesign" }, "w001641": { "tpl": "tplValueString", "data": { "oid": "javascript.0.hm-rpc.0.OEQ1252985.4.VALVE_STATE.ProzentThisDay", "g_fixed": false, "g_visibility": false, "g_css_font_text": true, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis.0/UI_Kit/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis.0/UI_Kit/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "html_prepend": "Ø ", "html_append": " %", "bindings": [] }, "style": { "left": 158, "top": 70, "width": "63.0625px", "height": "15.199999809265137px", "color": "grey", "font-size": "small", "text-align": "center", "cursor": "default", "z-index": "2", "bindings": [] }, "widgetSet": "basic" }, "w001642": { "tpl": "tplValueFloat", "data": { "oid": "hm-rpc.0.OEQ0699787.2.BOOST_STATE", "g_fixed": true, "g_visibility": true, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": false, "g_css_border": true, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": ">", "visibility-val": "0", "visibility-groups-action": "hide", "is_comma": "true", "factor": "1", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "html_append_singular": "", "html_prepend": " ", "html_append_plural": "", "digits": "", "visibility-oid": "hm-rpc.0.OEQ0699787.2.BOOST_STATE", "class": "mdui-value", "bindings": [] }, "style": { "left": "-307.3625183105469px", "top": "-149.1999969482422px", "width": "0px", "height": "0px", "z-index": "10", "font-size": "x-small", "background": "", "background-color": "", "border-radius": "", "text-align": "center", "bindings": [] }, "widgetSet": "basic" }, "w001643": { "tpl": "tplVis-materialdesign-Button-Toggle-vertical", "data": { "oid": "hm-rpc.3.00109D898C36F4.1.STATE", "g_fixed": false, "g_visibility": false, "g_css_font_text": true, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "buttonStyle": "text", "toggleType": "boolean", "stateIfNotTrueValue": "off", "vibrateOnMobilDevices": "50", "iconPosition": "top", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": null, "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "colorBgFalse": "green", "colorBgTrue": "red", "colorPress": "", "valueOff": "", "valueOn": "true", "pushButton": false, "image": "window-closed-variant", "imageColor": "grey", "iconHeight": "20", "imageTrue": "window-open-variant", "imageTrueColor": "orange", "g_label": true, "g_lock": false, "autoLockAfter": "10", "lockIconTop": "5", "lockIconLeft": "5", "lockFilterGrayscale": "30", "buttontext": "", "textFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.button.vertical.text", "textFontSize": "11", "alignment": "center", "mdwButtonPrimaryColor": "green", "mdwButtonSecondaryColor": "red", "lockIconColor": "#mdwTheme:vis-materialdesign.0.colors.button.lock_icon", "readOnly": true, "bindings": [] }, "style": { "left": 224, "top": 307, "width": "20px", "height": "20px", "z-index": "3", "cursor": "default", "color": "", "bindings": [], "font-size": "small" }, "widgetSet": "materialdesign" }, "w001644": { "tpl": "tplBulbOnOffCtrl", "data": { "oid": "javascript.0.Raumklima.Raum.EG_Wohnzimmer.Lüftungsempfehlung", "icon_off": "_PRJ_NAME/LüfterGrey.png", "g_common": true, "icon_on": "_PRJ_NAME/LüftenOk.png", "readOnly": true, "name": null, "comment": null, "class": "{v:javascript.0.Raumklima.Raum.EG_Wohnzimmer.Lüftungsempfehlung;v=='true'?'mdui-raisedbutton mdui-green-glow'::'mdui-raisedbutton mdui-grey-bg'}", "filterkey": null, "multi-views": null, "locked": null, "g_fixed": true, "g_css_border": true, "bindings": [ "class" ] }, "style": { "left": 342, "top": 19, "width": "20px", "height": "20px", "z-index": "5", "border-width": "2", "border-style": "solid", "border-radius": "100", "border-color": "rgba(95,94,98,1)", "bindings": [] }, "widgetSet": "basic" }, "w001645": { "tpl": "tplValueFloat", "data": { "oid": "hm-rpc.0.OEQ0699787.2.BOOST_STATE", "is_comma": false, "g_extended": true, "factor": "60", "html_append_singular": "", "html_append_plural": " s", "name": null, "comment": null, "class": null, "filterkey": null, "multi-views": null, "locked": null, "g_fixed": true, "g_css_font_text": true, "digits": "", "html_prepend": "", "visibility-oid": "hm-rpc.0.OEQ0699787.2.CONTROL_MODE", "visibility-cond": "==", "visibility-val": "3", "visibility-groups": null, "visibility-groups-action": "hide", "g_visibility": true, "bindings": [] }, "style": { "left": "-271.9875183105469px", "top": "-149.1999969482422px", "width": "0px", "height": "0px", "font-size": "16px", "color": "white", "bindings": [], "z-index": "5" }, "widgetSet": "basic" }, "w001646": { "tpl": "tplValueString", "data": { "oid": "", "visibility-cond": "==", "visibility-val": 1, "test_html": "", "html_append": "", "gestures-offsetX": 0, "gestures-offsetY": 0, "html_prepend": "Luftfeuchtigkeit:", "visibility-groups-action": "hide", "name": "Stunden", "bindings": [] }, "style": { "left": 1, "top": 13, "width": "137px", "height": "30px", "color": "#8f8f8f", "background": "", "z-index": "2", "text-align": "left", "background-color": "", "border-radius": "5px", "font-size": "", "line-height": "2", "bindings": [] }, "widgetSet": "basic" }, "w001647": { "tpl": "tplValueStringRaw", "data": { "oid": "hm-rpc.0.OEQ0699787.1.HUMIDITY", "g_fixed": true, "g_visibility": false, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "html_append": " %", "bindings": [ "class" ], "html_prepend": "", "name": null, "comment": null, "class": "{v:hm-rpc.0.OEQ0699787.1.HUMIDITY; v <= 60 ? 'mdui-label mdui-green-bg' :: v <= 70 ? 'mdui-label mdui-yellow-glow' :: 'mdui-label mdui-red-glow'}", "filterkey": null, "multi-views": null, "locked": null }, "style": { "left": 146, "top": 13, "width": "100px", "height": "30px", "font-family": "", "font-size": "", "color": "#8f8f8f", "background-color": "#2e2e2e", "line-height": "2", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "z-index": "2", "bindings": [], "padding-left": "4px" }, "widgetSet": "basic" }, "w001648": { "tpl": "tplValueStringRaw", "data": { "oid": "javascript.0.Raumklima.Raum.EG_Wohnzimmer.Feuchtegehalt_Absolut", "g_fixed": true, "g_visibility": false, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "html_append": " g/Kg", "bindings": [], "html_prepend": "", "name": null, "comment": null, "class": "{v:javascript.0.Raumklima.Raum.EG_Wohnzimmer.Schimmel;v==0?'mdui-label mdui-white':: v == 1 ? 'mdui-label mdui-yellow-glow' :: 'mdui-label mdui-red-glow'}", "filterkey": null, "multi-views": null, "locked": null }, "style": { "left": 264, "top": 12, "width": "100px", "height": "30px", "font-family": "", "font-size": "", "color": "#8f8f8f", "background-color": "#2e2e2e", "line-height": "2", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "z-index": "2", "bindings": [], "padding-left": "4px" }, "widgetSet": "basic" }, "w001649": { "tpl": "tplValueString", "data": { "oid": "", "visibility-cond": "==", "visibility-val": 1, "test_html": "", "html_append": "", "gestures-offsetX": 0, "gestures-offsetY": 0, "html_prepend": "Heizkörperventil 1:", "visibility-groups-action": "hide", "name": "Stunden", "bindings": [] }, "style": { "left": 1, "top": 109, "width": "141px", "height": "30px", "color": "#8f8f8f", "background": "", "z-index": "2", "text-align": "left", "background-color": "", "border-radius": "5px", "font-size": "", "line-height": "2", "bindings": [] }, "widgetSet": "basic" }, "w001650": { "tpl": "tplValueStringRaw", "data": { "oid": "hm-rpc.0.OEQ1255167.4.VALVE_STATE", "g_fixed": true, "g_visibility": false, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "html_append": " %", "bindings": [], "html_prepend": "", "name": null, "comment": null, "class": "{v:hm-rpc.0.OEQ1255167.4.VALVE_STATE;v <= 70 ? 'mdui-label mdui-green' :: 'mdui-label mdui-white mdui-red-glow'}", "filterkey": null, "multi-views": null, "locked": null }, "style": { "left": 146, "top": 109, "width": "100px", "height": "30px", "font-family": "", "font-size": "", "color": "#8f8f8f", "background-color": "#2e2e2e", "line-height": "2", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "z-index": "2", "bindings": [], "padding-left": "4px" }, "widgetSet": "basic" }, "w001651": { "tpl": "tplValueString", "data": { "oid": "", "visibility-cond": "==", "visibility-val": 1, "test_html": "", "html_append": "", "gestures-offsetX": 0, "gestures-offsetY": 0, "html_prepend": "Heizkörperventil 2:", "visibility-groups-action": "hide", "name": "Stunden", "bindings": [] }, "style": { "left": 1, "top": 157, "width": "141px", "height": "30px", "color": "#8f8f8f", "background": "", "z-index": "2", "text-align": "left", "background-color": "", "border-radius": "5px", "font-size": "", "line-height": "2", "bindings": [] }, "widgetSet": "basic" }, "w001652": { "tpl": "tplValueStringRaw", "data": { "oid": "hm-rpc.0.OEQ1250416.4.VALVE_STATE", "g_fixed": true, "g_visibility": false, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "html_append": " %", "bindings": [], "html_prepend": "", "name": null, "comment": null, "class": "{v:hm-rpc.0.OEQ1250416.4.VALVE_STATE;v <= 70 ? 'mdui-label mdui-green' :: 'mdui-label mdui-white mdui-red-glow'}", "filterkey": null, "multi-views": null, "locked": null }, "style": { "left": 146, "top": 157, "width": "100px", "height": "30px", "font-family": "", "font-size": "", "color": "#8f8f8f", "background-color": "#2e2e2e", "line-height": "2", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "z-index": "2", "bindings": [], "padding-left": "4px" }, "widgetSet": "basic" }, "w001653": { "tpl": "tplValueString", "data": { "oid": "", "visibility-cond": "==", "visibility-val": 1, "test_html": "", "html_append": "", "gestures-offsetX": 0, "gestures-offsetY": 0, "html_prepend": "Heizkörperventil 3:", "visibility-groups-action": "hide", "name": "Stunden", "bindings": [] }, "style": { "left": 1, "top": 206, "width": "141px", "height": "30px", "color": "#8f8f8f", "background": "", "z-index": "2", "text-align": "left", "background-color": "", "border-radius": "5px", "font-size": "", "line-height": "2", "bindings": [] }, "widgetSet": "basic" }, "w001654": { "tpl": "tplValueStringRaw", "data": { "oid": "hm-rpc.0.OEQ1252985.4.VALVE_STATE", "g_fixed": true, "g_visibility": false, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "html_append": " %", "bindings": [], "html_prepend": "", "name": null, "comment": null, "class": "{v:hm-rpc.0.OEQ1252985.4.VALVE_STATE;v <= 70 ? 'mdui-label mdui-green' :: 'mdui-label mdui-white mdui-red-glow'}", "filterkey": null, "multi-views": null, "locked": null }, "style": { "left": 146, "top": 206, "width": "100px", "height": "30px", "font-family": "", "font-size": "", "color": "#8f8f8f", "background-color": "#2e2e2e", "line-height": "2", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "z-index": "2", "bindings": [], "padding-left": "4px" }, "widgetSet": "basic" }, "w001655": { "tpl": "tplValueStringRaw", "data": { "oid": "hm-rpc.0.OEQ1255167.4.BATTERY_STATE", "g_fixed": true, "g_visibility": false, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "html_append": " V", "bindings": [ "class" ], "html_prepend": "", "name": null, "comment": null, "class": "{v:hm-rpc.0.OEQ1255167.0.LOWBAT;v == 'false' ? 'mdui-label mdui-green' :: 'mdui-label mdui-white mdui-red-glow'}", "filterkey": null, "multi-views": null, "locked": null }, "style": { "left": 264, "top": 109, "width": "100px", "height": "30px", "font-family": "", "font-size": "", "color": "#8f8f8f", "background-color": "#2e2e2e", "line-height": "2", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "z-index": "2", "bindings": [], "padding-left": "4px" }, "widgetSet": "basic" }, "w001656": { "tpl": "tplValueStringRaw", "data": { "oid": "hm-rpc.0.OEQ1250416.4.BATTERY_STATE", "g_fixed": true, "g_visibility": false, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "html_append": " V", "bindings": [ "class" ], "html_prepend": "", "name": null, "comment": null, "class": "{v:hm-rpc.0.OEQ1250416.0.LOWBAT; v == false ? 'mdui-label mdui-green-bg' :: 'mdui-label mdui-white mdui-red-glow' }", "filterkey": null, "multi-views": null, "locked": null }, "style": { "left": 264, "top": 157, "width": "100px", "height": "30px", "font-family": "", "font-size": "", "color": "#8f8f8f", "background-color": "#2e2e2e", "line-height": "2", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "z-index": "2", "bindings": [], "padding-left": "4px" }, "widgetSet": "basic" }, "w001657": { "tpl": "tplValueStringRaw", "data": { "oid": "hm-rpc.0.OEQ1252985.4.BATTERY_STATE", "g_fixed": true, "g_visibility": false, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "html_append": " V", "bindings": [ "class" ], "html_prepend": "", "name": null, "comment": null, "class": "{v:hm-rpc.0.OEQ1252985.0.LOWBAT;v == false ? 'mdui-label mdui-green' :: 'mdui-label mdui-white mdui-red-glow'}", "filterkey": null, "multi-views": null, "locked": null }, "style": { "left": 264, "top": 206, "width": "100px", "height": "30px", "font-family": "", "font-size": "", "color": "#8f8f8f", "background-color": "#2e2e2e", "line-height": "2", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "z-index": "2", "bindings": [], "padding-left": "4px" }, "widgetSet": "basic" }, "w001658": { "tpl": "tplVis-materialdesign-Button-Toggle-vertical", "data": { "oid": "hm-rpc.0.OEQ1250416.4.VALVE_STATE", "g_fixed": false, "g_visibility": false, "g_css_font_text": true, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "buttonStyle": "text", "toggleType": "value", "stateIfNotTrueValue": "on", "vibrateOnMobilDevices": "50", "iconPosition": "top", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "colorBgFalse": "", "colorBgTrue": "", "colorPress": "", "valueOff": "0", "valueOn": "", "pushButton": false, "image": "valve-closed", "imageColor": "grey", "iconHeight": "20", "imageTrue": "valve-open", "imageTrueColor": "grey", "g_label": true, "g_lock": false, "autoLockAfter": "10", "lockIconTop": "5", "lockIconLeft": "5", "lockFilterGrayscale": "30", "mdwButtonPrimaryColor": "#mdwTheme:vis-materialdesign.0.colors.button.vertical.primary", "mdwButtonSecondaryColor": "#mdwTheme:vis-materialdesign.0.colors.button.vertical.secondary", "lockIconColor": "#mdwTheme:vis-materialdesign.0.colors.button.lock_icon", "buttontext": "", "textFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.button.vertical.text", "textFontSize": "#mdwTheme:vis-materialdesign.0.fontSizes.button.vertical.text", "alignment": "center", "readOnly": true, "lockIconSize": 48, "bindings": [] }, "style": { "left": 221, "top": 158, "width": "24px", "height": "33px", "z-index": "3", "cursor": "default", "color": "", "bindings": [] }, "widgetSet": "materialdesign" }, "w001659": { "tpl": "tplVis-materialdesign-Button-Toggle-vertical", "data": { "oid": "hm-rpc.0.OEQ1252985.4.VALVE_STATE", "g_fixed": false, "g_visibility": false, "g_css_font_text": true, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "buttonStyle": "text", "toggleType": "value", "stateIfNotTrueValue": "on", "vibrateOnMobilDevices": "50", "iconPosition": "top", "signals-cond-0": "==", "signals-val-0": true, "signals-icon-0": "/vis/signals/lowbattery.png", "signals-icon-size-0": 0, "signals-blink-0": false, "signals-horz-0": 0, "signals-vert-0": 0, "signals-hide-edit-0": false, "signals-cond-1": "==", "signals-val-1": true, "signals-icon-1": "/vis/signals/lowbattery.png", "signals-icon-size-1": 0, "signals-blink-1": false, "signals-horz-1": 0, "signals-vert-1": 0, "signals-hide-edit-1": false, "signals-cond-2": "==", "signals-val-2": true, "signals-icon-2": "/vis/signals/lowbattery.png", "signals-icon-size-2": 0, "signals-blink-2": false, "signals-horz-2": 0, "signals-vert-2": 0, "signals-hide-edit-2": false, "lc-type": "last-change", "lc-is-interval": true, "lc-is-moment": false, "lc-format": "", "lc-position-vert": "top", "lc-position-horz": "right", "lc-offset-vert": 0, "lc-offset-horz": 0, "lc-font-size": "12px", "lc-font-family": "", "lc-font-style": "", "lc-bkg-color": "", "lc-color": "", "lc-border-width": "0", "lc-border-style": "", "lc-border-color": "", "lc-border-radius": 10, "lc-zindex": 0, "colorBgFalse": "", "colorBgTrue": "", "colorPress": "", "valueOff": "0", "valueOn": "", "pushButton": false, "image": "valve-closed", "imageColor": "grey", "iconHeight": "20", "imageTrue": "valve-open", "imageTrueColor": "grey", "g_label": true, "g_lock": false, "autoLockAfter": "10", "lockIconTop": "5", "lockIconLeft": "5", "lockFilterGrayscale": "30", "mdwButtonPrimaryColor": "#mdwTheme:vis-materialdesign.0.colors.button.vertical.primary", "mdwButtonSecondaryColor": "#mdwTheme:vis-materialdesign.0.colors.button.vertical.secondary", "lockIconColor": "#mdwTheme:vis-materialdesign.0.colors.button.lock_icon", "buttontext": "", "textFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.button.vertical.text", "textFontSize": "#mdwTheme:vis-materialdesign.0.fontSizes.button.vertical.text", "alignment": "center", "readOnly": true, "lockIconSize": 48, "bindings": [] }, "style": { "left": 221, "top": 208, "width": "24px", "height": "33px", "z-index": "3", "cursor": "default", "color": "", "bindings": [] }, "widgetSet": "materialdesign" }, "w001660": { "tpl": "tplValueString", "data": { "oid": "", "visibility-cond": "==", "visibility-val": 1, "test_html": "", "html_append": "", "gestures-offsetX": 0, "gestures-offsetY": 0, "html_prepend": "Wandhermostat:", "visibility-groups-action": "hide", "name": "Stunden", "bindings": [] }, "style": { "left": 1, "top": 62, "width": "141px", "height": "30px", "color": "#8f8f8f", "background": "", "z-index": "2", "text-align": "left", "background-color": "", "border-radius": "5px", "font-size": "", "line-height": "2", "bindings": [] }, "widgetSet": "basic" }, "w001661": { "tpl": "tplValueStringRaw", "data": { "oid": "hm-rpc.0.OEQ0699787.2.BATTERY_STATE", "g_fixed": true, "g_visibility": false, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "html_append": " V", "bindings": [ "class" ], "html_prepend": "", "name": null, "comment": null, "class": "{v:hm-rpc.0.OEQ0699787.0.LOWBAT;v == false ? 'mdui-label mdui-green' :: 'mdui-label mdui-white mdui-red-glow'}", "filterkey": null, "multi-views": null, "locked": null }, "style": { "left": 263, "top": 61, "width": "100px", "height": "30px", "font-family": "", "font-size": "", "color": "#8f8f8f", "background-color": "#2e2e2e", "line-height": "2", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "z-index": "2", "bindings": [], "padding-left": "4px" }, "widgetSet": "basic" }, "w001662": { "tpl": "tplValueString", "data": { "oid": "", "visibility-cond": "==", "visibility-val": 1, "test_html": "", "html_append": "", "gestures-offsetX": 0, "gestures-offsetY": 0, "html_prepend": "Fenster:", "visibility-groups-action": "hide", "name": "Stunden", "bindings": [] }, "style": { "left": 1, "top": 253, "width": "141px", "height": "30px", "color": "#8f8f8f", "background": "", "z-index": "2", "text-align": "left", "background-color": "", "border-radius": "5px", "font-size": "", "line-height": "2", "bindings": [] }, "widgetSet": "basic" }, "w001663": { "tpl": "tplValueStringRaw", "data": { "oid": "hm-rpc.3.00109D898C3741.1.STATE", "g_fixed": true, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "html_append": "", "bindings": [], "html_prepend": "", "name": null, "comment": null, "class": "{v:hm-rpc.0.OEQ1252985.4.VALVE_STATE;v <= 70 ? 'mdui-label mdui-green' :: 'mdui-label mdui-white mdui-red-glow'}", "filterkey": null, "multi-views": null, "locked": null }, "style": { "left": 147, "top": 253, "width": "100px", "height": "30px", "font-family": "", "font-size": "", "color": "#8f8f8f", "background-color": "#2e2e2e", "line-height": "2", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "z-index": "2", "bindings": [], "padding-left": "4px" }, "widgetSet": "basic" }, "w001664": { "tpl": "tplValueStringRaw", "data": { "oid": "hm-rpc.3.00109D898C3741.0.OPERATING_VOLTAGE", "g_fixed": true, "g_visibility": false, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "html_append": " V", "bindings": [ "class" ], "html_prepend": "", "name": null, "comment": null, "class": "{v:hm-rpc.0.OEQ1252985.0.LOWBAT;v == false ? 'mdui-label mdui-green' :: 'mdui-label mdui-white mdui-red-glow'}", "filterkey": null, "multi-views": null, "locked": null }, "style": { "left": 265, "top": 253, "width": "100px", "height": "30px", "font-family": "", "font-size": "", "color": "#8f8f8f", "background-color": "#2e2e2e", "line-height": "2", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "z-index": "2", "bindings": [], "padding-left": "4px" }, "widgetSet": "basic" }, "w001665": { "tpl": "tplValueString", "data": { "oid": "", "test_html": "", "html_append": "", "gestures-offsetX": 0, "gestures-offsetY": 0, "html_prepend": "Tür:", "name": "Stunden", "bindings": [] }, "style": { "left": 1, "top": 301, "width": "141px", "height": "30px", "color": "#8f8f8f", "background": "", "z-index": "2", "text-align": "left", "background-color": "", "border-radius": "5px", "font-size": "", "line-height": "2", "bindings": [] }, "widgetSet": "basic" }, "w001666": { "tpl": "tplValueStringRaw", "data": { "oid": "hm-rpc.3.00109D898C36F4.1.STATE", "g_fixed": true, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "html_append": "", "bindings": [], "html_prepend": "", "name": null, "comment": null, "class": "{v:hm-rpc.0.OEQ1252985.4.VALVE_STATE;v <= 70 ? 'mdui-label mdui-green' :: 'mdui-label mdui-white mdui-red-glow'}", "filterkey": null, "multi-views": null, "locked": null }, "style": { "left": 147, "top": 301, "width": "100px", "height": "30px", "font-family": "", "font-size": "", "color": "#8f8f8f", "background-color": "#2e2e2e", "line-height": "2", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "z-index": "2", "bindings": [], "padding-left": "4px" }, "widgetSet": "basic" }, "w001667": { "tpl": "tplValueStringRaw", "data": { "oid": "hm-rpc.3.00109D898C3741.0.OPERATING_VOLTAGE", "g_fixed": true, "g_css_font_text": true, "g_css_background": true, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "html_append": " V", "bindings": [ "class" ], "html_prepend": "", "name": null, "comment": null, "class": "{v:hm-rpc.0.OEQ1252985.0.LOWBAT;v == false ? 'mdui-label mdui-green' :: 'mdui-label mdui-white mdui-red-glow'}", "filterkey": null, "multi-views": null, "locked": null }, "style": { "left": 265, "top": 301, "width": "100px", "height": "30px", "font-family": "", "font-size": "", "color": "#8f8f8f", "background-color": "#2e2e2e", "line-height": "2", "box-shadow": "2px 2px 3px rgba(20, 20, 20, 50)", "z-index": "2", "bindings": [], "padding-left": "4px" }, "widgetSet": "basic" } }, "activeWidgets": {} }

afuerhoff commented 6 months ago

was mir wiederum spanisch vorkommt, dass die Seite oben cardTest nach dem Export heißt. Bei mir im Editor heißt die anders.

foxriver76 commented 6 months ago

Bekomme es leider aktuell auch damit nicht nachgestellt.

afuerhoff commented 6 months ago

@foxriver76: Habe es gerade nochmal in der 2.7.0 getestet und sofort wieder hinbekommen. Nach Selektion von 9 Widgets und anschließendem Verschieben schaffe ich eine kleine Strecke mit der Maus und dann kann ich die Maus nicht mehr bewegen. Wenn ich dann die Linke Maustaste loslasse, dann hängen die Widgets an der Maus. Mit dem nächsten linken Mausklick kann ich sie dann ablegen. Das funktioniert aber nicht immer auf der gleichen Seite. Jetzt gerade hat es wieder normal funktioniert. Danach hatte ich das Phänomen wie im Video oben mit den Schattenbildern. Auf jeden Fall werden dann die neuen Positionen auch nicht gespeichert. Nach Aktualisierung sind sie am alten Platz.

afuerhoff commented 6 months ago

@foxriver76: Auch hier hat abhaken von "immer rendern" scheinbar geholfen. Im Moment kann ich den Fehler nicht mehr reproduzieren. Was so ein paar Haken doch alles anrichten können. Danke für deinen unermüdlichen Einsatz.

OttiNC1 commented 6 months ago

Version 2.8.0- das gleiche Verhalten. Es verschieben sich nur Schattenbilder. Nach dem Loslassen der Maustaste verschieben sich die Widgets. Ab und an hängt sich mein Raspi4 mit 8GB auf. (Rendern ist abgehakt).

afuerhoff commented 6 months ago

Gerade wieder den Fehler mit 2.9.2 gehabt.

foxriver76 commented 4 months ago

Tritt der Fehler noch auf bzw. gibt es irgendwelche neuen Infos wie das besser nachstellbar ist?

afuerhoff commented 4 months ago

Im Moment kann ich ihn gerade nicht mehr reproduzieren. Hatte ihn aber vor kurzem noch. Ich muss das mal weiter beobachten. Komme im Moment aber nicht so oft zum Testen.

EDIT: Gerade wieder hinbekommen. Mehrfach selektiert und verschoben mit der Maus. Dann entsteht dieses Geisterbild wie oben im Video. v2.9.18

EDIT2: Beim mehrfachen schnellen Verschieben hintereinander (Widgets bleiben selektiert), kommt auch die Speicherroutine ins Spiel. Da springt dann ein Widget und ist nicht mehr auf der ursprünglichen Position.

afuerhoff commented 4 months ago

Hier nochmal ein Video:

https://github.com/ioBroker/ioBroker.vis-2/assets/50245893/68c16407-2e6e-4424-875b-2fdd009a71ab

Dickschieder commented 2 months ago

Ich habe die Version 2.9.42 und das gleich Problem.