hr-design-system-handlebars 1.102.5 → 1.102.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/assets/index.css +3 -3
- package/dist/assets/js/components/dataPolicySettings/dataPolicySettingsDs.feature.js +47 -51
- package/dist/assets/js/components/externalService/externalServiceDs.feature.js +24 -6
- package/dist/views/components/externalService/external_service.hbs +1 -1
- package/dist/views/components/externalService/external_service_with_datapolicy_check.hbs +1 -1
- package/dist/views_static/components/externalService/external_service.hbs +1 -1
- package/dist/views_static/components/externalService/external_service_with_datapolicy_check.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/views/components/dataPolicySettings/dataPolicySettingsDs.feature.js +47 -51
- package/src/stories/views/components/externalService/externalServiceDs.feature.js +24 -6
- package/src/stories/views/components/externalService/external_service.hbs +1 -1
- package/src/stories/views/components/externalService/external_service_with_datapolicy_check.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v1.102.6 (Mon Sep 30 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Dpe 3178 d [#1078](https://github.com/mumprod/hr-design-system-handlebars/pull/1078) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v1.102.5 (Mon Sep 30 2024)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3495,7 +3495,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3495
3495
|
border-bottom-color: var(--color-secondary-ds);
|
|
3496
3496
|
}
|
|
3497
3497
|
.counter-reset {
|
|
3498
|
-
counter-reset:
|
|
3498
|
+
counter-reset: cnt1727685919490;
|
|
3499
3499
|
}
|
|
3500
3500
|
.hyphens-auto {
|
|
3501
3501
|
-webkit-hyphens: auto;
|
|
@@ -3903,7 +3903,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3903
3903
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3904
3904
|
}
|
|
3905
3905
|
.-ordered {
|
|
3906
|
-
counter-increment:
|
|
3906
|
+
counter-increment: cnt1727685919490 1;
|
|
3907
3907
|
}
|
|
3908
3908
|
.-ordered::before {
|
|
3909
3909
|
position: absolute;
|
|
@@ -3919,7 +3919,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3919
3919
|
letter-spacing: .0125em;
|
|
3920
3920
|
--tw-text-opacity: 1;
|
|
3921
3921
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3922
|
-
content: counter(
|
|
3922
|
+
content: counter(cnt1727685919490);
|
|
3923
3923
|
}
|
|
3924
3924
|
/*! ****************************/
|
|
3925
3925
|
/*! DataPolicy stuff */
|
|
@@ -18,29 +18,29 @@ const DataPolicySettings = function (context) {
|
|
|
18
18
|
providerTitle = hr$('.js-providerTitle', container)[0]
|
|
19
19
|
|
|
20
20
|
let isWebview = window.parent.document.documentElement.classList.contains('webview'),
|
|
21
|
-
appSettingsCookie = {}
|
|
22
|
-
dataSettingsCookie = {}
|
|
21
|
+
appSettingsCookie = {}
|
|
23
22
|
|
|
24
|
-
//Überprüfung
|
|
23
|
+
//Überprüfung ein Settings-Cookie da ist
|
|
25
24
|
const checkForExistingCookies = function () {
|
|
26
25
|
|
|
27
26
|
if (getJSONCookie('hrSettings')) {
|
|
28
27
|
getAllToggleValuesFromSettings()
|
|
29
28
|
}
|
|
30
29
|
else {
|
|
31
|
-
console.log("
|
|
32
|
-
//Wenn kein Cookie vorhanden wird diese initial über die Checkbox "Dienst ist initial immer aktiviert (Whitelist)"
|
|
30
|
+
console.log("Kein Cookie vorhanden");
|
|
31
|
+
//Wenn kein Cookie vorhanden wird diese initial über die Checkbox "Dienst ist initial immer aktiviert (Whitelist)"
|
|
33
32
|
//im Konfig-Dokument bestückt.
|
|
34
|
-
for (
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
33
|
+
for (var i = 0; i < toggleSwitches.length; ++i) {
|
|
34
|
+
if (toggleSwitches[i].getAttribute('data-whitelist') == "true") {
|
|
35
|
+
toggleSwitches[i].checked = true;
|
|
36
|
+
}
|
|
37
|
+
else{
|
|
38
|
+
toggleSwitches[i].checked = false;
|
|
39
|
+
}
|
|
40
|
+
setAllToggleEventListeners(toggleSwitches[i]);
|
|
41
|
+
initializeAllToggleEventListeners(i);
|
|
41
42
|
}
|
|
42
|
-
|
|
43
|
-
changeProviderTitle()
|
|
43
|
+
changeProviderTitle();
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
|
|
@@ -56,49 +56,45 @@ const DataPolicySettings = function (context) {
|
|
|
56
56
|
const getAllToggleValuesFromSettings = function () {
|
|
57
57
|
setAllToggleValuesFromSettings()
|
|
58
58
|
changeProviderTitle()
|
|
59
|
-
//initial alles deaktivieren
|
|
60
|
-
//hr-settings schreiben
|
|
61
|
-
|
|
62
59
|
}
|
|
63
60
|
|
|
64
61
|
const setAllToggleValuesFromSettings = function () {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
checkWhiteListAttribute()
|
|
81
|
-
toggleAllSwitch.checked = allTogglesExternalServiceChecked()
|
|
82
|
-
}
|
|
83
|
-
const checkWhiteListAttribute = function() {
|
|
84
|
-
for (let i = 0; i < toggleSwitches.length; ++i) {
|
|
85
|
-
if (toggleSwitches[i].getAttribute('data-whitelist') == 'true') {
|
|
86
|
-
toggleSwitches[i].checked = true
|
|
87
|
-
setCookieForSettings(toggleSwitches[i].id, toggleSwitches[i].checked)
|
|
88
|
-
} else {
|
|
89
|
-
toggleSwitches[i].checked = false;
|
|
90
|
-
setCookieForSettings(toggleSwitches[i].id, toggleSwitches[i].checked);
|
|
62
|
+
var id;
|
|
63
|
+
console.log("Setze alle Settings-Regler")
|
|
64
|
+
for (var i = 0; i < toggleSwitches.length; ++i) {
|
|
65
|
+
id = toggleSwitches[i].id;
|
|
66
|
+
if(settingsCookie.isSettingsCookieExistent(id)){
|
|
67
|
+
console.log("Dienst "+ id + " ist im Cookie enthalten und hat den Wert " + settingsCookie.isSettingsCookieAccepted(id))
|
|
68
|
+
if(settingsCookie.isSettingsCookieAccepted(id)) {
|
|
69
|
+
console.log("Aktiviere den Toggle")
|
|
70
|
+
toggleSwitches[i].checked = true;
|
|
71
|
+
}
|
|
72
|
+
else{
|
|
73
|
+
console.log("Deaktiviere den Toggle")
|
|
74
|
+
toggleSwitches[i].checked = false;
|
|
91
75
|
}
|
|
76
|
+
}
|
|
77
|
+
else{
|
|
78
|
+
console.log("Dienst "+ id + " ist im Cookie nicht enthalten, prüfe daher den Default")
|
|
79
|
+
var whiteList = document.getElementById(id).getAttribute("data-whitelist")
|
|
80
|
+
if(whiteList == 'true'){
|
|
81
|
+
console.log("Ist per Default eingeschaltet")
|
|
82
|
+
console.log("Aktiviere den Toggle")
|
|
83
|
+
toggleSwitches[i].checked = true;
|
|
84
|
+
}
|
|
85
|
+
else{
|
|
86
|
+
console.log("Ist per Default ausgeschaltet")
|
|
87
|
+
console.log("Deaktiviere den Toggle")
|
|
88
|
+
toggleSwitches[i].checked = false;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
}
|
|
92
|
+
setAllToggleEventListeners(toggleSwitches[i]);
|
|
93
|
+
initializeAllToggleEventListeners(i);
|
|
92
94
|
}
|
|
95
|
+
toggleAllSwitch.checked = allTogglesExternalServiceChecked()
|
|
93
96
|
}
|
|
94
|
-
|
|
95
|
-
return settingsCookie.isSettingsCookieAccepted(externalService)
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
const isCookieExistForSettings = function (externalService) {
|
|
99
|
-
return settingsCookie.isSettingsCookieExistent(externalService)
|
|
100
|
-
}
|
|
101
|
-
|
|
97
|
+
|
|
102
98
|
const initializeAllToggleEventListeners = function (serviceId) {
|
|
103
99
|
listen(
|
|
104
100
|
'hr:externalService-activate-' + toggleSwitches[serviceId].id,
|
|
@@ -27,7 +27,7 @@ const ExternalService = function (context) {
|
|
|
27
27
|
acceptAlwaysCheckbox = hr$('.js-dataPolicy-acceptPermanentely', rootElement)[0]
|
|
28
28
|
let embedCode = options.embedCode,
|
|
29
29
|
iframe,
|
|
30
|
-
settingsCookie,
|
|
30
|
+
settingsCookie = new SettingsCookie(),
|
|
31
31
|
noResponsiveIframe,
|
|
32
32
|
contentRefresher,
|
|
33
33
|
gemeindewahlergebnis,
|
|
@@ -354,13 +354,31 @@ const ExternalService = function (context) {
|
|
|
354
354
|
|
|
355
355
|
const initDataPolicy = function () {
|
|
356
356
|
if (dataPolicyCheck) {
|
|
357
|
-
settingsCookie = new SettingsCookie()
|
|
358
357
|
acceptButton = hr$('.js-dataPolicy-accept', rootElement)[0]
|
|
359
358
|
listen('click', handleDatapolicy, acceptButton)
|
|
360
|
-
if
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
359
|
+
if(settingsCookie.isSettingsCookieExistent(id)){
|
|
360
|
+
console.log("Dienst "+ id + " ist im Cookie enthalten und hat den Wert " + settingsCookie.isSettingsCookieAccepted(id))
|
|
361
|
+
if(settingsCookie.isSettingsCookieAccepted(id)) {
|
|
362
|
+
console.log("Lade den Dienst")
|
|
363
|
+
loadServiceWithDataPolicyButton();
|
|
364
|
+
}
|
|
365
|
+
else {
|
|
366
|
+
console.log("Zeige Datapolicy-Box")
|
|
367
|
+
dataPolicyBox.style.visibility = 'visible';
|
|
368
|
+
}
|
|
369
|
+
}
|
|
370
|
+
else{
|
|
371
|
+
console.log("Dienst "+ id + " ist im Cookie nicht enthalten, prüfe daher den Default")
|
|
372
|
+
if(whiteList){
|
|
373
|
+
console.log("Ist per Default eingeschaltet")
|
|
374
|
+
console.log("Lade den Dienst")
|
|
375
|
+
loadServiceWithDataPolicyButton();
|
|
376
|
+
}
|
|
377
|
+
else{
|
|
378
|
+
console.log("Ist per Default ausgeschaltet")
|
|
379
|
+
console.log("Zeige Datapolicy-Box")
|
|
380
|
+
dataPolicyBox.style.visibility = 'visible';
|
|
381
|
+
}
|
|
364
382
|
}
|
|
365
383
|
listen('hr:externalService-activate-' + id, loadServiceWithDataPolicyButton)
|
|
366
384
|
listen('hr:externalService-deactivate-' + id, removeExternalService)
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
{{else}}
|
|
18
18
|
<!-- Embedding via JS without DataPolicyCheck-->
|
|
19
19
|
<div class="c-externalService__{{this.externalServiceConfig.externalServiceId}} js-load"
|
|
20
|
-
data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": false,"iFrameConfig":{}}'>
|
|
20
|
+
data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": false,"whiteList": false,"iFrameConfig":{}}'>
|
|
21
21
|
</div>
|
|
22
22
|
{{/if}}
|
|
23
23
|
{{~> components/externalService/components/external_service_caption ~}}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
{{~> components/base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}
|
|
3
3
|
<div class="c-externalService c-externalService__{{this.externalServiceConfig.externalServiceId}}{{#unless
|
|
4
4
|
this.fixedHeight }} -noFixedHeight{{/unless}} js-load"
|
|
5
|
-
data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType":"{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": true,"iFrameConfig": { {{#if this.fixedHeight}}
|
|
5
|
+
data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType":"{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": true, "whiteList":{{this.externalServiceConfig.makeDatapolicyCheck}},"iFrameConfig": { {{#if this.fixedHeight}}
|
|
6
6
|
"fixedHeight":"{{this.fixedHeight}}"{{else}}{{#if this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"noResponsiveIframe":"{{{this.setResponsiveIframe}}}","webcomponent":"{{{this.setWebcomponent}}}"{{#if this.setTimedReloadIframe}},"refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"{{/if}} }}'>
|
|
7
7
|
{{~> components/externalService/components/external_service_data_policy ~}}
|
|
8
8
|
</div>
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
{{else}}
|
|
18
18
|
<!-- Embedding via JS without DataPolicyCheck-->
|
|
19
19
|
<div class="c-externalService__{{this.externalServiceConfig.externalServiceId}} js-load"
|
|
20
|
-
data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": false,"iFrameConfig":{}}'>
|
|
20
|
+
data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": false,"whiteList": false,"iFrameConfig":{}}'>
|
|
21
21
|
</div>
|
|
22
22
|
{{/if}}
|
|
23
23
|
{{~> components/externalService/components/external_service_caption ~}}
|
package/dist/views_static/components/externalService/external_service_with_datapolicy_check.hbs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
{{~> components/base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}
|
|
3
3
|
<div class="c-externalService c-externalService__{{this.externalServiceConfig.externalServiceId}}{{#unless
|
|
4
4
|
this.fixedHeight }} -noFixedHeight{{/unless}} js-load"
|
|
5
|
-
data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType":"{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": true,"iFrameConfig": { {{#if this.fixedHeight}}
|
|
5
|
+
data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType":"{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": true, "whiteList":{{this.externalServiceConfig.makeDatapolicyCheck}},"iFrameConfig": { {{#if this.fixedHeight}}
|
|
6
6
|
"fixedHeight":"{{this.fixedHeight}}"{{else}}{{#if this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"noResponsiveIframe":"{{{this.setResponsiveIframe}}}","webcomponent":"{{{this.setWebcomponent}}}"{{#if this.setTimedReloadIframe}},"refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"{{/if}} }}'>
|
|
7
7
|
{{~> components/externalService/components/external_service_data_policy ~}}
|
|
8
8
|
</div>
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"repository": "https://github.com/szuelch/hr-design-system-handlebars",
|
|
9
|
-
"version": "1.102.
|
|
9
|
+
"version": "1.102.6",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -18,29 +18,29 @@ const DataPolicySettings = function (context) {
|
|
|
18
18
|
providerTitle = hr$('.js-providerTitle', container)[0]
|
|
19
19
|
|
|
20
20
|
let isWebview = window.parent.document.documentElement.classList.contains('webview'),
|
|
21
|
-
appSettingsCookie = {}
|
|
22
|
-
dataSettingsCookie = {}
|
|
21
|
+
appSettingsCookie = {}
|
|
23
22
|
|
|
24
|
-
//Überprüfung
|
|
23
|
+
//Überprüfung ein Settings-Cookie da ist
|
|
25
24
|
const checkForExistingCookies = function () {
|
|
26
25
|
|
|
27
26
|
if (getJSONCookie('hrSettings')) {
|
|
28
27
|
getAllToggleValuesFromSettings()
|
|
29
28
|
}
|
|
30
29
|
else {
|
|
31
|
-
console.log("
|
|
32
|
-
//Wenn kein Cookie vorhanden wird diese initial über die Checkbox "Dienst ist initial immer aktiviert (Whitelist)"
|
|
30
|
+
console.log("Kein Cookie vorhanden");
|
|
31
|
+
//Wenn kein Cookie vorhanden wird diese initial über die Checkbox "Dienst ist initial immer aktiviert (Whitelist)"
|
|
33
32
|
//im Konfig-Dokument bestückt.
|
|
34
|
-
for (
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
33
|
+
for (var i = 0; i < toggleSwitches.length; ++i) {
|
|
34
|
+
if (toggleSwitches[i].getAttribute('data-whitelist') == "true") {
|
|
35
|
+
toggleSwitches[i].checked = true;
|
|
36
|
+
}
|
|
37
|
+
else{
|
|
38
|
+
toggleSwitches[i].checked = false;
|
|
39
|
+
}
|
|
40
|
+
setAllToggleEventListeners(toggleSwitches[i]);
|
|
41
|
+
initializeAllToggleEventListeners(i);
|
|
41
42
|
}
|
|
42
|
-
|
|
43
|
-
changeProviderTitle()
|
|
43
|
+
changeProviderTitle();
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
|
|
@@ -56,49 +56,45 @@ const DataPolicySettings = function (context) {
|
|
|
56
56
|
const getAllToggleValuesFromSettings = function () {
|
|
57
57
|
setAllToggleValuesFromSettings()
|
|
58
58
|
changeProviderTitle()
|
|
59
|
-
//initial alles deaktivieren
|
|
60
|
-
//hr-settings schreiben
|
|
61
|
-
|
|
62
59
|
}
|
|
63
60
|
|
|
64
61
|
const setAllToggleValuesFromSettings = function () {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
checkWhiteListAttribute()
|
|
81
|
-
toggleAllSwitch.checked = allTogglesExternalServiceChecked()
|
|
82
|
-
}
|
|
83
|
-
const checkWhiteListAttribute = function() {
|
|
84
|
-
for (let i = 0; i < toggleSwitches.length; ++i) {
|
|
85
|
-
if (toggleSwitches[i].getAttribute('data-whitelist') == 'true') {
|
|
86
|
-
toggleSwitches[i].checked = true
|
|
87
|
-
setCookieForSettings(toggleSwitches[i].id, toggleSwitches[i].checked)
|
|
88
|
-
} else {
|
|
89
|
-
toggleSwitches[i].checked = false;
|
|
90
|
-
setCookieForSettings(toggleSwitches[i].id, toggleSwitches[i].checked);
|
|
62
|
+
var id;
|
|
63
|
+
console.log("Setze alle Settings-Regler")
|
|
64
|
+
for (var i = 0; i < toggleSwitches.length; ++i) {
|
|
65
|
+
id = toggleSwitches[i].id;
|
|
66
|
+
if(settingsCookie.isSettingsCookieExistent(id)){
|
|
67
|
+
console.log("Dienst "+ id + " ist im Cookie enthalten und hat den Wert " + settingsCookie.isSettingsCookieAccepted(id))
|
|
68
|
+
if(settingsCookie.isSettingsCookieAccepted(id)) {
|
|
69
|
+
console.log("Aktiviere den Toggle")
|
|
70
|
+
toggleSwitches[i].checked = true;
|
|
71
|
+
}
|
|
72
|
+
else{
|
|
73
|
+
console.log("Deaktiviere den Toggle")
|
|
74
|
+
toggleSwitches[i].checked = false;
|
|
91
75
|
}
|
|
76
|
+
}
|
|
77
|
+
else{
|
|
78
|
+
console.log("Dienst "+ id + " ist im Cookie nicht enthalten, prüfe daher den Default")
|
|
79
|
+
var whiteList = document.getElementById(id).getAttribute("data-whitelist")
|
|
80
|
+
if(whiteList == 'true'){
|
|
81
|
+
console.log("Ist per Default eingeschaltet")
|
|
82
|
+
console.log("Aktiviere den Toggle")
|
|
83
|
+
toggleSwitches[i].checked = true;
|
|
84
|
+
}
|
|
85
|
+
else{
|
|
86
|
+
console.log("Ist per Default ausgeschaltet")
|
|
87
|
+
console.log("Deaktiviere den Toggle")
|
|
88
|
+
toggleSwitches[i].checked = false;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
}
|
|
92
|
+
setAllToggleEventListeners(toggleSwitches[i]);
|
|
93
|
+
initializeAllToggleEventListeners(i);
|
|
92
94
|
}
|
|
95
|
+
toggleAllSwitch.checked = allTogglesExternalServiceChecked()
|
|
93
96
|
}
|
|
94
|
-
|
|
95
|
-
return settingsCookie.isSettingsCookieAccepted(externalService)
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
const isCookieExistForSettings = function (externalService) {
|
|
99
|
-
return settingsCookie.isSettingsCookieExistent(externalService)
|
|
100
|
-
}
|
|
101
|
-
|
|
97
|
+
|
|
102
98
|
const initializeAllToggleEventListeners = function (serviceId) {
|
|
103
99
|
listen(
|
|
104
100
|
'hr:externalService-activate-' + toggleSwitches[serviceId].id,
|
|
@@ -27,7 +27,7 @@ const ExternalService = function (context) {
|
|
|
27
27
|
acceptAlwaysCheckbox = hr$('.js-dataPolicy-acceptPermanentely', rootElement)[0]
|
|
28
28
|
let embedCode = options.embedCode,
|
|
29
29
|
iframe,
|
|
30
|
-
settingsCookie,
|
|
30
|
+
settingsCookie = new SettingsCookie(),
|
|
31
31
|
noResponsiveIframe,
|
|
32
32
|
contentRefresher,
|
|
33
33
|
gemeindewahlergebnis,
|
|
@@ -354,13 +354,31 @@ const ExternalService = function (context) {
|
|
|
354
354
|
|
|
355
355
|
const initDataPolicy = function () {
|
|
356
356
|
if (dataPolicyCheck) {
|
|
357
|
-
settingsCookie = new SettingsCookie()
|
|
358
357
|
acceptButton = hr$('.js-dataPolicy-accept', rootElement)[0]
|
|
359
358
|
listen('click', handleDatapolicy, acceptButton)
|
|
360
|
-
if
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
359
|
+
if(settingsCookie.isSettingsCookieExistent(id)){
|
|
360
|
+
console.log("Dienst "+ id + " ist im Cookie enthalten und hat den Wert " + settingsCookie.isSettingsCookieAccepted(id))
|
|
361
|
+
if(settingsCookie.isSettingsCookieAccepted(id)) {
|
|
362
|
+
console.log("Lade den Dienst")
|
|
363
|
+
loadServiceWithDataPolicyButton();
|
|
364
|
+
}
|
|
365
|
+
else {
|
|
366
|
+
console.log("Zeige Datapolicy-Box")
|
|
367
|
+
dataPolicyBox.style.visibility = 'visible';
|
|
368
|
+
}
|
|
369
|
+
}
|
|
370
|
+
else{
|
|
371
|
+
console.log("Dienst "+ id + " ist im Cookie nicht enthalten, prüfe daher den Default")
|
|
372
|
+
if(whiteList){
|
|
373
|
+
console.log("Ist per Default eingeschaltet")
|
|
374
|
+
console.log("Lade den Dienst")
|
|
375
|
+
loadServiceWithDataPolicyButton();
|
|
376
|
+
}
|
|
377
|
+
else{
|
|
378
|
+
console.log("Ist per Default ausgeschaltet")
|
|
379
|
+
console.log("Zeige Datapolicy-Box")
|
|
380
|
+
dataPolicyBox.style.visibility = 'visible';
|
|
381
|
+
}
|
|
364
382
|
}
|
|
365
383
|
listen('hr:externalService-activate-' + id, loadServiceWithDataPolicyButton)
|
|
366
384
|
listen('hr:externalService-deactivate-' + id, removeExternalService)
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
{{else}}
|
|
18
18
|
<!-- Embedding via JS without DataPolicyCheck-->
|
|
19
19
|
<div class="c-externalService__{{this.externalServiceConfig.externalServiceId}} js-load"
|
|
20
|
-
data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": false,"iFrameConfig":{}}'>
|
|
20
|
+
data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": false,"whiteList": false,"iFrameConfig":{}}'>
|
|
21
21
|
</div>
|
|
22
22
|
{{/if}}
|
|
23
23
|
{{~> components/externalService/components/external_service_caption ~}}
|
package/src/stories/views/components/externalService/external_service_with_datapolicy_check.hbs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
{{~> components/base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}
|
|
3
3
|
<div class="c-externalService c-externalService__{{this.externalServiceConfig.externalServiceId}}{{#unless
|
|
4
4
|
this.fixedHeight }} -noFixedHeight{{/unless}} js-load"
|
|
5
|
-
data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType":"{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": true,"iFrameConfig": { {{#if this.fixedHeight}}
|
|
5
|
+
data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType":"{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": true, "whiteList":{{this.externalServiceConfig.makeDatapolicyCheck}},"iFrameConfig": { {{#if this.fixedHeight}}
|
|
6
6
|
"fixedHeight":"{{this.fixedHeight}}"{{else}}{{#if this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"noResponsiveIframe":"{{{this.setResponsiveIframe}}}","webcomponent":"{{{this.setWebcomponent}}}"{{#if this.setTimedReloadIframe}},"refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"{{/if}} }}'>
|
|
7
7
|
{{~> components/externalService/components/external_service_data_policy ~}}
|
|
8
8
|
</div>
|