Skip to content

Commit 75c7909

Browse files
golluroSICKAGgolluroSICKAG
authored
# Release 3.0.0 (#1)
# Release 3.0.0 ## New features - Supports FlowConfig feature to set images to process / provide results - 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 - Never deregistered from events - Error if module is not active but 'getInstancesAmount' was called - processInstanceNUM did not work after deregistering from event to process images - Reset of masks switched between circle and rectangle
1 parent e1d3032 commit 75c7909

22 files changed

Lines changed: 4065 additions & 1624 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 3.0.0
5+
6+
### New features
7+
- Supports FlowConfig feature to set images to process / provide results
8+
- Provide version of module via 'OnNewStatusModuleVersion'
9+
- Function 'getParameters' to provide PersistentData parameters
10+
- Check if features of module can be used on device and provide this via 'OnNewStatusModuleIsActive' event / 'getStatusModuleActive' function
11+
- Function to 'resetModule' to default setup
12+
13+
### Improvements
14+
- New UI design available (e.g. selectable via CSK_Module_PersistentData v4.1.0 or higher), see 'OnNewStatusCSKStyle'
15+
- check if instance exists if selected
16+
- 'loadParameters' returns its success
17+
- 'sendParameters' can control if sent data should be saved directly by CSK_Module_PersistentData
18+
- Changed log level of some messages from 'info' to 'fine'
19+
- Added UI icon and browser tab information
20+
21+
### Bugfix
22+
- Never deregistered from events
23+
- Error if module is not active but 'getInstancesAmount' was called
24+
- processInstanceNUM did not work after deregistering from event to process images
25+
- Reset of masks switched between circle and rectangle
26+
427
## Release 2.0.0
528

629
### Improvements

‎CSK_Module_MultiColorSelection/pages/.backup/CSK_Module_MultiColorSelection.msdd‎

-607 KB
Binary file not shown.

‎CSK_Module_MultiColorSelection/pages/assets/CSK_Module_MultiColorSelection/UI_sample.png‎

39.1 KB
Loading

‎CSK_Module_MultiColorSelection/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_MultiColorSelection/pages/pages/CSK_Module_MultiColorSelection/CSK_Module_MultiColorSelection.css‎

Lines changed: 107 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,119 @@
1-
.myCustomFrame_CSK_Module_MultiColorSelection {
2-
border-style: solid;
3-
border-width: 1px;
4-
border-color: grey;
5-
margin: 6px;
6-
}
7-
81
.myCustomSlider_CSK_Module_MultiColorSelection {
92
width: 98%;
103
min-width: none;
114
max-width: none;
125
}
136

147
.myViewer_CSK_Module_MultiColorSelection > div > div {
15-
max-height: 800px;
16-
min-height: 800px;
8+
max-height: 600px;
9+
min-height: 600px;
1710
}
1811

1912
.myCustomPlaceholder5pxHeight_CSK_Module_MultiColorSelection {
2013
min-height: 5px;
14+
}
15+
16+
.myCustomSpacerVert10_CSK_Module_MultiColorSelection {
17+
min-height: 10px;
18+
}
19+
20+
.myCustomSpacerVert20_CSK_Module_MultiColorSelection {
21+
min-height: 20px;
22+
}
23+
24+
.myCustomFrameLabel_CSK_Module_MultiColorSelection {
25+
background: white;
26+
position:relative;
27+
top: calc(-1.2rem);
28+
left: calc(1rem);
29+
font-size: medium;
30+
}
31+
32+
.myCustomMargin99Percent_CSK_Module_MultiColorSelection {
33+
margin: calc(1rem);
34+
margin-top: 20px;
35+
}
36+
37+
.myCustomMarginFirstRow_CSK_Module_MultiColorSelection {
38+
margin-top: -49px;
39+
}
40+
41+
.myCustomMarginLeft30PX_CSK_Module_MultiColorSelection {
42+
margin-left:30px;
43+
}
44+
45+
.myCustomMarginLeft-30PX_CSK_Module_MultiColorSelection {
46+
margin-left:-30px;
47+
}
48+
49+
.myCustomPersistentDataMargin_CSK_Module_MultiColorSelection {
50+
margin-top: -53px;
51+
margin-left: 130px;
52+
}
53+
54+
.myCustomPersistentDataMarginBack_CSK_Module_MultiColorSelection {
55+
margin-left: -130px;
56+
}
57+
58+
.myCustomBorderBottom_CSK_Module_MultiColorSelection {
59+
border-bottom: 1px solid lightgray;
60+
margin-inline: calc(1rem);
61+
}
62+
63+
.myCustomMarginInline1Rem_CSK_Module_MultiColorSelection {
64+
margin-inline: calc(0.5rem);
65+
}
66+
67+
.myCustomBorderLeft_CSK_Module_MultiColorSelection {
68+
border-left: 1px solid lightgray;
69+
}
70+
71+
.myCustomTabFrame_CSK_Module_MultiColorSelection {
72+
width: 98%;
73+
align-self: center;
74+
}
75+
76+
.myCustomLabel_CSK_Module_MultiColorSelection {
77+
font-size:30px;
78+
color: grey;
79+
margin-top: 10px;
80+
}
81+
82+
.myCustomFrameNoColor_CSK_Module_MultiColorSelection {
83+
margin: 6px;
84+
border-radius: 10px;
85+
border-style: solid;
86+
border-width: 0px;
87+
border-color: 007CC1;
88+
background-color: #FFFFFF;
89+
}
90+
91+
.myCustomFrame_CSK_Module_MultiColorSelection {
92+
margin: 6px;
93+
border-radius: 10px;
94+
border-style: solid;
95+
border-width: 1px;
96+
border-color: #007CC1;
97+
background-color: white;
98+
}
99+
100+
.myCustomFrameNoColor_CSK_Module_MultiColorSelection {
101+
margin: 6px;
102+
border-radius: 10px;
103+
border-style: solid;
104+
border-width: 0px;
105+
border-color: 007CC1;
106+
background-color: white;
107+
}
108+
109+
.myCustomMarginTop7PX_CSK_Module_MultiColorSelection {
110+
margin-top: 7px;
111+
}
112+
113+
.myCustomBackground_CSK_Module_MultiColorSelection {
114+
}
115+
116+
.myCustomButton_CSK_Module_MultiColorSelection {
117+
border-radius: 30px;
118+
padding-right: 0px;
21119
}

