Skip to content

Commit a13c049

Browse files
golluroSICKAGgolluroSICKAG
authored
# Release 0.5.0 (#2)
# Release 0.5.0 ## New features - Check if persistent data to load provides all relevant parameters. Otherwise add default values - Supports FlowConfig feature - Provide version of module via 'OnNewStatusModuleVersion' - Function 'getParameters' to provide PersistentData parameters - Check if features of module can be used on device and provide this via 'OnNewStatusModuleIsActive' event / 'getStatusModuleActive' function - Function to 'resetModule' to default setup ## Improvements - New UI design available (e.g. selectable via CSK_Module_PersistentData v4.1.0 or higher), see 'OnNewStatusCSKStyle' - check if instance exists if selected - 'loadParameters' returns its success - 'sendParameters' can control if sent data should be saved directly by CSK_Module_PersistentData - Changed log level of some messages from 'info' to 'fine' - Added UI icon and browser tab information ## Bugfix - Legacy bindings of ValueDisplay elements within UI did not work if deployed with VS Code AppSpace SDK - UI differs if deployed via Appstudio or VS Code AppSpace SDK - Fullscreen icon of iFrame was visible
1 parent b851c70 commit a13c049

21 files changed

Lines changed: 1448 additions & 566 deletions

‎CHANGELOG.md‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,29 @@
11
# Changelog
22
All notable changes to this project will be documented in this file.
33

4+
## Release 0.5.0
5+
6+
### New features
7+
- Check if persistent data to load provides all relevant parameters. Otherwise add default values
8+
- Supports FlowConfig feature
9+
- Provide version of module via 'OnNewStatusModuleVersion'
10+
- Function 'getParameters' to provide PersistentData parameters
11+
- Check if features of module can be used on device and provide this via 'OnNewStatusModuleIsActive' event / 'getStatusModuleActive' function
12+
- Function to 'resetModule' to default setup
13+
14+
### Improvements
15+
- New UI design available (e.g. selectable via CSK_Module_PersistentData v4.1.0 or higher), see 'OnNewStatusCSKStyle'
16+
- check if instance exists if selected
17+
- 'loadParameters' returns its success
18+
- 'sendParameters' can control if sent data should be saved directly by CSK_Module_PersistentData
19+
- Changed log level of some messages from 'info' to 'fine'
20+
- Added UI icon and browser tab information
21+
22+
### Bugfix
23+
- Legacy bindings of ValueDisplay elements within UI did not work if deployed with VS Code AppSpace SDK
24+
- UI differs if deployed via Appstudio or VS Code AppSpace SDK
25+
- Fullscreen icon of iFrame was visible
26+
427
## Release 0.4.0
528

629
### Improvements

‎CSK_Module_MultiRemoteLiDAR/pages/assets/CSK_Module_MultiRemoteLiDAR/UI_sample.png‎

16.6 KB
Loading

‎CSK_Module_MultiRemoteLiDAR/pages/assets/legacy/settings.json‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
11
{
2-
"showLoginButton": false
2+
"canChangeLanguage": true,
3+
"showLoginButton": false,
4+
"defaultLanguage": "en",
5+
"disableEditMode": true,
6+
"showPageHistory": true,
7+
"compactMode": false,
8+
"canChangeCompactMode": false
39
}

‎CSK_Module_MultiRemoteLiDAR/pages/pages/CSK_Module_MultiRemoteLiDAR/CSK_Module_MultiRemoteLiDAR.css‎

