hr-design-system-handlebars 1.110.13 → 1.111.0
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 +24 -0
- package/dist/assets/brand/you-fm/conf/locatags.merged.json +2 -2
- package/dist/assets/index.css +3 -3
- package/dist/assets/js/components/external-service/externalServiceDs.feature.js +55 -58
- package/dist/views/components/forms/components/message.hbs +2 -2
- package/dist/views_static/components/forms/components/message.hbs +2 -2
- package/package.json +1 -1
- package/src/assets/brand/you-fm/conf/locatags.json +3 -1
- package/src/assets/brand/you-fm/conf/locatags.merged.json +2 -2
- package/src/assets/fixtures/external-service/external_service.json +1 -1
- package/src/stories/views/components/external-service/externalServiceDs.feature.js +55 -58
- package/src/stories/views/components/external-service/fixtures/external_service.json +1 -1
- package/src/stories/views/components/forms/components/message.hbs +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.111.0 (Thu Oct 17 2024)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- Bug/dpe 3316 [#1119](https://github.com/mumprod/hr-design-system-handlebars/pull/1119) ([@szuelch](https://github.com/szuelch))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@szuelch](https://github.com/szuelch)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.110.14 (Thu Oct 17 2024)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- path adjusted [#1118](https://github.com/mumprod/hr-design-system-handlebars/pull/1118) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.110.13 (Thu Oct 17 2024)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
|
@@ -161,8 +161,8 @@
|
|
|
161
161
|
"ext_service_datapolicy_accept_permanently_text": "Externe Inhalte von <b>{0}</b> zukünftig immer anzeigen.",
|
|
162
162
|
"ext_service_datapolicy_accept_button_text": "Inhalt anzeigen",
|
|
163
163
|
"ext_service_datapolicy_headline": "Externen Inhalt von {0} anzeigen?",
|
|
164
|
-
"ext_service_datapolicy_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Beim Laden des Inhalts werden Daten an den Anbieter und ggf. weitere Dritte übertragen. Nähere Informationen
|
|
165
|
-
"ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da
|
|
164
|
+
"ext_service_datapolicy_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Beim Laden des Inhalts werden Daten an den Anbieter und ggf. weitere Dritte übertragen. Nähere Informationen erhältst du in unseren ",
|
|
165
|
+
"ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da du in deinem Browser Javascript deaktiviert hast, kann dieser hier nicht angezeigt werden. Der nachfolgende Link öffnet den Inhalt auf der Seite des Anbieters.",
|
|
166
166
|
"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
|
|
167
167
|
"story_infobox_intro_sr": "Weitere Informationen",
|
|
168
168
|
"story_infobox_outro_sr": "Ende der weiteren Informationen",
|
package/dist/assets/index.css
CHANGED
|
@@ -3570,7 +3570,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3570
3570
|
border-bottom-color: var(--color-secondary-ds);
|
|
3571
3571
|
}
|
|
3572
3572
|
.counter-reset {
|
|
3573
|
-
counter-reset:
|
|
3573
|
+
counter-reset: cnt1729175484824;
|
|
3574
3574
|
}
|
|
3575
3575
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
3576
3576
|
font-size: 0.75rem;
|
|
@@ -3984,7 +3984,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3984
3984
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3985
3985
|
}
|
|
3986
3986
|
.-ordered {
|
|
3987
|
-
counter-increment:
|
|
3987
|
+
counter-increment: cnt1729175484824 1;
|
|
3988
3988
|
}
|
|
3989
3989
|
.-ordered::before {
|
|
3990
3990
|
position: absolute;
|
|
@@ -4002,7 +4002,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
4002
4002
|
--tw-text-opacity: 1;
|
|
4003
4003
|
color: rgba(0, 0, 0, 1);
|
|
4004
4004
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4005
|
-
content: counter(
|
|
4005
|
+
content: counter(cnt1729175484824);
|
|
4006
4006
|
}
|
|
4007
4007
|
/*! ****************************/
|
|
4008
4008
|
/*! DataPolicy stuff */
|
|
@@ -13,9 +13,9 @@ import {
|
|
|
13
13
|
} from 'hrQuery'
|
|
14
14
|
|
|
15
15
|
const ExternalService = function (context) {
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
const { options } = context,
|
|
17
|
+
{ element: rootElement } = context,
|
|
18
|
+
rootParent = rootElement.parentNode
|
|
19
19
|
let dataPolicyBox = hr$('.js-datapolicy', rootElement)[0]
|
|
20
20
|
const dataPolicyBoxHTML = typeof dataPolicyBox !== 'undefined' ? dataPolicyBox.outerHTML : '',
|
|
21
21
|
contentSettingsButton = hr$('.js-content-settings-button', rootParent)[0],
|
|
@@ -33,7 +33,7 @@ const ExternalService = function (context) {
|
|
|
33
33
|
gemeindewahlergebnis,
|
|
34
34
|
uniqueId,
|
|
35
35
|
isExternalServiceLoaded = false
|
|
36
|
-
|
|
36
|
+
|
|
37
37
|
const testDOMElements = function () {
|
|
38
38
|
console.log(rootElement)
|
|
39
39
|
console.log(rootParent)
|
|
@@ -71,19 +71,16 @@ const ExternalService = function (context) {
|
|
|
71
71
|
})
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
const insertExternalService = function () {
|
|
75
75
|
switch (embedType) {
|
|
76
76
|
case 'js':
|
|
77
77
|
switch (id) {
|
|
78
78
|
case 'facebook-post':
|
|
79
79
|
createFacebookEmbed()
|
|
80
80
|
break
|
|
81
|
-
case 'instagram
|
|
81
|
+
case 'instagram':
|
|
82
82
|
createInstagramEmbed()
|
|
83
83
|
break
|
|
84
|
-
case 'instagram-story':
|
|
85
|
-
createInstagramEmbed()
|
|
86
|
-
break
|
|
87
84
|
case 'twitter':
|
|
88
85
|
createTwitterEmbed()
|
|
89
86
|
break
|
|
@@ -101,10 +98,10 @@ const ExternalService = function (context) {
|
|
|
101
98
|
break
|
|
102
99
|
case 'wahlomat':
|
|
103
100
|
createWahlOMatEmbed()
|
|
104
|
-
break
|
|
101
|
+
break
|
|
105
102
|
case 'wahl-gemeinde-ergebnis':
|
|
106
103
|
createWahlGemeindeErgebnisEmbed()
|
|
107
|
-
break
|
|
104
|
+
break
|
|
108
105
|
default:
|
|
109
106
|
console.error('No JS Config for external service ' + id)
|
|
110
107
|
break
|
|
@@ -114,9 +111,9 @@ const ExternalService = function (context) {
|
|
|
114
111
|
loadIframe() //für alle Dienste die nicht der DSGVO Datapolicy unterliegen
|
|
115
112
|
}
|
|
116
113
|
}
|
|
117
|
-
|
|
114
|
+
|
|
118
115
|
const createWahlGemeindeErgebnisEmbed = function () {
|
|
119
|
-
gemeindewahlergebnis = new CreateWahlGemeindeErgebnis(embedCode,rootElement)
|
|
116
|
+
gemeindewahlergebnis = new CreateWahlGemeindeErgebnis(embedCode, rootElement)
|
|
120
117
|
gemeindewahlergebnis.createErgebnis()
|
|
121
118
|
}
|
|
122
119
|
const createWahlOMatEmbed = function () {
|
|
@@ -150,9 +147,9 @@ const ExternalService = function (context) {
|
|
|
150
147
|
script.type = 'text/javascript'
|
|
151
148
|
rootElement.appendChild(script)
|
|
152
149
|
}
|
|
153
|
-
const createUniqueID = function() {
|
|
154
|
-
|
|
155
|
-
|
|
150
|
+
const createUniqueID = function () {
|
|
151
|
+
console.log("Erzeuge einzigartige ID")
|
|
152
|
+
uniqueId = Math.random().toString(36).replace(/[^a-z]+/g, '').substring(2, 10)
|
|
156
153
|
}
|
|
157
154
|
|
|
158
155
|
const getAspectRatioClass = function () {
|
|
@@ -166,36 +163,36 @@ const ExternalService = function (context) {
|
|
|
166
163
|
case '100x27':
|
|
167
164
|
return "ar-100-27"
|
|
168
165
|
case '100':
|
|
169
|
-
return "ar-1-1"
|
|
166
|
+
return "ar-1-1"
|
|
170
167
|
case '9x16':
|
|
171
168
|
return "ar-9-16"
|
|
172
169
|
case '7x16':
|
|
173
170
|
return "ar-7-16"
|
|
174
171
|
default:
|
|
175
172
|
return "ar-16-9"
|
|
176
|
-
}
|
|
173
|
+
}
|
|
177
174
|
}
|
|
178
175
|
|
|
179
176
|
const createDataWrapperEmbed = function () {
|
|
180
177
|
removeDatapolicyBox()
|
|
181
178
|
createUniqueID()
|
|
182
|
-
console.log("UniqueID"+uniqueId)
|
|
179
|
+
console.log("UniqueID" + uniqueId)
|
|
183
180
|
if (iFrameConfig.noResponsiveIframe == 'true') {
|
|
184
181
|
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
}
|
|
182
|
+
//Klassisches Iframe mit AR-Wrapper oder fester Höhe
|
|
183
|
+
noResponsiveIframe = new DataWrapperNoResponsiveIframe(context, iFrameConfig.aspectRatio, iFrameConfig.fixedHeight, uniqueId, embedCode)
|
|
184
|
+
noResponsiveIframe.createNoResponsiveIframe()
|
|
185
|
+
|
|
186
|
+
if (iFrameConfig.refreshContent == 'true') {
|
|
187
|
+
console.log("contentRefresher anfügen")
|
|
188
|
+
contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall, false)
|
|
189
|
+
contentRefresher.createRefresher()
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
}
|
|
196
193
|
else {
|
|
197
|
-
if(iFrameConfig.webcomponent == 'true') {
|
|
198
|
-
|
|
194
|
+
if (iFrameConfig.webcomponent == 'true') {
|
|
195
|
+
|
|
199
196
|
// Webcomponent
|
|
200
197
|
const divTag = document.createElement('div')
|
|
201
198
|
divTag.id = 'datawrapper-chart-' + uniqueId
|
|
@@ -239,16 +236,16 @@ const ExternalService = function (context) {
|
|
|
239
236
|
'datawrapper-js',
|
|
240
237
|
'https://static.hr.de/hessenschau/datawrapper/responsiveIframe.js',
|
|
241
238
|
true
|
|
242
|
-
)
|
|
239
|
+
)
|
|
243
240
|
if (iFrameConfig.refreshContent == 'true') {
|
|
244
241
|
console.log("contentRefresher anfügen")
|
|
245
242
|
contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall, false)
|
|
246
243
|
contentRefresher.createRefresher()
|
|
247
244
|
}
|
|
248
|
-
|
|
245
|
+
|
|
249
246
|
}
|
|
250
|
-
|
|
251
|
-
|
|
247
|
+
|
|
248
|
+
|
|
252
249
|
}
|
|
253
250
|
}
|
|
254
251
|
|
|
@@ -291,7 +288,7 @@ const ExternalService = function (context) {
|
|
|
291
288
|
const createInstagramEmbed = function () {
|
|
292
289
|
loadScript('instagram-js', '//www.instagram.com/embed.js', true)
|
|
293
290
|
embedCode = options.embedCode
|
|
294
|
-
var
|
|
291
|
+
var instagramEmbedCode =
|
|
295
292
|
"<blockquote class='instagram-media' data-instgrm-captioned " +
|
|
296
293
|
"data-instgrm-permalink='" +
|
|
297
294
|
embedCode +
|
|
@@ -341,15 +338,15 @@ const ExternalService = function (context) {
|
|
|
341
338
|
|
|
342
339
|
const loadIframe = function () {
|
|
343
340
|
console.log('load iframe ' + id)
|
|
344
|
-
iframe = "<iframe id='i_frame' data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>"
|
|
341
|
+
iframe = "<iframe id='i_frame' data-isloaded='0' src='" + embedCode + "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>"
|
|
345
342
|
if (iFrameConfig.aspectRatio) {
|
|
346
|
-
iframe ="<div class='!h-full'><div class='"+ getAspectRatioClass() +"'><iframe id='i_frame' data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div></div>"
|
|
343
|
+
iframe = "<div class='!h-full'><div class='" + getAspectRatioClass() + "'><iframe id='i_frame' data-isloaded='0' src='" + embedCode + "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div></div>"
|
|
347
344
|
//TODO Weiche Animation der Inhalte
|
|
348
345
|
} else {
|
|
349
346
|
if (iFrameConfig.fixedHeight) {
|
|
350
|
-
iframe = "<div style='height:"+ iFrameConfig.fixedHeight +"px'><iframe data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
|
|
347
|
+
iframe = "<div style='height:" + iFrameConfig.fixedHeight + "px'><iframe data-isloaded='0' src='" + embedCode + "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
|
|
351
348
|
} else {
|
|
352
|
-
iframe = "<div class='!h-full'><iframe data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
|
|
349
|
+
iframe = "<div class='!h-full'><iframe data-isloaded='0' src='" + embedCode + "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
|
|
353
350
|
}
|
|
354
351
|
}
|
|
355
352
|
replaceAnimated(rootElement, iframe, false)
|
|
@@ -359,28 +356,28 @@ const ExternalService = function (context) {
|
|
|
359
356
|
if (dataPolicyCheck) {
|
|
360
357
|
acceptButton = hr$('.js-dataPolicy-accept', rootElement)[0]
|
|
361
358
|
listen('click', handleDatapolicy, acceptButton)
|
|
362
|
-
if(settingsCookie.isSettingsCookieExistent(id)){
|
|
363
|
-
console.log("Dienst "+ id + " ist im Cookie enthalten und hat den Wert " + settingsCookie.isSettingsCookieAccepted(id))
|
|
364
|
-
if(settingsCookie.isSettingsCookieAccepted(id)) {
|
|
365
|
-
|
|
366
|
-
|
|
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();
|
|
367
364
|
}
|
|
368
365
|
else {
|
|
369
|
-
|
|
370
|
-
|
|
366
|
+
console.log("Zeige Datapolicy-Box")
|
|
367
|
+
dataPolicyBox.style.visibility = 'visible';
|
|
371
368
|
}
|
|
372
369
|
}
|
|
373
|
-
|
|
374
|
-
console.log("Dienst "+ id + " ist im Cookie nicht enthalten, prüfe daher den Default")
|
|
375
|
-
if(document.getElementById(id).getAttribute("data-whitelist") == "true"){
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
370
|
+
else {
|
|
371
|
+
console.log("Dienst " + id + " ist im Cookie nicht enthalten, prüfe daher den Default")
|
|
372
|
+
if (document.getElementById(id).getAttribute("data-whitelist") == "true") {
|
|
373
|
+
console.log("Ist per Default eingeschaltet")
|
|
374
|
+
console.log("Lade den Dienst")
|
|
375
|
+
loadServiceWithDataPolicyButton();
|
|
379
376
|
}
|
|
380
|
-
else{
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
377
|
+
else {
|
|
378
|
+
console.log("Ist per Default ausgeschaltet")
|
|
379
|
+
console.log("Zeige Datapolicy-Box")
|
|
380
|
+
dataPolicyBox.style.visibility = 'visible';
|
|
384
381
|
}
|
|
385
382
|
}
|
|
386
383
|
listen('hr:externalService-activate-' + id, loadServiceWithDataPolicyButton)
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<div class="flex flex-row items-center justify-between w-full">
|
|
2
2
|
<div class="flex items-center gap-x-2 md:gap-x-3">
|
|
3
3
|
{{#if _success}}
|
|
4
|
-
{{> components/forms/success_icon}}
|
|
4
|
+
{{> components/forms/components/success_icon}}
|
|
5
5
|
<span class="h-5 font-bold text-success">{{#if this.successText}}{{this.successText.richtext}}{{else}}{{~loca "webform_send_text_success"}}{{/if}}</span>
|
|
6
6
|
{{else}}
|
|
7
|
-
{{> components/forms/error_icon _class="!block"}}
|
|
7
|
+
{{> components/forms/components/error_icon _class="!block"}}
|
|
8
8
|
<span class="h-5 font-bold text-error dark:text-error-dark">{{~loca "webform_send_text_error"}}</span>
|
|
9
9
|
{{/if}}
|
|
10
10
|
</div>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<div class="flex flex-row items-center justify-between w-full">
|
|
2
2
|
<div class="flex items-center gap-x-2 md:gap-x-3">
|
|
3
3
|
{{#if _success}}
|
|
4
|
-
{{> components/forms/success_icon}}
|
|
4
|
+
{{> components/forms/components/success_icon}}
|
|
5
5
|
<span class="h-5 font-bold text-success">{{#if this.successText}}{{this.successText.richtext}}{{else}}{{~loca "webform_send_text_success"}}{{/if}}</span>
|
|
6
6
|
{{else}}
|
|
7
|
-
{{> components/forms/error_icon _class="!block"}}
|
|
7
|
+
{{> components/forms/components/error_icon _class="!block"}}
|
|
8
8
|
<span class="h-5 font-bold text-error dark:text-error-dark">{{~loca "webform_send_text_error"}}</span>
|
|
9
9
|
{{/if}}
|
|
10
10
|
</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.
|
|
9
|
+
"version": "1.111.0",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"event_calendar_title": "Eventkalender",
|
|
3
|
+
"ext_service_datapolicy_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Beim Laden des Inhalts werden Daten an den Anbieter und ggf. weitere Dritte übertragen. Nähere Informationen erhältst du in unseren ",
|
|
4
|
+
"ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da du in deinem Browser Javascript deaktiviert hast, kann dieser hier nicht angezeigt werden. Der nachfolgende Link öffnet den Inhalt auf der Seite des Anbieters.",
|
|
3
5
|
"header_homepage_link_title": "Startseite you-fm . d e",
|
|
4
|
-
|
|
6
|
+
"meta_application_name": "you-fm.de"
|
|
5
7
|
}
|
|
@@ -161,8 +161,8 @@
|
|
|
161
161
|
"ext_service_datapolicy_accept_permanently_text": "Externe Inhalte von <b>{0}</b> zukünftig immer anzeigen.",
|
|
162
162
|
"ext_service_datapolicy_accept_button_text": "Inhalt anzeigen",
|
|
163
163
|
"ext_service_datapolicy_headline": "Externen Inhalt von {0} anzeigen?",
|
|
164
|
-
"ext_service_datapolicy_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Beim Laden des Inhalts werden Daten an den Anbieter und ggf. weitere Dritte übertragen. Nähere Informationen
|
|
165
|
-
"ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da
|
|
164
|
+
"ext_service_datapolicy_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Beim Laden des Inhalts werden Daten an den Anbieter und ggf. weitere Dritte übertragen. Nähere Informationen erhältst du in unseren ",
|
|
165
|
+
"ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da du in deinem Browser Javascript deaktiviert hast, kann dieser hier nicht angezeigt werden. Der nachfolgende Link öffnet den Inhalt auf der Seite des Anbieters.",
|
|
166
166
|
"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
|
|
167
167
|
"story_infobox_intro_sr": "Weitere Informationen",
|
|
168
168
|
"story_infobox_outro_sr": "Ende der weiteren Informationen",
|
|
@@ -13,9 +13,9 @@ import {
|
|
|
13
13
|
} from 'hrQuery'
|
|
14
14
|
|
|
15
15
|
const ExternalService = function (context) {
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
const { options } = context,
|
|
17
|
+
{ element: rootElement } = context,
|
|
18
|
+
rootParent = rootElement.parentNode
|
|
19
19
|
let dataPolicyBox = hr$('.js-datapolicy', rootElement)[0]
|
|
20
20
|
const dataPolicyBoxHTML = typeof dataPolicyBox !== 'undefined' ? dataPolicyBox.outerHTML : '',
|
|
21
21
|
contentSettingsButton = hr$('.js-content-settings-button', rootParent)[0],
|
|
@@ -33,7 +33,7 @@ const ExternalService = function (context) {
|
|
|
33
33
|
gemeindewahlergebnis,
|
|
34
34
|
uniqueId,
|
|
35
35
|
isExternalServiceLoaded = false
|
|
36
|
-
|
|
36
|
+
|
|
37
37
|
const testDOMElements = function () {
|
|
38
38
|
console.log(rootElement)
|
|
39
39
|
console.log(rootParent)
|
|
@@ -71,19 +71,16 @@ const ExternalService = function (context) {
|
|
|
71
71
|
})
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
const insertExternalService = function () {
|
|
75
75
|
switch (embedType) {
|
|
76
76
|
case 'js':
|
|
77
77
|
switch (id) {
|
|
78
78
|
case 'facebook-post':
|
|
79
79
|
createFacebookEmbed()
|
|
80
80
|
break
|
|
81
|
-
case 'instagram
|
|
81
|
+
case 'instagram':
|
|
82
82
|
createInstagramEmbed()
|
|
83
83
|
break
|
|
84
|
-
case 'instagram-story':
|
|
85
|
-
createInstagramEmbed()
|
|
86
|
-
break
|
|
87
84
|
case 'twitter':
|
|
88
85
|
createTwitterEmbed()
|
|
89
86
|
break
|
|
@@ -101,10 +98,10 @@ const ExternalService = function (context) {
|
|
|
101
98
|
break
|
|
102
99
|
case 'wahlomat':
|
|
103
100
|
createWahlOMatEmbed()
|
|
104
|
-
break
|
|
101
|
+
break
|
|
105
102
|
case 'wahl-gemeinde-ergebnis':
|
|
106
103
|
createWahlGemeindeErgebnisEmbed()
|
|
107
|
-
break
|
|
104
|
+
break
|
|
108
105
|
default:
|
|
109
106
|
console.error('No JS Config for external service ' + id)
|
|
110
107
|
break
|
|
@@ -114,9 +111,9 @@ const ExternalService = function (context) {
|
|
|
114
111
|
loadIframe() //für alle Dienste die nicht der DSGVO Datapolicy unterliegen
|
|
115
112
|
}
|
|
116
113
|
}
|
|
117
|
-
|
|
114
|
+
|
|
118
115
|
const createWahlGemeindeErgebnisEmbed = function () {
|
|
119
|
-
gemeindewahlergebnis = new CreateWahlGemeindeErgebnis(embedCode,rootElement)
|
|
116
|
+
gemeindewahlergebnis = new CreateWahlGemeindeErgebnis(embedCode, rootElement)
|
|
120
117
|
gemeindewahlergebnis.createErgebnis()
|
|
121
118
|
}
|
|
122
119
|
const createWahlOMatEmbed = function () {
|
|
@@ -150,9 +147,9 @@ const ExternalService = function (context) {
|
|
|
150
147
|
script.type = 'text/javascript'
|
|
151
148
|
rootElement.appendChild(script)
|
|
152
149
|
}
|
|
153
|
-
const createUniqueID = function() {
|
|
154
|
-
|
|
155
|
-
|
|
150
|
+
const createUniqueID = function () {
|
|
151
|
+
console.log("Erzeuge einzigartige ID")
|
|
152
|
+
uniqueId = Math.random().toString(36).replace(/[^a-z]+/g, '').substring(2, 10)
|
|
156
153
|
}
|
|
157
154
|
|
|
158
155
|
const getAspectRatioClass = function () {
|
|
@@ -166,36 +163,36 @@ const ExternalService = function (context) {
|
|
|
166
163
|
case '100x27':
|
|
167
164
|
return "ar-100-27"
|
|
168
165
|
case '100':
|
|
169
|
-
return "ar-1-1"
|
|
166
|
+
return "ar-1-1"
|
|
170
167
|
case '9x16':
|
|
171
168
|
return "ar-9-16"
|
|
172
169
|
case '7x16':
|
|
173
170
|
return "ar-7-16"
|
|
174
171
|
default:
|
|
175
172
|
return "ar-16-9"
|
|
176
|
-
}
|
|
173
|
+
}
|
|
177
174
|
}
|
|
178
175
|
|
|
179
176
|
const createDataWrapperEmbed = function () {
|
|
180
177
|
removeDatapolicyBox()
|
|
181
178
|
createUniqueID()
|
|
182
|
-
console.log("UniqueID"+uniqueId)
|
|
179
|
+
console.log("UniqueID" + uniqueId)
|
|
183
180
|
if (iFrameConfig.noResponsiveIframe == 'true') {
|
|
184
181
|
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
}
|
|
182
|
+
//Klassisches Iframe mit AR-Wrapper oder fester Höhe
|
|
183
|
+
noResponsiveIframe = new DataWrapperNoResponsiveIframe(context, iFrameConfig.aspectRatio, iFrameConfig.fixedHeight, uniqueId, embedCode)
|
|
184
|
+
noResponsiveIframe.createNoResponsiveIframe()
|
|
185
|
+
|
|
186
|
+
if (iFrameConfig.refreshContent == 'true') {
|
|
187
|
+
console.log("contentRefresher anfügen")
|
|
188
|
+
contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall, false)
|
|
189
|
+
contentRefresher.createRefresher()
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
}
|
|
196
193
|
else {
|
|
197
|
-
if(iFrameConfig.webcomponent == 'true') {
|
|
198
|
-
|
|
194
|
+
if (iFrameConfig.webcomponent == 'true') {
|
|
195
|
+
|
|
199
196
|
// Webcomponent
|
|
200
197
|
const divTag = document.createElement('div')
|
|
201
198
|
divTag.id = 'datawrapper-chart-' + uniqueId
|
|
@@ -239,16 +236,16 @@ const ExternalService = function (context) {
|
|
|
239
236
|
'datawrapper-js',
|
|
240
237
|
'https://static.hr.de/hessenschau/datawrapper/responsiveIframe.js',
|
|
241
238
|
true
|
|
242
|
-
)
|
|
239
|
+
)
|
|
243
240
|
if (iFrameConfig.refreshContent == 'true') {
|
|
244
241
|
console.log("contentRefresher anfügen")
|
|
245
242
|
contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall, false)
|
|
246
243
|
contentRefresher.createRefresher()
|
|
247
244
|
}
|
|
248
|
-
|
|
245
|
+
|
|
249
246
|
}
|
|
250
|
-
|
|
251
|
-
|
|
247
|
+
|
|
248
|
+
|
|
252
249
|
}
|
|
253
250
|
}
|
|
254
251
|
|
|
@@ -291,7 +288,7 @@ const ExternalService = function (context) {
|
|
|
291
288
|
const createInstagramEmbed = function () {
|
|
292
289
|
loadScript('instagram-js', '//www.instagram.com/embed.js', true)
|
|
293
290
|
embedCode = options.embedCode
|
|
294
|
-
var
|
|
291
|
+
var instagramEmbedCode =
|
|
295
292
|
"<blockquote class='instagram-media' data-instgrm-captioned " +
|
|
296
293
|
"data-instgrm-permalink='" +
|
|
297
294
|
embedCode +
|
|
@@ -341,15 +338,15 @@ const ExternalService = function (context) {
|
|
|
341
338
|
|
|
342
339
|
const loadIframe = function () {
|
|
343
340
|
console.log('load iframe ' + id)
|
|
344
|
-
iframe = "<iframe id='i_frame' data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>"
|
|
341
|
+
iframe = "<iframe id='i_frame' data-isloaded='0' src='" + embedCode + "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>"
|
|
345
342
|
if (iFrameConfig.aspectRatio) {
|
|
346
|
-
iframe ="<div class='!h-full'><div class='"+ getAspectRatioClass() +"'><iframe id='i_frame' data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div></div>"
|
|
343
|
+
iframe = "<div class='!h-full'><div class='" + getAspectRatioClass() + "'><iframe id='i_frame' data-isloaded='0' src='" + embedCode + "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div></div>"
|
|
347
344
|
//TODO Weiche Animation der Inhalte
|
|
348
345
|
} else {
|
|
349
346
|
if (iFrameConfig.fixedHeight) {
|
|
350
|
-
iframe = "<div style='height:"+ iFrameConfig.fixedHeight +"px'><iframe data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
|
|
347
|
+
iframe = "<div style='height:" + iFrameConfig.fixedHeight + "px'><iframe data-isloaded='0' src='" + embedCode + "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
|
|
351
348
|
} else {
|
|
352
|
-
iframe = "<div class='!h-full'><iframe data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
|
|
349
|
+
iframe = "<div class='!h-full'><iframe data-isloaded='0' src='" + embedCode + "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
|
|
353
350
|
}
|
|
354
351
|
}
|
|
355
352
|
replaceAnimated(rootElement, iframe, false)
|
|
@@ -359,28 +356,28 @@ const ExternalService = function (context) {
|
|
|
359
356
|
if (dataPolicyCheck) {
|
|
360
357
|
acceptButton = hr$('.js-dataPolicy-accept', rootElement)[0]
|
|
361
358
|
listen('click', handleDatapolicy, acceptButton)
|
|
362
|
-
if(settingsCookie.isSettingsCookieExistent(id)){
|
|
363
|
-
console.log("Dienst "+ id + " ist im Cookie enthalten und hat den Wert " + settingsCookie.isSettingsCookieAccepted(id))
|
|
364
|
-
if(settingsCookie.isSettingsCookieAccepted(id)) {
|
|
365
|
-
|
|
366
|
-
|
|
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();
|
|
367
364
|
}
|
|
368
365
|
else {
|
|
369
|
-
|
|
370
|
-
|
|
366
|
+
console.log("Zeige Datapolicy-Box")
|
|
367
|
+
dataPolicyBox.style.visibility = 'visible';
|
|
371
368
|
}
|
|
372
369
|
}
|
|
373
|
-
|
|
374
|
-
console.log("Dienst "+ id + " ist im Cookie nicht enthalten, prüfe daher den Default")
|
|
375
|
-
if(document.getElementById(id).getAttribute("data-whitelist") == "true"){
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
370
|
+
else {
|
|
371
|
+
console.log("Dienst " + id + " ist im Cookie nicht enthalten, prüfe daher den Default")
|
|
372
|
+
if (document.getElementById(id).getAttribute("data-whitelist") == "true") {
|
|
373
|
+
console.log("Ist per Default eingeschaltet")
|
|
374
|
+
console.log("Lade den Dienst")
|
|
375
|
+
loadServiceWithDataPolicyButton();
|
|
379
376
|
}
|
|
380
|
-
else{
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
377
|
+
else {
|
|
378
|
+
console.log("Ist per Default ausgeschaltet")
|
|
379
|
+
console.log("Zeige Datapolicy-Box")
|
|
380
|
+
dataPolicyBox.style.visibility = 'visible';
|
|
384
381
|
}
|
|
385
382
|
}
|
|
386
383
|
listen('hr:externalService-activate-' + id, loadServiceWithDataPolicyButton)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"config":{"template":"default","layout":"grid","renderSnapshotsWrapper":false},"ARD_Mediathek_Video":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":true,"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"ard_mediathek","externalServiceEmbedType":"iFrame","externalServiceName":"ARD Mediathek (Video)"},"serviceUrl":"https://www.ardmediathek.de/embed/Y3JpZDovL2Z1bmsubmV0LzExNzkwL3ZpZGVvLzE3NzQ2NzU?clientType=hr","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"ARTE_concert_new":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":true,"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"arte_concert_new","externalServiceEmbedType":"iFrame","externalServiceName":"Arte Concert 2.0"},"serviceUrl":"https://www.arte.tv/player/v5/index.php?json_url=https%3A%2F%2Fapi.arte.tv%2Fapi%2Fplayer%2Fv2%2Fconfig%2Fde%2F116593-005-A&lang=de&autoplay=false&mute=0","aspectRatio":"16x9","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"Datawrapper_CDN_NoResponsiveFixedHeightReload":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":true,"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"datawrapper_cdn","externalServiceEmbedType":"js","externalServiceName":"Datawrapper (Datengrafik)"},"serviceUrl":"https://datawrapper.dwcdn.net/IC3Xn/1/","fixedHeight":"700","setResponsiveIframe":true,"setTimedReloadIframe":true,"setTimeForReload":"300","aspectRatio":""}},"Datawrapper_CDN_NoResponsiveFixedHeight":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":true,"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"datawrapper_cdn","externalServiceEmbedType":"js","externalServiceName":"Datawrapper (Datengrafik)"},"serviceUrl":"https://datawrapper.dwcdn.net/IC3Xn/1/","fixedHeight":"700","setResponsiveIframe":true,"setTimedReloadIframe":false,"setTimeForReload":"","aspectRatio":""}},"Datawrapper_CDN_NoResponsiveAspectRatio":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":true,"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"datawrapper_cdn","externalServiceEmbedType":"js","externalServiceName":"Datawrapper (Datengrafik)"},"serviceUrl":"https://datawrapper.dwcdn.net/IC3Xn/1/","fixedHeight":"","setResponsiveIframe":true,"setTimedReloadIframe":false,"setTimeForReload":"","aspectRatio":"4x3"}},"Datawrapper_CDN":{"args":{"externalServiceConfig":{"isWhitelisted":true,"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"datawrapper_cdn","externalServiceEmbedType":"js","externalServiceName":"Datawrapper (Datengrafik)"},"serviceUrl":"https://datawrapper.dwcdn.net/IC3Xn/1/","fixedHeight":"","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":"","aspectRatio":""}},"Esri":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":false,"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"esri","externalServiceEmbedType":"iFrame","externalServiceName":"Esri (Notfallkarte)"},"serviceUrl":"https://arcg.is/1aW0au0","aspectRatio":"100","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":"","externalServiceCaption":"Notfallkarte"}},"Facebook":{"args":{"externalServiceConfig":{"isWhitelisted":false,"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"facebook-post","externalServiceEmbedType":"js","externalServiceName":"Facebook"},"serviceUrl":"https://www.facebook.com/ZooFFM/posts/1926440010874354","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"Flourish":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":false,"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"flourish","externalServiceEmbedType":"iFrame","externalServiceName":"Flourish (Datengrafik)"},"serviceUrl":"https://public.flourish.studio/story/18361/embed","fixedHeight":"550","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"Giphy":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":false,"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"giphy","externalServiceEmbedType":"iFrame","externalServiceName":"Giphy (animiertes GIF)"},"serviceUrl":"https://giphy.com/embed/ONxw4niC96zwk","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"Instagram":{"config":{"useAsSnapshot":
|
|
1
|
+
{"config":{"template":"default","layout":"grid","renderSnapshotsWrapper":false},"ARD_Mediathek_Video":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":true,"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"ard_mediathek","externalServiceEmbedType":"iFrame","externalServiceName":"ARD Mediathek (Video)"},"serviceUrl":"https://www.ardmediathek.de/embed/Y3JpZDovL2Z1bmsubmV0LzExNzkwL3ZpZGVvLzE3NzQ2NzU?clientType=hr","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"ARTE_concert_new":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":true,"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"arte_concert_new","externalServiceEmbedType":"iFrame","externalServiceName":"Arte Concert 2.0"},"serviceUrl":"https://www.arte.tv/player/v5/index.php?json_url=https%3A%2F%2Fapi.arte.tv%2Fapi%2Fplayer%2Fv2%2Fconfig%2Fde%2F116593-005-A&lang=de&autoplay=false&mute=0","aspectRatio":"16x9","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"Datawrapper_CDN_NoResponsiveFixedHeightReload":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":true,"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"datawrapper_cdn","externalServiceEmbedType":"js","externalServiceName":"Datawrapper (Datengrafik)"},"serviceUrl":"https://datawrapper.dwcdn.net/IC3Xn/1/","fixedHeight":"700","setResponsiveIframe":true,"setTimedReloadIframe":true,"setTimeForReload":"300","aspectRatio":""}},"Datawrapper_CDN_NoResponsiveFixedHeight":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":true,"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"datawrapper_cdn","externalServiceEmbedType":"js","externalServiceName":"Datawrapper (Datengrafik)"},"serviceUrl":"https://datawrapper.dwcdn.net/IC3Xn/1/","fixedHeight":"700","setResponsiveIframe":true,"setTimedReloadIframe":false,"setTimeForReload":"","aspectRatio":""}},"Datawrapper_CDN_NoResponsiveAspectRatio":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":true,"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"datawrapper_cdn","externalServiceEmbedType":"js","externalServiceName":"Datawrapper (Datengrafik)"},"serviceUrl":"https://datawrapper.dwcdn.net/IC3Xn/1/","fixedHeight":"","setResponsiveIframe":true,"setTimedReloadIframe":false,"setTimeForReload":"","aspectRatio":"4x3"}},"Datawrapper_CDN":{"args":{"externalServiceConfig":{"isWhitelisted":true,"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"datawrapper_cdn","externalServiceEmbedType":"js","externalServiceName":"Datawrapper (Datengrafik)"},"serviceUrl":"https://datawrapper.dwcdn.net/IC3Xn/1/","fixedHeight":"","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":"","aspectRatio":""}},"Esri":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":false,"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"esri","externalServiceEmbedType":"iFrame","externalServiceName":"Esri (Notfallkarte)"},"serviceUrl":"https://arcg.is/1aW0au0","aspectRatio":"100","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":"","externalServiceCaption":"Notfallkarte"}},"Facebook":{"args":{"externalServiceConfig":{"isWhitelisted":false,"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"facebook-post","externalServiceEmbedType":"js","externalServiceName":"Facebook"},"serviceUrl":"https://www.facebook.com/ZooFFM/posts/1926440010874354","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"Flourish":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":false,"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"flourish","externalServiceEmbedType":"iFrame","externalServiceName":"Flourish (Datengrafik)"},"serviceUrl":"https://public.flourish.studio/story/18361/embed","fixedHeight":"550","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"Giphy":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":false,"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"giphy","externalServiceEmbedType":"iFrame","externalServiceName":"Giphy (animiertes GIF)"},"serviceUrl":"https://giphy.com/embed/ONxw4niC96zwk","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"Instagram":{"config":{"useAsSnapshot":true},"args":{"externalServiceConfig":{"isWhitelisted":false,"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"instagram","externalServiceEmbedType":"js","externalServiceName":"Instagram"},"serviceUrl":"https://www.instagram.com/p/CEjxNt8lW4K/","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"Twitter":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":false,"makeConfigurable":true,"embedAsIFrame":false,"externalServiceId":"twitter-post","externalServiceEmbedType":"js","externalServiceName":"X"},"serviceUrl":"https://twitter.com/tagesthemen/status/1578122540362465299","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"Vimeo":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":false,"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"vimeo","externalServiceEmbedType":"iFrame","externalServiceName":"Vimeo (Video)"},"serviceUrl":"https://player.vimeo.com/video/438111654","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"Youtube":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":false,"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"youtube","externalServiceEmbedType":"iFrame","externalServiceName":"YouTube (Video)"},"serviceUrl":"https://www.youtube-nocookie.com/embed/LMjXHYHZtrE?rel=0","aspectRatio":"16x9","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}},"Youtube_360":{"config":{"useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":false,"makeConfigurable":true,"embedAsIFrame":true,"externalServiceId":"youtube360","externalServiceEmbedType":"iFrame","externalServiceName":"YouTube 360 (360° Video)"},"serviceUrl":"https://www.youtube-nocookie.com/embed/yT1pyf9oXGk","aspectRatio":"16x9","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":"","externalServiceCaption":"Eine Demo der Virtual Reality-Inszenierung '2049: Zeitreise Mobilität'"}},"Wahl_Gemeinde_Ergebnis":{"config":{"template":"noDatapolicyCheck","useAsSnapshot":false},"args":{"externalServiceConfig":{"isWhitelisted":true,"makeConfigurable":false,"embedAsIFrame":false,"externalServiceId":"wahl-gemeinde-ergebnis","externalServiceEmbedType":"js","externalServiceName":"wahl-gemeinde-ergebnis"},"serviceUrl":"https://www.tagesschau.de/wahl/archiv/2024-06-09-EP-DE/charts/wahlkreis-detail/G06412000-{version}.shtml?externalEmbed*G06412000*&2024-06-09-EP-DE*&https%3A%2F%2Fwww.hessenschau.de%2Fpolitik%2Flandtagswahl%2Fkandidatencheck%2Fwk-versions.json","fixedHeight":"","aspectRatio":"","setResponsiveIframe":false,"setTimedReloadIframe":false,"setTimeForReload":""}}}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<div class="flex flex-row items-center justify-between w-full">
|
|
2
2
|
<div class="flex items-center gap-x-2 md:gap-x-3">
|
|
3
3
|
{{#if _success}}
|
|
4
|
-
{{> components/forms/success_icon}}
|
|
4
|
+
{{> components/forms/components/success_icon}}
|
|
5
5
|
<span class="h-5 font-bold text-success">{{#if this.successText}}{{this.successText.richtext}}{{else}}{{~loca "webform_send_text_success"}}{{/if}}</span>
|
|
6
6
|
{{else}}
|
|
7
|
-
{{> components/forms/error_icon _class="!block"}}
|
|
7
|
+
{{> components/forms/components/error_icon _class="!block"}}
|
|
8
8
|
<span class="h-5 font-bold text-error dark:text-error-dark">{{~loca "webform_send_text_error"}}</span>
|
|
9
9
|
{{/if}}
|
|
10
10
|
</div>
|