‎CSK_Module_MultiColorSelection/pages/pages/CSK_Module_MultiColorSelection/CSK_Module_MultiColorSelection.html‎

Lines changed: 1530 additions & 1021 deletions
Large diffs are not rendered by default.

‎CSK_Module_MultiColorSelection/pages/src/converter.ts‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,4 +7,65 @@ export function changeID(id) {
77
viewerElement.setAttribute('viewer-id', id);
88
viewerElement.triggerResume();
99
return id;
10+
}
11+
12+
export function changeStyle(theme) {
13+
const style: HTMLStyleElement = document.createElement('style');
14+
style.id ='blub'
15+
if (theme == 'CSK_Style'){
16+
var headerToolbar = `.sopasjs-ui-header-toolbar-wrapper { background-color: #FFFFFF; }`
17+
var uiHeader = `.sopasjs-ui-header>.app-logo { margin-right:0px; }`
18+
var appLogo = `.app-logo { background-color:#FFFFFF; background-image: url(data:image/png;base64,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) }`
19+
var uiNavbar =`.sopasjs-ui-navbar-wrapper { background-color: #737F85; }`
20+
var navbarMenuLiActive = `.sopasjs-navbar-menu>li.active { background-color: #283c45; }`
21+
var navbarMenuLiActiveA = `.sopasjs-navbar-menu>li.active>a { background-color: #283c45; }`
22+
var navbarMeluLi = `.sopasjs-navbar-menu>li { color: #FFFFFF; }`
23+
var navbarMeluLiA = `.sopasjs-navbar-menu>li>a { color: #FFFFFF; }`
24+
var headerToolbarButtonHighlight = `.sopasjs-ui-header-toolbar-button.sopasjs-ui-navigation-navbutton>a.highlight { background-color: #737F85; }`
25+
var toolbarButton = `.sopasjs-ui-header-toolbar-button>a { color: #283c45; }`
26+
27+
var customBackground = `.CSK_Module_MultiColorSelection .myCustomBackground_CSK_Module_MultiColorSelection { background-color: #737F8522; }` // font-family: "Open Sans"; }`
28+
29+
style.innerHTML = headerToolbar;
30+
style.innerHTML += uiHeader;
31+
style.innerHTML += appLogo;
32+
style.innerHTML += uiNavbar;
33+
style.innerHTML += navbarMenuLiActive;
34+
style.innerHTML += navbarMenuLiActiveA;
35+
style.innerHTML += navbarMeluLi;
36+
style.innerHTML += navbarMeluLiA;
37+
style.innerHTML += headerToolbarButtonHighlight;
38+
style.innerHTML += toolbarButton;
39+
40+
style.innerHTML += customBackground;
41+
}
42+
else if (theme == 'None'){
43+
var headerToolbar = `.sopasjs-ui-header-toolbar-wrapper { background-color: #007fc3; }`
44+
var uiHeader = `.sopasjs-ui-header>.app-logo { margin-right:10px; }`
45+
var appLogo = `.app-logo { background-color:#007fc3; background-image: url('data:image/png;base64,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') }`
46+
var uiNavbar =`.sopasjs-ui-navbar-wrapper { background-color: #f6f8f9; }`
47+
var navbarMenuLiActive = `.sopasjs-navbar-menu>li.active { background-color: #007fc3; }`
48+
var navbarMenuLiActiveA = `.sopasjs-navbar-menu>li.active>a { background-color: #007fc3; }`
49+
var navbarMeluLi = `.sopasjs-navbar-menu>li { color: #697987; }`
50+
var navbarMeluLiA = `.sopasjs-navbar-menu>li>a { color: #505f6b; }`
51+
var headerToolbarButtonHighlight = `.sopasjs-ui-header-toolbar-button.sopasjs-ui-navigation-navbutton>a.highlight { background-color: #006093; }`
52+
var toolbarButton = `.sopasjs-ui-header-toolbar-button>a { color: #cce5f3; }`
53+
54+
var customBackground = `.CSK_Module_MultiColorSelection .myCustomBackground_CSK_Module_MultiColorSelection { background-color: #fff; }` // font-family: "sans-serif"; }`
55+
56+
style.innerHTML = headerToolbar;
57+
style.innerHTML += uiHeader;
58+
style.innerHTML += appLogo;
59+
style.innerHTML += uiNavbar;
60+
style.innerHTML += navbarMenuLiActive;
61+
style.innerHTML += navbarMenuLiActiveA;
62+
style.innerHTML += navbarMeluLi;
63+
style.innerHTML += navbarMeluLiA;
64+
style.innerHTML += headerToolbarButtonHighlight;
65+
style.innerHTML += toolbarButton;
66+
67+
style.innerHTML += customBackground;
68+
}
69+
document.head.append(style);
70+
return theme
1071
}

‎CSK_Module_MultiColorSelection/pages/src/index.ts‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
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-tint');
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+
document.title = 'CSK_Module_MultiColorSelection'
16+
}, 500);
17+
})

0 commit comments

Comments
 (0)