Lines changed: 115 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,124 @@
1+
.myCustomMinHeight10px_CSK_Module_MultiRemoteLiDAR {
2+
min-height: 10px
3+
}
4+
5+
.myCustomPlaceholder5pxHeight_CSK_Module_MultiRemoteLiDAR {
6+
min-height: 5px;
7+
}
8+
9+
.myCustomSpacerVert10_CSK_Module_MultiRemoteLiDAR {
10+
min-height: 10px;
11+
}
12+
13+
.myCustomMarginLeft15PX_CSK_Module_MultiRemoteLiDAR {
14+
margin-left: 15px;
15+
}
16+
17+
.myCustomMarginInline1Rem_CSK_Module_MultiRemoteLiDAR {
18+
margin-inline: calc(1rem);
19+
}
20+
21+
.myCustomMarginLeft7PX_CSK_Module_MultiRemoteLiDAR {
22+
margin-left: -7px;
23+
}
24+
25+
.myCustomSpacerVert20_CSK_Module_MultiRemoteLiDAR {
26+
min-height: 20px;
27+
}
28+
29+
.myCustomFrameLabel_CSK_Module_MultiRemoteLiDAR {
30+
background: white;
31+
position:relative;
32+
top: calc(-1.2rem);
33+
left: calc(1rem);
34+
font-size: medium;
35+
}
36+
37+
.myCustomMargin99Percent_CSK_Module_MultiRemoteLiDAR {
38+
margin: calc(1rem);
39+
margin-top: 20px;
40+
}
41+
42+
.myCustomMarginFirstRow_CSK_Module_MultiRemoteLiDAR {
43+
margin-top: -49px;
44+
}
45+
46+
.myCustomMarginLeft30PX_CSK_Module_MultiRemoteLiDAR {
47+
margin-left:30px;
48+
}
49+
50+
.myCustomMarginLeft-30PX_CSK_Module_MultiRemoteLiDAR {
51+
margin-left:-30px;
52+
}
53+
54+
.myCustomPersistentDataMargin_CSK_Module_MultiRemoteLiDAR {
55+
margin-top: -53px;
56+
margin-left: 130px;
57+
}
58+
59+
.myCustomPersistentDataMarginBack_CSK_Module_MultiRemoteLiDAR {
60+
margin-left: -130px;
61+
}
62+
63+
.myCustomBorderBottom_CSK_Module_MultiRemoteLiDAR {
64+
border-bottom: 1px solid lightgray;
65+
margin-inline: calc(1rem);
66+
}
67+
68+
.myCustomBorderLeft_CSK_Module_MultiRemoteLiDAR {
69+
border-left: 1px solid lightgray;
70+
}
71+
72+
.myCustomTabFrame_CSK_Module_MultiRemoteLiDAR {
73+
width: 98%;
74+
align-self: center;
75+
}
76+
77+
.myCustomLabel_CSK_Module_MultiRemoteLiDAR {
78+
font-size:30px;
79+
color: grey;
80+
margin-top: 10px;
81+
}
82+
83+
.myCustomFrameNoColor_CSK_Module_MultiRemoteLiDAR {
84+
margin: 6px;
85+
border-radius: 10px;
86+
border-style: solid;
87+
border-width: 0px;
88+
border-color: 007CC1;
89+
background-color: #FFFFFF;
90+
}
91+
192
.myCustomFrame_CSK_Module_MultiRemoteLiDAR {
93+
margin: 6px;
94+
border-radius: 10px;
295
border-style: solid;
396
border-width: 1px;
4-
border-color: grey;
97+
border-color: #007CC1;
98+
background-color: white;
99+
}
100+
101+
.myCustomFrameNoColor_CSK_Module_MultiRemoteLiDAR {
5102
margin: 6px;
103+
border-radius: 10px;
104+
border-style: solid;
105+
border-width: 0px;
106+
border-color: 007CC1;
107+
background-color: white;
6108
}
7109

