hr-design-system-handlebars 1.114.43 → 1.114.45
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 +25 -0
- package/dist/assets/icons/icons/svgmap/tiktok-ds.svg +12 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/newsletter/components/new_newsletter_form.hbs +3 -3
- package/dist/views/components/newsletter/components/newsletter_form.hbs +3 -2
- package/dist/views/components/newsletter/newsletter.hbs +1 -1
- package/dist/views_static/components/newsletter/components/new_newsletter_form.hbs +3 -3
- package/dist/views_static/components/newsletter/components/newsletter_form.hbs +3 -2
- package/dist/views_static/components/newsletter/newsletter.hbs +1 -1
- package/package.json +1 -1
- package/src/assets/fixtures/footer/footer_hessenschau.json +3 -3
- package/src/assets/icons/icons/svgmap/tiktok-ds.svg +12 -0
- package/src/stories/views/components/newsletter/components/new_newsletter_form.hbs +3 -3
- package/src/stories/views/components/newsletter/components/newsletter_form.hbs +3 -2
- package/src/stories/views/components/newsletter/fixtures/new_newsletter.json +15 -0
- package/src/stories/views/components/newsletter/fixtures/newsletter.json +3 -2
- package/src/stories/views/components/newsletter/newsletter.hbs +1 -1
- package/src/stories/views/components/newsletter/newsletter.stories.js +21 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
# v1.114.45 (Fri Dec 13 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- :bento: Replace twitter with tiktok logo [#1194](https://github.com/mumprod/hr-design-system-handlebars/pull/1194) ([@Sunny1112358](https://github.com/Sunny1112358) [@Paul-Atreidis](https://github.com/Paul-Atreidis))
|
|
6
|
+
|
|
7
|
+
#### Authors: 2
|
|
8
|
+
|
|
9
|
+
- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
|
|
10
|
+
- [@Sunny1112358](https://github.com/Sunny1112358)
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
# v1.114.44 (Fri Dec 13 2024)
|
|
15
|
+
|
|
16
|
+
#### 🐛 Bug Fix
|
|
17
|
+
|
|
18
|
+
- Newsletter form test for delivery [#1193](https://github.com/mumprod/hr-design-system-handlebars/pull/1193) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
|
|
19
|
+
|
|
20
|
+
#### Authors: 1
|
|
21
|
+
|
|
22
|
+
- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
1
26
|
# v1.114.43 (Fri Dec 13 2024)
|
|
2
27
|
|
|
3
28
|
#### 🐛 Bug Fix
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 320 320">
|
|
3
|
+
<!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 142) -->
|
|
4
|
+
<defs>
|
|
5
|
+
<style>
|
|
6
|
+
.st0 {
|
|
7
|
+
fill: #fff;
|
|
8
|
+
}
|
|
9
|
+
</style>
|
|
10
|
+
</defs>
|
|
11
|
+
<path id="Layer_1-2" class="st0" d="M227.9,93.5c-12-7.8-20.6-20.3-23.3-34.8-.6-3.1-.9-6.4-.9-9.7h-38.2v153c-.7,17.1-14.8,30.9-32.1,30.9s-10.4-1.3-14.9-3.7c-10.2-5.4-17.2-16.1-17.2-28.4,0-17.7,14.4-32.1,32.1-32.1s6.5.5,9.5,1.5v-39c-3.1-.4-6.3-.7-9.5-.7-38.7,0-70.2,31.5-70.2,70.3s11.9,44.8,30,57.5c11.4,8,25.3,12.7,40.3,12.7,38.7,0,70.2-31.5,70.2-70.2v-77.6c15,10.7,33.3,17.1,53.1,17.1v-38.2c-10.7,0-20.6-3.2-28.9-8.6Z"/>
|
|
12
|
+
</svg>
|
package/dist/assets/index.css
CHANGED
|
@@ -3713,7 +3713,7 @@ article #commentList {
|
|
|
3713
3713
|
border-bottom-color: var(--color-secondary-ds);
|
|
3714
3714
|
}
|
|
3715
3715
|
.counter-reset {
|
|
3716
|
-
counter-reset:
|
|
3716
|
+
counter-reset: cnt1734103039189;
|
|
3717
3717
|
}
|
|
3718
3718
|
html { scroll-behavior: smooth; }
|
|
3719
3719
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
@@ -4128,7 +4128,7 @@ html { scroll-behavior: smooth; }
|
|
|
4128
4128
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4129
4129
|
}
|
|
4130
4130
|
.-ordered {
|
|
4131
|
-
counter-increment:
|
|
4131
|
+
counter-increment: cnt1734103039189 1;
|
|
4132
4132
|
}
|
|
4133
4133
|
.-ordered::before {
|
|
4134
4134
|
position: absolute;
|
|
@@ -4146,7 +4146,7 @@ html { scroll-behavior: smooth; }
|
|
|
4146
4146
|
--tw-text-opacity: 1;
|
|
4147
4147
|
color: rgba(0, 0, 0, 1);
|
|
4148
4148
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4149
|
-
content: counter(
|
|
4149
|
+
content: counter(cnt1734103039189);
|
|
4150
4150
|
}
|
|
4151
4151
|
/*! ****************************/
|
|
4152
4152
|
/*! DataPolicy stuff */
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<div class="js-newsletterFormWrapper">
|
|
2
|
-
<form class="c-form o-box -accented -breakout js-form js-load" id="form--{{nextRandom}}" data-hr-new-newsletter='{
|
|
2
|
+
<form class="c-form o-box -accented -breakout js-form js-load" id="form--{{nextRandom}}" data-hr-new-newsletter-ds='{
|
|
3
3
|
"trackingInformations": {{this.trackingInformations}} }' action="{{configProperty "newsletter.subscription.endpoint"}}" method="post" accept-charset="utf-8">
|
|
4
4
|
|
|
5
5
|
{{~> components/forms/components/input
|
|
@@ -9,8 +9,6 @@
|
|
|
9
9
|
_label="E-Mail"
|
|
10
10
|
_labelClass="hide"
|
|
11
11
|
_description=""
|
|
12
|
-
_wrapperClass=(if this.isHidden "hidden")
|
|
13
|
-
_tabindex=(if this.isHidden "-1")
|
|
14
12
|
_required=true
|
|
15
13
|
_maxLength="140"
|
|
16
14
|
_errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
|
|
@@ -36,12 +34,14 @@
|
|
|
36
34
|
_name="newsletter"
|
|
37
35
|
_type="hidden"
|
|
38
36
|
_value=this.mailingList
|
|
37
|
+
_wrapperClass="hidden"
|
|
39
38
|
_hasLabel=false
|
|
40
39
|
}}
|
|
41
40
|
|
|
42
41
|
{{~>components/forms/components/input
|
|
43
42
|
_name="newsletter-type"
|
|
44
43
|
_type="hidden"
|
|
44
|
+
_wrapperClass="hidden"
|
|
45
45
|
_value="html"
|
|
46
46
|
_hasLabel=false
|
|
47
47
|
}}
|
|
@@ -9,8 +9,6 @@
|
|
|
9
9
|
_label="E-Mail"
|
|
10
10
|
_labelClass="hide"
|
|
11
11
|
_description=""
|
|
12
|
-
_wrapperClass=(if this.isHidden "hidden")
|
|
13
|
-
_tabindex=(if this.isHidden "-1")
|
|
14
12
|
_required="true"
|
|
15
13
|
_maxLength="140"
|
|
16
14
|
_errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
|
|
@@ -38,6 +36,7 @@
|
|
|
38
36
|
_formField=this.formData.INXMAIL_HTTP_REDIRECT
|
|
39
37
|
_name="INXMAIL_HTTP_REDIRECT"
|
|
40
38
|
_type="hidden"
|
|
39
|
+
_wrapperClass="hidden"
|
|
41
40
|
_value=this.successLink
|
|
42
41
|
_hasLabel=false
|
|
43
42
|
}}
|
|
@@ -46,6 +45,7 @@
|
|
|
46
45
|
_formField=this.formData.INXMAIL_HTTP_REDIRECT_ERROR
|
|
47
46
|
_name="INXMAIL_HTTP_REDIRECT_ERROR"
|
|
48
47
|
_type="hidden"
|
|
48
|
+
_wrapperClass="hidden"
|
|
49
49
|
_value=this.errorLink
|
|
50
50
|
_hasLabel=false
|
|
51
51
|
}}
|
|
@@ -54,6 +54,7 @@
|
|
|
54
54
|
_formField=this.formData.backlink
|
|
55
55
|
_name="backlink"
|
|
56
56
|
_type="hidden"
|
|
57
|
+
_wrapperClass="hidden"
|
|
57
58
|
_value=this.backlinkUuid
|
|
58
59
|
_hasLabel=false
|
|
59
60
|
}}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
{{{this.description}}}
|
|
10
10
|
</p>
|
|
11
11
|
{{/if}}
|
|
12
|
-
<div class="js-formWrapper">
|
|
12
|
+
<div class="mt-4 text-base js-formWrapper font-copy sm:text-lg sm:mt-5 dark:text-text-dark">
|
|
13
13
|
{{> components/newsletter/components/new_newsletter_form}}
|
|
14
14
|
</div>
|
|
15
15
|
{{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<div class="js-newsletterFormWrapper">
|
|
2
|
-
<form class="c-form o-box -accented -breakout js-form js-load" id="form--{{nextRandom}}" data-hr-new-newsletter='{
|
|
2
|
+
<form class="c-form o-box -accented -breakout js-form js-load" id="form--{{nextRandom}}" data-hr-new-newsletter-ds='{
|
|
3
3
|
"trackingInformations": {{this.trackingInformations}} }' action="{{configProperty "newsletter.subscription.endpoint"}}" method="post" accept-charset="utf-8">
|
|
4
4
|
|
|
5
5
|
{{~> components/forms/components/input
|
|
@@ -9,8 +9,6 @@
|
|
|
9
9
|
_label="E-Mail"
|
|
10
10
|
_labelClass="hide"
|
|
11
11
|
_description=""
|
|
12
|
-
_wrapperClass=(if this.isHidden "hidden")
|
|
13
|
-
_tabindex=(if this.isHidden "-1")
|
|
14
12
|
_required=true
|
|
15
13
|
_maxLength="140"
|
|
16
14
|
_errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
|
|
@@ -36,12 +34,14 @@
|
|
|
36
34
|
_name="newsletter"
|
|
37
35
|
_type="hidden"
|
|
38
36
|
_value=this.mailingList
|
|
37
|
+
_wrapperClass="hidden"
|
|
39
38
|
_hasLabel=false
|
|
40
39
|
}}
|
|
41
40
|
|
|
42
41
|
{{~>components/forms/components/input
|
|
43
42
|
_name="newsletter-type"
|
|
44
43
|
_type="hidden"
|
|
44
|
+
_wrapperClass="hidden"
|
|
45
45
|
_value="html"
|
|
46
46
|
_hasLabel=false
|
|
47
47
|
}}
|
|
@@ -9,8 +9,6 @@
|
|
|
9
9
|
_label="E-Mail"
|
|
10
10
|
_labelClass="hide"
|
|
11
11
|
_description=""
|
|
12
|
-
_wrapperClass=(if this.isHidden "hidden")
|
|
13
|
-
_tabindex=(if this.isHidden "-1")
|
|
14
12
|
_required="true"
|
|
15
13
|
_maxLength="140"
|
|
16
14
|
_errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
|
|
@@ -38,6 +36,7 @@
|
|
|
38
36
|
_formField=this.formData.INXMAIL_HTTP_REDIRECT
|
|
39
37
|
_name="INXMAIL_HTTP_REDIRECT"
|
|
40
38
|
_type="hidden"
|
|
39
|
+
_wrapperClass="hidden"
|
|
41
40
|
_value=this.successLink
|
|
42
41
|
_hasLabel=false
|
|
43
42
|
}}
|
|
@@ -46,6 +45,7 @@
|
|
|
46
45
|
_formField=this.formData.INXMAIL_HTTP_REDIRECT_ERROR
|
|
47
46
|
_name="INXMAIL_HTTP_REDIRECT_ERROR"
|
|
48
47
|
_type="hidden"
|
|
48
|
+
_wrapperClass="hidden"
|
|
49
49
|
_value=this.errorLink
|
|
50
50
|
_hasLabel=false
|
|
51
51
|
}}
|
|
@@ -54,6 +54,7 @@
|
|
|
54
54
|
_formField=this.formData.backlink
|
|
55
55
|
_name="backlink"
|
|
56
56
|
_type="hidden"
|
|
57
|
+
_wrapperClass="hidden"
|
|
57
58
|
_value=this.backlinkUuid
|
|
58
59
|
_hasLabel=false
|
|
59
60
|
}}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
{{{this.description}}}
|
|
10
10
|
</p>
|
|
11
11
|
{{/if}}
|
|
12
|
-
<div class="js-formWrapper">
|
|
12
|
+
<div class="mt-4 text-base js-formWrapper font-copy sm:text-lg sm:mt-5 dark:text-text-dark">
|
|
13
13
|
{{> components/newsletter/components/new_newsletter_form}}
|
|
14
14
|
</div>
|
|
15
15
|
{{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
|
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.114.
|
|
9
|
+
"version": "1.114.45",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -160,11 +160,11 @@
|
|
|
160
160
|
{
|
|
161
161
|
"links": [
|
|
162
162
|
{
|
|
163
|
-
"text": "
|
|
164
|
-
"url": "https://
|
|
163
|
+
"text": "tiktok-ds",
|
|
164
|
+
"url": "https://www.tiktok.com/@hessenschau",
|
|
165
165
|
"extern": true,
|
|
166
166
|
"isTargetBlank": true,
|
|
167
|
-
"title": "hessenschau
|
|
167
|
+
"title": "hessenschau tiktok"
|
|
168
168
|
},
|
|
169
169
|
{
|
|
170
170
|
"text": "instagram-ds",
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 320 320">
|
|
3
|
+
<!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 142) -->
|
|
4
|
+
<defs>
|
|
5
|
+
<style>
|
|
6
|
+
.st0 {
|
|
7
|
+
fill: #fff;
|
|
8
|
+
}
|
|
9
|
+
</style>
|
|
10
|
+
</defs>
|
|
11
|
+
<path id="Layer_1-2" class="st0" d="M227.9,93.5c-12-7.8-20.6-20.3-23.3-34.8-.6-3.1-.9-6.4-.9-9.7h-38.2v153c-.7,17.1-14.8,30.9-32.1,30.9s-10.4-1.3-14.9-3.7c-10.2-5.4-17.2-16.1-17.2-28.4,0-17.7,14.4-32.1,32.1-32.1s6.5.5,9.5,1.5v-39c-3.1-.4-6.3-.7-9.5-.7-38.7,0-70.2,31.5-70.2,70.3s11.9,44.8,30,57.5c11.4,8,25.3,12.7,40.3,12.7,38.7,0,70.2-31.5,70.2-70.2v-77.6c15,10.7,33.3,17.1,53.1,17.1v-38.2c-10.7,0-20.6-3.2-28.9-8.6Z"/>
|
|
12
|
+
</svg>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<div class="js-newsletterFormWrapper">
|
|
2
|
-
<form class="c-form o-box -accented -breakout js-form js-load" id="form--{{nextRandom}}" data-hr-new-newsletter='{
|
|
2
|
+
<form class="c-form o-box -accented -breakout js-form js-load" id="form--{{nextRandom}}" data-hr-new-newsletter-ds='{
|
|
3
3
|
"trackingInformations": {{this.trackingInformations}} }' action="{{configProperty "newsletter.subscription.endpoint"}}" method="post" accept-charset="utf-8">
|
|
4
4
|
|
|
5
5
|
{{~> components/forms/components/input
|
|
@@ -9,8 +9,6 @@
|
|
|
9
9
|
_label="E-Mail"
|
|
10
10
|
_labelClass="hide"
|
|
11
11
|
_description=""
|
|
12
|
-
_wrapperClass=(if this.isHidden "hidden")
|
|
13
|
-
_tabindex=(if this.isHidden "-1")
|
|
14
12
|
_required=true
|
|
15
13
|
_maxLength="140"
|
|
16
14
|
_errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
|
|
@@ -36,12 +34,14 @@
|
|
|
36
34
|
_name="newsletter"
|
|
37
35
|
_type="hidden"
|
|
38
36
|
_value=this.mailingList
|
|
37
|
+
_wrapperClass="hidden"
|
|
39
38
|
_hasLabel=false
|
|
40
39
|
}}
|
|
41
40
|
|
|
42
41
|
{{~>components/forms/components/input
|
|
43
42
|
_name="newsletter-type"
|
|
44
43
|
_type="hidden"
|
|
44
|
+
_wrapperClass="hidden"
|
|
45
45
|
_value="html"
|
|
46
46
|
_hasLabel=false
|
|
47
47
|
}}
|
|
@@ -9,8 +9,6 @@
|
|
|
9
9
|
_label="E-Mail"
|
|
10
10
|
_labelClass="hide"
|
|
11
11
|
_description=""
|
|
12
|
-
_wrapperClass=(if this.isHidden "hidden")
|
|
13
|
-
_tabindex=(if this.isHidden "-1")
|
|
14
12
|
_required="true"
|
|
15
13
|
_maxLength="140"
|
|
16
14
|
_errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
|
|
@@ -38,6 +36,7 @@
|
|
|
38
36
|
_formField=this.formData.INXMAIL_HTTP_REDIRECT
|
|
39
37
|
_name="INXMAIL_HTTP_REDIRECT"
|
|
40
38
|
_type="hidden"
|
|
39
|
+
_wrapperClass="hidden"
|
|
41
40
|
_value=this.successLink
|
|
42
41
|
_hasLabel=false
|
|
43
42
|
}}
|
|
@@ -46,6 +45,7 @@
|
|
|
46
45
|
_formField=this.formData.INXMAIL_HTTP_REDIRECT_ERROR
|
|
47
46
|
_name="INXMAIL_HTTP_REDIRECT_ERROR"
|
|
48
47
|
_type="hidden"
|
|
48
|
+
_wrapperClass="hidden"
|
|
49
49
|
_value=this.errorLink
|
|
50
50
|
_hasLabel=false
|
|
51
51
|
}}
|
|
@@ -54,6 +54,7 @@
|
|
|
54
54
|
_formField=this.formData.backlink
|
|
55
55
|
_name="backlink"
|
|
56
56
|
_type="hidden"
|
|
57
|
+
_wrapperClass="hidden"
|
|
57
58
|
_value=this.backlinkUuid
|
|
58
59
|
_hasLabel=false
|
|
59
60
|
}}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
{
|
|
2
|
+
"useNewNewsletter":true,
|
|
3
|
+
"title":"hessenschau update - Der Newsletter für Hessen",
|
|
4
|
+
"description":"Hier können Sie sich für das hessenschau update anmelden. Der Newsletter wird Ihnen von Montag bis Freitag kostenlos und unverbindlich zugestellt. Wenn Sie sich in unseren Verteiler eintragen, erhalten Sie eine E-Mail mit der Bitte, Ihre Aufnahme noch einmal zu bestätigen. Sie können den Newsletter jederzeit wieder abbestellen." ,
|
|
5
|
+
"items":[
|
|
6
|
+
{"value":"","label":"Anmelden","title":"Anmelden","name":"Registrierung","isSelected":false},
|
|
7
|
+
{"value":"","label":"Abmelden","title":"Abmelden","name":"Registrierung","isSelected":false}
|
|
8
|
+
],
|
|
9
|
+
"successLink":"Link wenn erfolgreich",
|
|
10
|
+
"errorLink": "Link wenn Fehler",
|
|
11
|
+
"backlinkUuid": "Backlink mit UUID (altes Voting)",
|
|
12
|
+
"mailingList":"E-Mail-Liste",
|
|
13
|
+
"trackingInformations":"Tracking",
|
|
14
|
+
"isHidden":true
|
|
15
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"useNewNewsletter":
|
|
2
|
+
"useNewNewsletter":false,
|
|
3
3
|
"title":"hessenschau update - Der Newsletter für Hessen",
|
|
4
4
|
"description":"Hier können Sie sich für das hessenschau update anmelden. Der Newsletter wird Ihnen von Montag bis Freitag kostenlos und unverbindlich zugestellt. Wenn Sie sich in unseren Verteiler eintragen, erhalten Sie eine E-Mail mit der Bitte, Ihre Aufnahme noch einmal zu bestätigen. Sie können den Newsletter jederzeit wieder abbestellen." ,
|
|
5
5
|
"items":[
|
|
@@ -9,5 +9,6 @@
|
|
|
9
9
|
"successLink":"Link wenn erfolgreich",
|
|
10
10
|
"errorLink": "Link wenn Fehler",
|
|
11
11
|
"backlinkUuid": "Backlink mit UUID (altes Voting)",
|
|
12
|
-
"mailingList":"E-Mail-Liste"
|
|
12
|
+
"mailingList":"E-Mail-Liste",
|
|
13
|
+
"trackingInformations":"Tracking"
|
|
13
14
|
}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
{{{this.description}}}
|
|
10
10
|
</p>
|
|
11
11
|
{{/if}}
|
|
12
|
-
<div class="js-formWrapper">
|
|
12
|
+
<div class="mt-4 text-base js-formWrapper font-copy sm:text-lg sm:mt-5 dark:text-text-dark">
|
|
13
13
|
{{> components/newsletter/components/new_newsletter_form}}
|
|
14
14
|
</div>
|
|
15
15
|
{{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import NewNewsletterJson from './fixtures/new_newsletter.json'
|
|
2
|
+
import OldNewsletterJson from './fixtures/newsletter.json'
|
|
2
3
|
|
|
3
4
|
const handlebars = require('hrHandlebars')
|
|
4
5
|
|
|
@@ -14,7 +15,16 @@ export default {
|
|
|
14
15
|
},
|
|
15
16
|
],
|
|
16
17
|
}
|
|
17
|
-
const
|
|
18
|
+
const TemplateNewsletterNew = (args) => {
|
|
19
|
+
let hbsTemplate = handlebars.compile(`
|
|
20
|
+
{{#>components/forms/components/backgroundBox }}
|
|
21
|
+
{{> components/newsletter/newsletter }}
|
|
22
|
+
{{/components/forms/components/backgroundBox }}
|
|
23
|
+
`)
|
|
24
|
+
return hbsTemplate({ ...args })
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
const TemplateNewsletterOld = (args) => {
|
|
18
28
|
let hbsTemplate = handlebars.compile(`
|
|
19
29
|
{{#>components/forms/components/backgroundBox }}
|
|
20
30
|
{{> components/newsletter/newsletter }}
|
|
@@ -24,9 +34,15 @@ const Template = (args) => {
|
|
|
24
34
|
}
|
|
25
35
|
|
|
26
36
|
export const Default = {
|
|
27
|
-
render:
|
|
28
|
-
name: 'Newsletter',
|
|
29
|
-
args:
|
|
37
|
+
render: TemplateNewsletterNew.bind({}),
|
|
38
|
+
name: 'Neuer Newsletter',
|
|
39
|
+
args: NewNewsletterJson,
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export const Newsletter_old = {
|
|
43
|
+
render: TemplateNewsletterOld.bind({}),
|
|
44
|
+
name: 'Alter Newsletter',
|
|
45
|
+
args: OldNewsletterJson,
|
|
30
46
|
}
|
|
31
47
|
|
|
32
48
|
|