Skip to content

Commit 4ed2cea

Browse files
author
Sefina-DS
committed
fix: correct rollo slider open/close logic and add quick-set buttons
1 parent 5eaec87 commit 4ed2cea

9 files changed

Lines changed: 26 additions & 14 deletions

File tree

‎src-widgets/build/.vite/manifest.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
"name": "preload-helper"
3333
},
3434
"src/FensterWand.jsx": {
35-
"file": "assets/FensterWand-LbJ4g3OA.js",
35+
"file": "assets/FensterWand-DJ2g4n--.js",
3636
"name": "FensterWand",
3737
"src": "src/FensterWand.jsx",
3838
"isEntry": true,
@@ -91,7 +91,7 @@
9191
]
9292
},
9393
"virtual:mf-exposes:__mfe_internal__vis2TechnicWidgets__customWidgets_js": {
94-
"file": "assets/virtualExposes-CW6LhN_K.js",
94+
"file": "assets/virtualExposes-Cn7RUeYE.js",
9595
"name": "virtualExposes",
9696
"src": "virtual:mf-exposes:__mfe_internal__vis2TechnicWidgets__customWidgets_js",
9797
"isEntry": true,

‎src-widgets/build/customWidgets.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src-widgets/build/mf-manifest.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{"id":"vis2TechnicWidgets","name":"vis2TechnicWidgets","metaData":{"name":"vis2TechnicWidgets","type":"app","buildInfo":{"buildVersion":"1.0.0","buildName":"vis2TechnicWidgets"},"remoteEntry":{"name":"customWidgets.js","path":"","type":"module"},"ssrRemoteEntry":{"name":"customWidgets.js","path":"","type":"module"},"types":{"path":"","name":""},"globalName":"vis2TechnicWidgets","pluginVersion":"0.2.5","publicPath":"./"},"shared":[{"id":"vis2TechnicWidgets:react","name":"react","version":"18.3.1","singleton":true,"requiredVersion":"*","assets":{"js":{"async":[],"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react__loadShare__.mjs-ufieXutZ.js"]},"css":{"async":[],"sync":[]}}},{"id":"vis2TechnicWidgets:react-dom","name":"react-dom","version":"18.3.1","singleton":true,"requiredVersion":"*","assets":{"js":{"async":[],"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_2_dom__loadShare__.mjs-hZbFsq9J.js"]},"css":{"async":[],"sync":[]}}},{"id":"vis2TechnicWidgets:react/jsx-runtime","name":"react/jsx-runtime","version":"18.3.1","singleton":true,"requiredVersion":"*","assets":{"js":{"async":[],"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-BLf5YBG7.js"]},"css":{"async":[],"sync":[]}}}],"remotes":[],"exposes":[{"id":"vis2TechnicWidgets:FensterWand","name":"FensterWand","assets":{"js":{"async":[],"sync":["assets/FensterWand-LbJ4g3OA.js"]},"css":{"async":[],"sync":[]}},"path":"./FensterWand"},{"id":"vis2TechnicWidgets:SchalterBoolean","name":"SchalterBoolean","assets":{"js":{"async":[],"sync":["assets/SchalterBoolean-ClYzsoeK.js"]},"css":{"async":[],"sync":[]}},"path":"./SchalterBoolean"},{"id":"vis2TechnicWidgets:ReglerLicht","name":"ReglerLicht","assets":{"js":{"async":[],"sync":["assets/ReglerLicht-CK7LJ-Z8.js"]},"css":{"async":[],"sync":[]}},"path":"./ReglerLicht"},{"id":"vis2TechnicWidgets:translations","name":"translations","assets":{"js":{"async":[],"sync":[]},"css":{"async":[],"sync":[]}},"path":"./translations"}]}
1+
{"id":"vis2TechnicWidgets","name":"vis2TechnicWidgets","metaData":{"name":"vis2TechnicWidgets","type":"app","buildInfo":{"buildVersion":"1.0.0","buildName":"vis2TechnicWidgets"},"remoteEntry":{"name":"customWidgets.js","path":"","type":"module"},"ssrRemoteEntry":{"name":"customWidgets.js","path":"","type":"module"},"types":{"path":"","name":""},"globalName":"vis2TechnicWidgets","pluginVersion":"0.2.5","publicPath":"./"},"shared":[{"id":"vis2TechnicWidgets:react","name":"react","version":"18.3.1","singleton":true,"requiredVersion":"*","assets":{"js":{"async":[],"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react__loadShare__.mjs-ufieXutZ.js"]},"css":{"async":[],"sync":[]}}},{"id":"vis2TechnicWidgets:react-dom","name":"react-dom","version":"18.3.1","singleton":true,"requiredVersion":"*","assets":{"js":{"async":[],"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_2_dom__loadShare__.mjs-hZbFsq9J.js"]},"css":{"async":[],"sync":[]}}},{"id":"vis2TechnicWidgets:react/jsx-runtime","name":"react/jsx-runtime","version":"18.3.1","singleton":true,"requiredVersion":"*","assets":{"js":{"async":[],"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-BLf5YBG7.js"]},"css":{"async":[],"sync":[]}}}],"remotes":[],"exposes":[{"id":"vis2TechnicWidgets:FensterWand","name":"FensterWand","assets":{"js":{"async":[],"sync":["assets/FensterWand-DJ2g4n--.js"]},"css":{"async":[],"sync":[]}},"path":"./FensterWand"},{"id":"vis2TechnicWidgets:SchalterBoolean","name":"SchalterBoolean","assets":{"js":{"async":[],"sync":["assets/SchalterBoolean-ClYzsoeK.js"]},"css":{"async":[],"sync":[]}},"path":"./SchalterBoolean"},{"id":"vis2TechnicWidgets:ReglerLicht","name":"ReglerLicht","assets":{"js":{"async":[],"sync":["assets/ReglerLicht-CK7LJ-Z8.js"]},"css":{"async":[],"sync":[]}},"path":"./ReglerLicht"},{"id":"vis2TechnicWidgets:translations","name":"translations","assets":{"js":{"async":[],"sync":[]},"css":{"async":[],"sync":[]}},"path":"./translations"}]}