8-
.myCustomMinHeight10px_CSK_Module_MultiRemoteLiDAR {
9-
min-height: 10px
110+
.myCustomMarginTop7PX_CSK_Module_MultiRemoteLiDAR {
111+
margin-top: 7px;
112+
}
113+
114+
.myCustomBackground_CSK_Module_MultiRemoteLiDAR {
115+
}
116+
117+
.myCustomButton_CSK_Module_MultiRemoteLiDAR {
118+
border-radius: 30px;
119+
padding: 11px;
10120
}
11121

12-
.myCustomCssClass_CSK_Module_MultiRemoteLiDAR {
122+
.myScanViewer_CSK_Module_MultiRemoteLiDAR {
123+
min-height: 500px;
13124
}

‎CSK_Module_MultiRemoteLiDAR/pages/pages/CSK_Module_MultiRemoteLiDAR/CSK_Module_MultiRemoteLiDAR.html‎

Lines changed: 668 additions & 434 deletions
Large diffs are not rendered by default.

‎CSK_Module_MultiRemoteLiDAR/pages/src/converter.ts‎

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,4 +7,74 @@ export function changeID(id) {
77
viewerElement.setAttribute('viewer-id', id);
88
viewerElement.triggerResume();
99
return id;
10+
}
11+
12+
13+
export function changeStyle(theme) {
14+
const style: HTMLStyleElement = document.createElement('style');
15+
style.id ='blub'
16+
17+
const toggleSW = document.querySelectorAll("davinci-toggle-switch")
18+
toggleSW.forEach((userItem) => {
19+
const shadowToggle = userItem.shadowRoot
20+
const finalToggleSW = shadowToggle?.querySelector('div')
21+
finalToggleSW?.classList.add('hasIcon')
22+
});
23+
24+
if (theme == 'CSK_Style'){
25+
var headerToolbar = `.sopasjs-ui-header-toolbar-wrapper { background-color: #FFFFFF; }`
26+
var uiHeader = `.sopasjs-ui-header>.app-logo { margin-right:0px; }`
27+
var appLogo = `.app-logo { background-color:#FFFFFF; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAtCAIAAACmg/d8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAArZSURBVHhe7Zp7bFtXHccH6+i6AauYBu1AQgzGYLAJCQSiQMVLPIQE2garxiRAG0IM/iggjWpTmzZNX3k1aV5O4rycd7O8mrZJmjRJ7fgRO+80dhzHTvyIHdt52I7jt3PL17mue+z41ZJKm+Ovfn9Y9/zO8fX5nHN+v9+9fuROUgmtJOAEVxJwgisJOMGVBJzgSgJOcCUBJ7iSgBNcScAJriTgBFcScILrQwTYuOEe01nrJw0wgdqyYnP7G5L6PxQNsMdLKU2OitGl39Xefjl/+InUwe32zDnej5jj/+1WSAwbLu8m3ZGiKPaC6dl0fsB+XjE5rrPSraTc3k2txVk4pD1cNr7/DHfvSc5jKT7Dh32nBg+XTTCHdYsWJ9z8He7qh6Xj5G38rX3W30BobsX+g5IgtydTB19vEDvcoaMlsCICBt3eubWflE984iTnkePsmPblbOHlKYNnk0JfAL4+u0q2vlwwItKs0yPTgs+qzV03aThUMvboiXueIbYnhQ0H1ph+zR60ob9TNEq6/aVF6m8g9F7PPOkDeyFXNKSx4Kv9HrtAEQFPGza+VTASMkHRDbt8SG1B33gAW13eo9fnDlzgk26R7Jnz/P90yh2eezsvJmCA/Fzw4BikYEhrc3v9HrtDEQG/UjdNzk48hqP12A0FDsB4AL/brcAhTPpENzgf750PMI4O2OLwHGkUf4xwwCFxpFFisLr8HrtG4QGLFtf3n+EFZgf28RO+KY5pv6m+LV+xRweMUJ3LW0TEJR1gj6awn0rjHrgg+Ox5/qfTuNvP7afP8YqEWjoeRwEMh6xBNYYiHV68NCwx2HbV4UwrPODMQfXeU/dCL3KTNy5LUvuVMa1ydAnJcHTAPJXlm3nDZCvsCxkCQEJKxVVZeuVrJSLdH5tmDqYLSB8sst/WTCPvwyCRAOOrhxfXv8sYI1sfP8mpmdDTDjsor8s0K1XozM6gVUO5luZlMq3Z8+FYS+EBv9UqJTfQ94vHTA6Pvy0ORQG87vQc61bgMA9qzR9plyyjie5OCylY7YT+a7ki2udTp7lvt85iWKvTF0QjATY7PP+6Lg9JDLE617d67azsq5P5OeU3xCtBSfnmWg+rqOCa2PrhSNXDA367LQgwihx/Q3yKAli6bPtecdD2woHcLVulO4YIOXnDpOHgBT4qMayA5Y17iXQkwNj9nzkbFFxeyh9B6vcwDuePMODjvQvkJkAF+Y8O2eXbxu3WJVtdWHOs2HyZlb9zZMC43jO3hpM2cH1PCiebq3ES6TEp+NvdXsWqHecHOT4UAvj1RgnKZbXZiUyevA7YxSJtoEDfWcUDmNp0Gxemr7U2XmKUZhRVVFxhTy2aXV78GMpp0nW1NF0XjLL7OhnM8mxGBbONPbO0Ihvj1NfV5jLKciua+mcMDq/vh2MqPA6zdJRTU12VVViax2rtGVswoS3Wug0PmL1gRppDzlQUQzrzav30NelK4AFCJMCglDmoIa9/I2+Yr/JVVverEMBI2V68JHoue4i8iDX617bZh/dEzAc4u6SFP6czGJcCppe3MgvuAqasi+NlhQzmFc6weE4imbraXJdT2T6sRoSmnGuLHaz8U3msNr540bismh2tZRadKWSWNt2aWFjS67XjAy3n8uuHtA5ABN9ZfkdBeVOXcFqqUAg53YXFla3DShsGou8mgsID3nB5f1YxSU5WTHs2XZDL06A+QfdIgLGTECDJ679mTeEAoL/0vhQCOKwhcx4L9/hspwTAl85mpOWV55exCCtPu5DlB0zZRq9UZtQOKK1bKRdFOdaUHXXlzJvTFtfmFuC8rFah0baVH2zabt/84NT5Eq7eRTPbtMtLchitY3o0Uw5NHaO4WaS2utyQc2NF0Fmb1cDRrrsfBDDEV4c+KIhpn88QVI/rfYdpBMA4iv/cIiWvv1YvXlp/kNo0HsBYTN6tJ2sPSQCcl1lU3z8hlc/PBmxusqE4nwZMuTTNxYWlAwt+YuDksYz1f5BefUtvdW8BLq7izNL071BuObf9TG7L/N1ck/LoavIKG4fUYOjV8lPTMs4WsYoqa3xWwcrMzXm/pHNh1f6AgMGpc3b120Wjj9/P44hDpeNT+o0oO/ho8A7+1cPcwV+5KJw2+G7G32enFTMGUxvymoKC6iF9wIHatIl5HeeZ3cgYfICry+oF8o2tKAvACl772fwrmrv5PuVZqgVggQrrwyXrPZHJaBPKZuWKe6Y22hHP/e7hFREwLcWqI7VP+YvKSaS+X780HGKoYZADk3P6WAobtQ32TVjAuM4Q6sjrz18U9inWHoBBCGAcNoeZEyi3yKdXKMbebJJoLU5/n51WbMDuxdaSwpI+RaBSptyW0b6m9Jq7OzhuwF4NNy2zpEtiisFzm2IApmWwumaMNs6COcRuzZvyBIvPZQsDcwp7r2ceITwsYIBEFo2KNnAdedCxG4qQCpiUye5Brj6oNIdk2iGAf98gVpocQxoLairy+tNnebhD+8N5fRQTMCLnZCcrndUrt2xFShQFKwvt1WXMm2J/DI4bMGIw61Iu4+qI3uZHTG16Pd7YISguwFG0ZHW90TRDzumbTTNrdk9YwPDHQsGxTzbhDLgmDV8HY0EgqB9MF7yQK/r7FRmZD4cADtTB6Rw1eR2GVEu06FtbtMMOKjZgZFkGCYtRVNh8kz8lnb493tbIyqpoH9FYUN/cH2DKMzd0NSu3qLS9nzd+e3hE2NXZ1T2qiJVjRQCMJW92eGIaytOb8rXAwyba3u1WWCPsYIxsc3vPDqj2Bcf1/Wd4DZOGVZsbQRokIHxYtrmrx/RPpvo996Swv5QtvMjV0JgjAdatu/7QICZLbRzar9aLoxwSDyyHSVJV1siWrQUDNnOaa6r6ZDaaGuU16xX9ne2MsoqLpdW1XQKp3rpV1FNO81JvS0P7mNLuB+xRjfTkV/Xo7gE2tlWyOka1gIg58bptauloS1N9LqM0q7iS2dQ9JDc6Yx3Z4QHXThiwEY9clkS31xrEX8wKKj33pHCKt94HRAIMiQ22H5dNkMESti918JdVUzk8TfO0EZbN1Rxmjm9/FX2oZHxiq/KJBBjiqszYtWQrrEioxbT6PXaTwgM+x1btje89f4i9lO+PtVEAY6Lrtx5Akg7xGA5zdKQ5RQFsd3vP3FKRkR721RyR8O4N7CqFBzyxZN3+Oi+mffL0YNqAEodwdMCQj8GAinSIxzI4anSkR4gCGFKZHDgkSAccLX9qlhqJp9m7ROEBIxQiWwEwco6i2xOpg/+8KkPSi+4xAUNYB8xhHTYlGS/DGhwOXOCnDajIRDo6YNyAQG0JWaNPpXERAsi/hewGhQcMYSJKRTqUvzG3MiLl8zmi93vmA9srHsCQw73ZMbPySt30wQtB731JQ4GLEgipXMj/7qIDpnV6QBmyehCbUXGFvLdIbEUEDGFOp/Qb2Gf/7pRjBsPaOx2yzEF1n8LkInYGAKPjW62zATvZp5yP8MQKx+blKSOqoJ+WT2KhIGtDeEbIPMyceOeKDEE37NuC1H4leRtlI0v+BkJqs/PotTnSDdY8vbyrsq1ogAOyubwoWsIa/XZhu7A4Vu3ugKGmijKtWBAYR7ZsF2osPJWZvWDGB6nRFmlwCBUaeRv0vwBChJ2K6oh0gyGI4Ov8HrtAcQFO6qOrJOAEVxJwgisJOMGVBJzgSgJOcCUBJ7iSgBNcScAJrTt3/gfzR65/IHLpiAAAAABJRU5ErkJggg==) }`
28+
var uiNavbar =`.sopasjs-ui-navbar-wrapper { background-color: #737F85; }`
29+
var navbarMenuLiActive = `.sopasjs-navbar-menu>li.active { background-color: #283c45; }`
30+
var navbarMenuLiActiveA = `.sopasjs-navbar-menu>li.active>a { background-color: #283c45; }`
31+
var navbarMeluLi = `.sopasjs-navbar-menu>li { color: #FFFFFF; }`
32+
var navbarMeluLiA = `.sopasjs-navbar-menu>li>a { color: #FFFFFF; }`
33+
var headerToolbarButtonHighlight = `.sopasjs-ui-header-toolbar-button.sopasjs-ui-navigation-navbutton>a.highlight { background-color: #737F85; }`
34+
var toolbarButton = `.sopasjs-ui-header-toolbar-button>a { color: #283c45; }`
35+
36+
var customBackground = `.CSK_Module_MultiRemoteLiDAR .myCustomBackground_CSK_Module_MultiRemoteLiDAR { background-color: #737F8522; }` // font-family: "Open Sans"; }`
37+
38+
style.innerHTML = headerToolbar;
39+
style.innerHTML += uiHeader;
40+
style.innerHTML += appLogo;
41+
style.innerHTML += uiNavbar;
42+
style.innerHTML += navbarMenuLiActive;
43+
style.innerHTML += navbarMenuLiActiveA;
44+
style.innerHTML += navbarMeluLi;
45+
style.innerHTML += navbarMeluLiA;
46+
style.innerHTML += headerToolbarButtonHighlight;
47+
style.innerHTML += toolbarButton;
48+
49+
style.innerHTML += customBackground;
50+
}
51+
else if (theme == 'None'){
52+
var headerToolbar = `.sopasjs-ui-header-toolbar-wrapper { background-color: #007fc3; }`
53+
var uiHeader = `.sopasjs-ui-header>.app-logo { margin-right:10px; }`
54+
var appLogo = `.app-logo { background-color:#007fc3; background-image: url('data:image/png;base64,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') }`
55+
var uiNavbar =`.sopasjs-ui-navbar-wrapper { background-color: #f6f8f9; }`
56+
var navbarMenuLiActive = `.sopasjs-navbar-menu>li.active { background-color: #007fc3; }`
57+
var navbarMenuLiActiveA = `.sopasjs-navbar-menu>li.active>a { background-color: #007fc3; }`
58+
var navbarMeluLi = `.sopasjs-navbar-menu>li { color: #697987; }`
59+
var navbarMeluLiA = `.sopasjs-navbar-menu>li>a { color: #505f6b; }`
60+
var headerToolbarButtonHighlight = `.sopasjs-ui-header-toolbar-button.sopasjs-ui-navigation-navbutton>a.highlight { background-color: #006093; }`
61+
var toolbarButton = `.sopasjs-ui-header-toolbar-button>a { color: #cce5f3; }`
62+
63+
var customBackground = `.CSK_Module_MultiRemoteLiDAR .myCustomBackground_CSK_Module_MultiRemoteLiDAR { background-color: #fff; }` // font-family: "sans-serif"; }`
64+
65+
style.innerHTML = headerToolbar;
66+
style.innerHTML += uiHeader;
67+
style.innerHTML += appLogo;
68+
style.innerHTML += uiNavbar;
69+
style.innerHTML += navbarMenuLiActive;
70+
style.innerHTML += navbarMenuLiActiveA;
71+
style.innerHTML += navbarMeluLi;
72+
style.innerHTML += navbarMeluLiA;
73+
style.innerHTML += headerToolbarButtonHighlight;
74+
style.innerHTML += toolbarButton;
75+
76+
style.innerHTML += customBackground;
77+
}
78+
document.head.append(style);
79+
return theme
1080
}

‎CSK_Module_MultiRemoteLiDAR/pages/src/index.ts‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
document.addEventListener('sopasjs-ready', () => {
2+
const page_1 = document.querySelector('div.sopasjs-ui-navbar-wrapper > div > ul > li:nth-child(3) > a > i');
3+
page_1.classList.remove('fa-file');
4+
page_1.classList.add('fa-bullseye');
5+
6+
const page_FirstLabel = document.querySelector('div.sopasjs-ui-navbar-wrapper > div > ul > li:nth-child(2)');
7+
const page_App = document.querySelector('div.sopasjs-ui-navbar-wrapper > div > ul > li:nth-child(4)');
8+
const page_Setup = document.querySelector('div.sopasjs-ui-navbar-wrapper > div > ul > li:nth-child(5) > a');
9+
10+
page_FirstLabel.remove();
11+
page_App.remove();
12+
page_Setup.remove();
13+
14+
setTimeout(() => {
15+
const element = document.querySelector("div.sjs-wrapper > div > div.sjs-fullscreen-toggle")
16+
if(element) {
17+
element.parentElement.removeChild(element)
18+
}
19+
document.title = 'CSK_Module_MultiRemoteLiDAR'
20+
}, 500);
21+
})

0 commit comments

Comments
 (0)