Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[ice987]

Hallo zusammen,

ich möchte in vis automatisch auslesen, ob sich der Browser im light oder dark-mode befindet. Dies funktioniert mit folgendem Code schon mal (danke an die Vorarbeit von @Boronsbruder ) :

(Widget-ID im Script muss mit Widget-ID in vis indentisch sein, DP als Bool)

Widget-Export:

Spoiler

[{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"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","refreshInterval":"0","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":"<script>\n\nfunction detectLightMode() {\n    if(window.matchMedia('(prefers-color-scheme: light)').matches) {\n        //Currently in light mode\n        this.servConn._socket.emit('setState', '0_userdata.0.test.LightMode', true);\n    } else {\n        //Currently in dark mode\n        this.servConn._socket.emit('setState', '0_userdata.0.test.LightMode', false);\n    };\n};\n\ndocument.getElementById(\"w00070\").addEventListener(\"load\", detectLightMode());\n\n</script>"},"style":{"left":"66px","top":"353px"},"widgetSet":"basic"}]

nun möchte ich das Script so erweitern, dass ich diesen Status pro Benutzer erhalte. Meine Versuche endeten so:

Spoiler

[{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"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","refreshInterval":"0","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":"<script>\n\nfunction detectLightMode() {\n    if (username == 'admin') {\n        if(window.matchMedia('(prefers-color-scheme: light)').matches) {\n    \t    //Currently in light mode\n    \t    this.servConn._socket.emit('setState', '0_userdata.0.test.adminLightMode', true);\n        } else {\n        \t//Currently in dark mode\n        \tthis.servConn._socket.emit('setState', '0_userdata.0.test.adminLightMode', false);\n        };\n    } else if (username == 'testuser1') {\n        if(window.matchMedia('(prefers-color-scheme: light)').matches) {\n    \t    //Currently in light mode\n    \t    this.servConn._socket.emit('setState', '0_userdata.0.test.testuser1LightMode', true);\n        } else {\n        \t//Currently in dark mode\n        \tthis.servConn._socket.emit('setState', '0_userdata.0.test.testuser1LightMode', false);\n        }; \n    } else if (username == 'testuser2') {\n        if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n    \t    //Currently in light mode\n    \t    this.servConn._socket.emit('setState', '0_userdata.0.test.testuser2LightMode', true);\n        } else {\n        \t//Currently in dark mode\n        \tthis.servConn._socket.emit('setState', '0_userdata.0.test.testuser2LightMode', false);\n        };\n    };\n};\n\ndocument.getElementById(\"w00070\").addEventListener(\"load\", detectLightMode());\n\n</script>"},"style":{"left":"66px","top":"353px"},"widgetSet":"basic"}]

unglücklicherweise kriege ich es nicht hin dass das Binding username funktioniert. Gib es eine Möglichkeit, das Binding username auch im <script></script>-tag einzusetzen? Hat evtl. jemand ein Tipp?