‎src-widgets/build/mf-stats.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{"id":"vis2TechnicWidgets","name":"vis2TechnicWidgets","metaData":{"name":"vis2TechnicWidgets","type":"app","buildInfo":{"buildVersion":"1.0.0","buildName":"vis2TechnicWidgets"},"remoteEntry":{"name":"customWidgets.js","path":"","type":"module"},"ssrRemoteEntry":{"name":"customWidgets.js","path":"","type":"module"},"types":{"path":"","name":""},"globalName":"vis2TechnicWidgets","pluginVersion":"0.2.5","publicPath":"./"},"shared":[{"id":"vis2TechnicWidgets:react","name":"react","version":"18.3.1","singleton":true,"requiredVersion":"*","assets":{"js":{"async":[],"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react__loadShare__.mjs-ufieXutZ.js"]},"css":{"async":[],"sync":[]}}},{"id":"vis2TechnicWidgets:react-dom","name":"react-dom","version":"18.3.1","singleton":true,"requiredVersion":"*","assets":{"js":{"async":[],"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_2_dom__loadShare__.mjs-hZbFsq9J.js"]},"css":{"async":[],"sync":[]}}},{"id":"vis2TechnicWidgets:react/jsx-runtime","name":"react/jsx-runtime","version":"18.3.1","singleton":true,"requiredVersion":"*","assets":{"js":{"async":[],"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-BLf5YBG7.js"]},"css":{"async":[],"sync":[]}}}],"remotes":[],"exposes":[{"id":"vis2TechnicWidgets:FensterWand","name":"FensterWand","assets":{"js":{"async":[],"sync":["assets/FensterWand-LbJ4g3OA.js"]},"css":{"async":[],"sync":[]}},"path":"./FensterWand"},{"id":"vis2TechnicWidgets:SchalterBoolean","name":"SchalterBoolean","assets":{"js":{"async":[],"sync":["assets/SchalterBoolean-ClYzsoeK.js"]},"css":{"async":[],"sync":[]}},"path":"./SchalterBoolean"},{"id":"vis2TechnicWidgets:ReglerLicht","name":"ReglerLicht","assets":{"js":{"async":[],"sync":["assets/ReglerLicht-CK7LJ-Z8.js"]},"css":{"async":[],"sync":[]}},"path":"./ReglerLicht"},{"id":"vis2TechnicWidgets:translations","name":"translations","assets":{"js":{"async":[],"sync":[]},"css":{"async":[],"sync":[]}},"path":"./translations"}],"buildOutput":[{"fileName":"customWidgets.js","type":"chunk","isEntry":true,"size":78987},{"fileName":"assets/__virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react__loadShare__.mjs_commonjs-proxy-CRYeTk7O.js","type":"chunk","isEntry":false,"size":9661},{"fileName":"assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-BLf5YBG7.js","type":"chunk","isEntry":false,"size":2188},{"fileName":"assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react__loadShare__.mjs-ufieXutZ.js","type":"chunk","isEntry":false,"size":3467},{"fileName":"assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_2_dom__loadShare__.mjs-hZbFsq9J.js","type":"chunk","isEntry":false,"size":136207},{"fileName":"assets/hostInit-Gckq2NOh.js","type":"chunk","isEntry":true,"size":994},{"fileName":"assets/virtualExposes-CW6LhN_K.js","type":"chunk","isEntry":true,"size":1697},{"fileName":"assets/preload-helper-C1FmrZbK.js","type":"chunk","isEntry":false,"size":1141},{"fileName":"assets/FensterWand-LbJ4g3OA.js","type":"chunk","isEntry":true,"size":13264},{"fileName":"assets/SchalterBoolean-ClYzsoeK.js","type":"chunk","isEntry":true,"size":38545},{"fileName":"assets/ReglerLicht-CK7LJ-Z8.js","type":"chunk","isEntry":true,"size":8035},{"fileName":"assets/translations-CAPgvql2.js","type":"chunk","isEntry":true,"size":1717},{"fileName":"assets/_virtual_mf-localSharedImportMap___mfe_internal__vis2TechnicWidgets-D0hReOih.js","type":"chunk","isEntry":false,"size":1712},{"fileName":"index.html","type":"asset","isEntry":false,"size":1017},{"fileName":"mf-manifest.json","type":"asset","isEntry":false,"size":2077}],"assetAnalysis":{"./src/FensterWand":{"js":{"sync":["assets/FensterWand-LbJ4g3OA.js"],"async":[]},"css":{"sync":[],"async":[]}},"./src/SchalterBoolean":{"js":{"sync":["assets/SchalterBoolean-ClYzsoeK.js"],"async":[]},"css":{"sync":[],"async":[]}},"./src/ReglerLicht":{"js":{"sync":["assets/ReglerLicht-CK7LJ-Z8.js"],"async":[]},"css":{"sync":[],"async":[]}},"react/jsx-runtime":{"js":{"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-BLf5YBG7.js"],"async":[]},"css":{"sync":[],"async":[]}},"react":{"js":{"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react__loadShare__.mjs-ufieXutZ.js"],"async":[]},"css":{"sync":[],"async":[]}},"react-dom":{"js":{"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_2_dom__loadShare__.mjs-hZbFsq9J.js"],"async":[]},"css":{"sync":[],"async":[]}}}}
1+
{"id":"vis2TechnicWidgets","name":"vis2TechnicWidgets","metaData":{"name":"vis2TechnicWidgets","type":"app","buildInfo":{"buildVersion":"1.0.0","buildName":"vis2TechnicWidgets"},"remoteEntry":{"name":"customWidgets.js","path":"","type":"module"},"ssrRemoteEntry":{"name":"customWidgets.js","path":"","type":"module"},"types":{"path":"","name":""},"globalName":"vis2TechnicWidgets","pluginVersion":"0.2.5","publicPath":"./"},"shared":[{"id":"vis2TechnicWidgets:react","name":"react","version":"18.3.1","singleton":true,"requiredVersion":"*","assets":{"js":{"async":[],"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react__loadShare__.mjs-ufieXutZ.js"]},"css":{"async":[],"sync":[]}}},{"id":"vis2TechnicWidgets:react-dom","name":"react-dom","version":"18.3.1","singleton":true,"requiredVersion":"*","assets":{"js":{"async":[],"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_2_dom__loadShare__.mjs-hZbFsq9J.js"]},"css":{"async":[],"sync":[]}}},{"id":"vis2TechnicWidgets:react/jsx-runtime","name":"react/jsx-runtime","version":"18.3.1","singleton":true,"requiredVersion":"*","assets":{"js":{"async":[],"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-BLf5YBG7.js"]},"css":{"async":[],"sync":[]}}}],"remotes":[],"exposes":[{"id":"vis2TechnicWidgets:FensterWand","name":"FensterWand","assets":{"js":{"async":[],"sync":["assets/FensterWand-DJ2g4n--.js"]},"css":{"async":[],"sync":[]}},"path":"./FensterWand"},{"id":"vis2TechnicWidgets:SchalterBoolean","name":"SchalterBoolean","assets":{"js":{"async":[],"sync":["assets/SchalterBoolean-ClYzsoeK.js"]},"css":{"async":[],"sync":[]}},"path":"./SchalterBoolean"},{"id":"vis2TechnicWidgets:ReglerLicht","name":"ReglerLicht","assets":{"js":{"async":[],"sync":["assets/ReglerLicht-CK7LJ-Z8.js"]},"css":{"async":[],"sync":[]}},"path":"./ReglerLicht"},{"id":"vis2TechnicWidgets:translations","name":"translations","assets":{"js":{"async":[],"sync":[]},"css":{"async":[],"sync":[]}},"path":"./translations"}],"buildOutput":[{"fileName":"customWidgets.js","type":"chunk","isEntry":true,"size":78987},{"fileName":"assets/__virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react__loadShare__.mjs_commonjs-proxy-CRYeTk7O.js","type":"chunk","isEntry":false,"size":9661},{"fileName":"assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-BLf5YBG7.js","type":"chunk","isEntry":false,"size":2188},{"fileName":"assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react__loadShare__.mjs-ufieXutZ.js","type":"chunk","isEntry":false,"size":3467},{"fileName":"assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_2_dom__loadShare__.mjs-hZbFsq9J.js","type":"chunk","isEntry":false,"size":136207},{"fileName":"assets/hostInit-Gckq2NOh.js","type":"chunk","isEntry":true,"size":994},{"fileName":"assets/virtualExposes-Cn7RUeYE.js","type":"chunk","isEntry":true,"size":1697},{"fileName":"assets/preload-helper-C1FmrZbK.js","type":"chunk","isEntry":false,"size":1141},{"fileName":"assets/FensterWand-DJ2g4n--.js","type":"chunk","isEntry":true,"size":13575},{"fileName":"assets/SchalterBoolean-ClYzsoeK.js","type":"chunk","isEntry":true,"size":38545},{"fileName":"assets/ReglerLicht-CK7LJ-Z8.js","type":"chunk","isEntry":true,"size":8035},{"fileName":"assets/translations-CAPgvql2.js","type":"chunk","isEntry":true,"size":1717},{"fileName":"assets/_virtual_mf-localSharedImportMap___mfe_internal__vis2TechnicWidgets-D0hReOih.js","type":"chunk","isEntry":false,"size":1712},{"fileName":"index.html","type":"asset","isEntry":false,"size":1017},{"fileName":"mf-manifest.json","type":"asset","isEntry":false,"size":2077}],"assetAnalysis":{"./src/FensterWand":{"js":{"sync":["assets/FensterWand-DJ2g4n--.js"],"async":[]},"css":{"sync":[],"async":[]}},"./src/SchalterBoolean":{"js":{"sync":["assets/SchalterBoolean-ClYzsoeK.js"],"async":[]},"css":{"sync":[],"async":[]}},"./src/ReglerLicht":{"js":{"sync":["assets/ReglerLicht-CK7LJ-Z8.js"],"async":[]},"css":{"sync":[],"async":[]}},"react/jsx-runtime":{"js":{"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.mjs-BLf5YBG7.js"],"async":[]},"css":{"sync":[],"async":[]}},"react":{"js":{"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react__loadShare__.mjs-ufieXutZ.js"],"async":[]},"css":{"sync":[],"async":[]}},"react-dom":{"js":{"sync":["assets/_virtual_mf___mfe_internal__vis2TechnicWidgets__loadShare__react_mf_2_dom__loadShare__.mjs-hZbFsq9J.js"],"async":[]},"css":{"sync":[],"async":[]}}}}

‎src-widgets/src/FensterWand.jsx‎

Lines changed: 17 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -366,19 +366,19 @@ class FensterWand extends window.visRxWidget {
366366
>
367367
{hasRollo && (<>
368368
<div
369-
style={{ padding: '8px 16px', fontSize: 13, color: rolloVal === 0 ? rahmenf : '#c8e6e3', cursor: 'pointer', display: 'flex', alignItems: 'center', gap: 10, fontWeight: rolloVal === 0 ? 600 : 400 }}
369+
style={{ padding: '8px 16px', fontSize: 13, color: rolloVal === 100 ? rahmenf : '#c8e6e3', cursor: 'pointer', display: 'flex', alignItems: 'center', gap: 10, fontWeight: rolloVal === 100 ? 600 : 400 }}
370370
onMouseEnter={e => e.currentTarget.style.background = '#1e2a2a'}
371371
onMouseLeave={e => e.currentTarget.style.background = 'transparent'}
372-
onClick={() => { this._setRollo(0); this.setState({ menuOpen: false }); }}
372+
onClick={() => { this._setRollo(100); this.setState({ menuOpen: false }); }}
373373
>
374374
<svg width="14" height="14" viewBox="0 0 14 14"><polygon points="7,1 13,11 1,11" fill={rahmenf}/></svg>
375375
Open
376376
</div>
377377
<div
378-
style={{ padding: '8px 16px', fontSize: 13, color: rolloVal === 100 ? rahmenf : '#c8e6e3', cursor: 'pointer', display: 'flex', alignItems: 'center', gap: 10, fontWeight: rolloVal === 100 ? 600 : 400 }}
378+
style={{ padding: '8px 16px', fontSize: 13, color: rolloVal === 0 ? rahmenf : '#c8e6e3', cursor: 'pointer', display: 'flex', alignItems: 'center', gap: 10, fontWeight: rolloVal === 0 ? 600 : 400 }}
379379
onMouseEnter={e => e.currentTarget.style.background = '#1e2a2a'}
380380
onMouseLeave={e => e.currentTarget.style.background = 'transparent'}
381-
onClick={() => { this._setRollo(100); this.setState({ menuOpen: false }); }}
381+
onClick={() => { this._setRollo(0); this.setState({ menuOpen: false }); }}
382382
>
383383
<svg width="14" height="14" viewBox="0 0 14 14"><polygon points="7,13 13,3 1,3" fill={rahmenf}/></svg>
384384
Close
@@ -397,8 +397,20 @@ class FensterWand extends window.visRxWidget {
397397
onChange={e => this._setRollo(parseInt(e.target.value))}
398398
/>
399399
<div style={{ display: 'flex', justifyContent: 'space-between', marginTop: 2 }}>
400-
<span style={{ fontSize: 10, color: '#5a7a78' }}>Open</span>
401400
<span style={{ fontSize: 10, color: '#5a7a78' }}>Close</span>
401+
<span style={{ fontSize: 10, color: '#5a7a78' }}>Open</span>
402+
</div>
403+
<div style={{ display: 'flex', gap: 4, marginTop: 6 }}>
404+
{[0, 25, 50, 75, 100].map(v => (
405+
<button key={v} onClick={() => this._setRollo(v)}
406+
style={{
407+
flex: 1, padding: '3px 0', fontSize: 10, cursor: 'pointer',
408+
background: rolloVal === v ? rahmenf : '#1e2a2a',
409+
color: rolloVal === v ? '#0d1820' : '#c8e6e3',
410+
border: `1px solid ${rahmenf}55`, borderRadius: 4,
411+
}}
412+
>{v}%</button>
413+
))}
402414
</div>
403415
</div>
404416
</>)}

0 commit comments

Comments
 (0)