hr-design-system-handlebars 1.53.1 → 1.54.1
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/index.css +22 -3
- package/dist/views/components/base/link.hbs +1 -1
- package/dist/views/components/content/copytext/components/downloadbox/downloadbox.hbs +16 -0
- package/dist/views/components/content/copytext/components/downloadbox/downloadbox_item.hbs +10 -0
- package/dist/views/components/content/copytext/components/infobox.hbs +1 -0
- package/dist/views/components/content/copytext/copytext.hbs +1 -1
- package/dist/views_static/components/base/link.hbs +1 -1
- package/dist/views_static/components/content/copytext/components/downloadbox/downloadbox.hbs +16 -0
- package/dist/views_static/components/content/copytext/components/downloadbox/downloadbox_item.hbs +10 -0
- package/dist/views_static/components/content/copytext/components/infobox.hbs +1 -0
- package/dist/views_static/components/content/copytext/copytext.hbs +1 -1
- package/package.json +1 -1
- package/src/assets/fixtures/content/copytext/copytext_downloadbox.json +138 -0
- package/src/stories/views/components/base/link.hbs +1 -1
- package/src/stories/views/components/base/link.stories.js +1 -1
- package/src/stories/views/components/content/copytext/components/downloadbox/downloadbox.hbs +16 -0
- package/src/stories/views/components/content/copytext/components/downloadbox/downloadbox_item.hbs +10 -0
- package/src/stories/views/components/content/copytext/components/infobox.hbs +1 -0
- package/src/stories/views/components/content/copytext/copytext.hbs +1 -1
- package/src/stories/views/components/content/copytext/copytext.stories.js +7 -0
- package/src/stories/views/components/content/copytext/fixtures/copytext_downloadbox.json +1 -0
- package/dist/views/components/content/copytext/components/downloadbox.hbs +0 -5
- package/dist/views_static/components/content/copytext/components/downloadbox.hbs +0 -5
- package/src/stories/views/components/content/copytext/components/downloadbox.hbs +0 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.54.1 (Mon Feb 05 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- add copytext-downloadbox-component [#830](https://github.com/mumprod/hr-design-system-handlebars/pull/830) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.54.0 (Mon Feb 05 2024)
|
|
14
|
+
|
|
15
|
+
#### 🚀 Enhancement
|
|
16
|
+
|
|
17
|
+
- Bugfix/2829 [#829](https://github.com/mumprod/hr-design-system-handlebars/pull/829) ([@szuelch](https://github.com/szuelch))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- [@szuelch](https://github.com/szuelch)
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.53.1 (Fri Feb 02 2024)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -2805,6 +2805,9 @@ a.link:hover {
|
|
|
2805
2805
|
.align-top {
|
|
2806
2806
|
vertical-align: top;
|
|
2807
2807
|
}
|
|
2808
|
+
.align-middle {
|
|
2809
|
+
vertical-align: middle;
|
|
2810
|
+
}
|
|
2808
2811
|
.align-text-top {
|
|
2809
2812
|
vertical-align: text-top;
|
|
2810
2813
|
}
|
|
@@ -3299,7 +3302,7 @@ a.link:hover {
|
|
|
3299
3302
|
border-bottom-color: var(--color-secondary-ds);
|
|
3300
3303
|
}
|
|
3301
3304
|
.counter-reset {
|
|
3302
|
-
counter-reset:
|
|
3305
|
+
counter-reset: cnt1707141285742;
|
|
3303
3306
|
}
|
|
3304
3307
|
.hyphens-auto {
|
|
3305
3308
|
-webkit-hyphens: auto;
|
|
@@ -3601,7 +3604,7 @@ a.link:hover {
|
|
|
3601
3604
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3602
3605
|
}
|
|
3603
3606
|
.-ordered {
|
|
3604
|
-
counter-increment:
|
|
3607
|
+
counter-increment: cnt1707141285742 1;
|
|
3605
3608
|
}
|
|
3606
3609
|
.-ordered::before {
|
|
3607
3610
|
position: absolute;
|
|
@@ -3617,7 +3620,7 @@ a.link:hover {
|
|
|
3617
3620
|
letter-spacing: .0125em;
|
|
3618
3621
|
--tw-text-opacity: 1;
|
|
3619
3622
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3620
|
-
content: counter(
|
|
3623
|
+
content: counter(cnt1707141285742);
|
|
3621
3624
|
}
|
|
3622
3625
|
/*! ****************************/
|
|
3623
3626
|
/*! DataPolicy stuff */
|
|
@@ -5112,6 +5115,10 @@ a.link:hover {
|
|
|
5112
5115
|
.hover\:text-button--dark:hover {
|
|
5113
5116
|
color: var(--color-button--dark);
|
|
5114
5117
|
}
|
|
5118
|
+
.hover\:text-link:hover {
|
|
5119
|
+
color: #006eb7;
|
|
5120
|
+
color: var(--color-link);
|
|
5121
|
+
}
|
|
5115
5122
|
.hover\:text-structure-nav-text-mobile:hover {
|
|
5116
5123
|
color: #005293;
|
|
5117
5124
|
color: var(--structure-nav-text-mobile);
|
|
@@ -5481,6 +5488,10 @@ a.link:hover {
|
|
|
5481
5488
|
margin-top: 1.375rem;
|
|
5482
5489
|
}
|
|
5483
5490
|
|
|
5491
|
+
.sm480\:h-5 {
|
|
5492
|
+
height: 1.25rem;
|
|
5493
|
+
}
|
|
5494
|
+
|
|
5484
5495
|
.sm480\:h-8 {
|
|
5485
5496
|
height: 2rem;
|
|
5486
5497
|
}
|
|
@@ -5493,6 +5504,10 @@ a.link:hover {
|
|
|
5493
5504
|
width: 66.666667%;
|
|
5494
5505
|
}
|
|
5495
5506
|
|
|
5507
|
+
.sm480\:w-5 {
|
|
5508
|
+
width: 1.25rem;
|
|
5509
|
+
}
|
|
5510
|
+
|
|
5496
5511
|
.sm480\:w-8 {
|
|
5497
5512
|
width: 2rem;
|
|
5498
5513
|
}
|
|
@@ -5505,6 +5520,10 @@ a.link:hover {
|
|
|
5505
5520
|
padding-bottom: 1.875rem;
|
|
5506
5521
|
}
|
|
5507
5522
|
|
|
5523
|
+
.sm480\:align-top {
|
|
5524
|
+
vertical-align: top;
|
|
5525
|
+
}
|
|
5526
|
+
|
|
5508
5527
|
.sm480\:text-2xl {
|
|
5509
5528
|
font-size: 1.375rem;
|
|
5510
5529
|
line-height: 1.75rem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<a {{#with _link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} href="{{_link.url}}{{#if this.hasComments}}#commentList{{/if}}"
|
|
1
|
+
<a {{#with _link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} {{#if _link.isStaticUrl}}href="{{resourceUrl _link.url}}{{else}}href="{{_link.url}}{{/if}}{{#if this.hasComments}}#commentList{{/if}}"
|
|
2
2
|
class="sb-link ds-link js-load {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
|
|
3
3
|
{{#if _link.isTargetBlank}} target="_blank" rel="noopener{{#if _link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
|
|
4
4
|
{{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{{~#partial "subParagraphs"~}}
|
|
2
|
+
{{~#with this.paragraphbox }}
|
|
3
|
+
{{~#with this.downloadBoxItems }}
|
|
4
|
+
<ul class="">
|
|
5
|
+
{{#each this}}
|
|
6
|
+
{{#if this.isEpgPdfExport}}
|
|
7
|
+
{{{this.ssi.downloadBoxItem}}}
|
|
8
|
+
{{else}}
|
|
9
|
+
{{> components/content/copytext/components/downloadbox/downloadbox_item }}
|
|
10
|
+
{{/if}}
|
|
11
|
+
{{/each}}
|
|
12
|
+
</ul>
|
|
13
|
+
{{/with}}
|
|
14
|
+
{{/with}}
|
|
15
|
+
{{/partial}}
|
|
16
|
+
{{> components/content/copytext/components/infobox }}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<li class="mt-3">
|
|
2
|
+
<a class="link js-load" href="{{this.url}}" {{#with this.content.trackingData}}
|
|
3
|
+
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": "{{this.secondLevelId}}", "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
|
|
4
|
+
{{~#with this.downloadBoxMetadata ~}}
|
|
5
|
+
<span class="text-base sm480:text-lg">{{{this.title}}} [{{this.displaySuffix}}{{#with this.displaySize}}
|
|
6
|
+
- {{this}}{{/with}}]</span>
|
|
7
|
+
{{~/with~}}
|
|
8
|
+
{{> components/base/image/icon _icon="download-neu" _addClass="align-middle sm480:align-top inline hover:text-link ml-2 w-4 h-4 sm480:w-5 sm480:h-5 fill-current dark:fill-link-dark"}}
|
|
9
|
+
</a>
|
|
10
|
+
</li>
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
<ol class="mt-4 ml-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
|
|
47
47
|
{{/if}}
|
|
48
48
|
{{/each}}
|
|
49
|
+
{{~#block "subParagraphs"}}{{/block~}}
|
|
49
50
|
|
|
50
51
|
<span class="sr-only">{{loca "story_infobox_outro_sr" }}</span>
|
|
51
52
|
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
{{> components/content/copytext/components/additionalinfo }}
|
|
119
119
|
{{/if}}
|
|
120
120
|
{{#if this.isDownloadBox}}
|
|
121
|
-
{{> components/content/copytext/components/downloadbox }}
|
|
121
|
+
{{> components/content/copytext/components/downloadbox/downloadbox }}
|
|
122
122
|
{{/if}}
|
|
123
123
|
{{#if this.isFAQ}}
|
|
124
124
|
{{> components/content/copytext/components/faq }}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<a {{#with _link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} href="{{_link.url}}{{#if this.hasComments}}#commentList{{/if}}"
|
|
1
|
+
<a {{#with _link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} {{#if _link.isStaticUrl}}href="{{resourceUrl _link.url}}{{else}}href="{{_link.url}}{{/if}}{{#if this.hasComments}}#commentList{{/if}}"
|
|
2
2
|
class="sb-link ds-link js-load {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
|
|
3
3
|
{{#if _link.isTargetBlank}} target="_blank" rel="noopener{{#if _link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
|
|
4
4
|
{{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{{~#partial "subParagraphs"~}}
|
|
2
|
+
{{~#with this.paragraphbox }}
|
|
3
|
+
{{~#with this.downloadBoxItems }}
|
|
4
|
+
<ul class="">
|
|
5
|
+
{{#each this}}
|
|
6
|
+
{{#if this.isEpgPdfExport}}
|
|
7
|
+
{{{this.ssi.downloadBoxItem}}}
|
|
8
|
+
{{else}}
|
|
9
|
+
{{> components/content/copytext/components/downloadbox/downloadbox_item }}
|
|
10
|
+
{{/if}}
|
|
11
|
+
{{/each}}
|
|
12
|
+
</ul>
|
|
13
|
+
{{/with}}
|
|
14
|
+
{{/with}}
|
|
15
|
+
{{/partial}}
|
|
16
|
+
{{> components/content/copytext/components/infobox }}
|
package/dist/views_static/components/content/copytext/components/downloadbox/downloadbox_item.hbs
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<li class="mt-3">
|
|
2
|
+
<a class="link js-load" href="{{this.url}}" {{#with this.content.trackingData}}
|
|
3
|
+
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": "{{this.secondLevelId}}", "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
|
|
4
|
+
{{~#with this.downloadBoxMetadata ~}}
|
|
5
|
+
<span class="text-base sm480:text-lg">{{{this.title}}} [{{this.displaySuffix}}{{#with this.displaySize}}
|
|
6
|
+
- {{this}}{{/with}}]</span>
|
|
7
|
+
{{~/with~}}
|
|
8
|
+
{{> components/base/image/icon _icon="download-neu" _addClass="align-middle sm480:align-top inline hover:text-link ml-2 w-4 h-4 sm480:w-5 sm480:h-5 fill-current dark:fill-link-dark"}}
|
|
9
|
+
</a>
|
|
10
|
+
</li>
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
<ol class="mt-4 ml-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
|
|
47
47
|
{{/if}}
|
|
48
48
|
{{/each}}
|
|
49
|
+
{{~#block "subParagraphs"}}{{/block~}}
|
|
49
50
|
|
|
50
51
|
<span class="sr-only">{{loca "story_infobox_outro_sr" }}</span>
|
|
51
52
|
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
{{> components/content/copytext/components/additionalinfo }}
|
|
119
119
|
{{/if}}
|
|
120
120
|
{{#if this.isDownloadBox}}
|
|
121
|
-
{{> components/content/copytext/components/downloadbox }}
|
|
121
|
+
{{> components/content/copytext/components/downloadbox/downloadbox }}
|
|
122
122
|
{{/if}}
|
|
123
123
|
{{#if this.isFAQ}}
|
|
124
124
|
{{> components/content/copytext/components/faq }}
|
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.54.1",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
{
|
|
2
|
+
"copytextParagraph": [
|
|
3
|
+
{
|
|
4
|
+
"structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
|
|
5
|
+
"isHeadline": true,
|
|
6
|
+
"text": "Copytext mit Download-Box"
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
"@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
"structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
|
|
13
|
+
"isDownloadBox": true,
|
|
14
|
+
"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
|
|
15
|
+
"paragraphProperties": [
|
|
16
|
+
{
|
|
17
|
+
"title":"Download-Box volle Breite",
|
|
18
|
+
"showFullSize":true
|
|
19
|
+
}
|
|
20
|
+
],
|
|
21
|
+
"paragraphbox": {
|
|
22
|
+
"downloadBoxItems": [
|
|
23
|
+
{
|
|
24
|
+
"isEpgPdfExport": false,
|
|
25
|
+
"url": "Download-Url-1",
|
|
26
|
+
"content": {
|
|
27
|
+
"trackingData": {
|
|
28
|
+
"secondLevelId": "2",
|
|
29
|
+
"pageName": "Page-Name"
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
"downloadBoxMetadata": {
|
|
33
|
+
"title": "Download-File-1, Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
|
|
34
|
+
"displaySuffix": "JPG",
|
|
35
|
+
"displaySize": "175kb"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"isEpgPdfExport": false,
|
|
40
|
+
"url": "Download-Url-2",
|
|
41
|
+
"content": {
|
|
42
|
+
"trackingData": {
|
|
43
|
+
"secondLevelId": "2, Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
|
|
44
|
+
"pageName": "Page-Name"
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
"downloadBoxMetadata": {
|
|
48
|
+
"title": "Download-File-2, Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
|
|
49
|
+
"displaySuffix": "MP3",
|
|
50
|
+
"displaySize": "3mb"
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"isEpgPdfExport": false,
|
|
55
|
+
"url": "Download-Url-3",
|
|
56
|
+
"content": {
|
|
57
|
+
"trackingData": {
|
|
58
|
+
"secondLevelId": "2",
|
|
59
|
+
"pageName": "Page-Name"
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
"downloadBoxMetadata": {
|
|
63
|
+
"title": "Download-File-3",
|
|
64
|
+
"displaySuffix": "PDF",
|
|
65
|
+
"displaySize": "48kb"
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
]
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
|
|
76
|
+
"isDownloadBox": true,
|
|
77
|
+
"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
|
|
78
|
+
"paragraphProperties": [
|
|
79
|
+
{
|
|
80
|
+
"title":"Download-Box halbe Breite",
|
|
81
|
+
"showFullSize":false
|
|
82
|
+
}
|
|
83
|
+
],
|
|
84
|
+
"paragraphbox": {
|
|
85
|
+
"downloadBoxItems": [
|
|
86
|
+
{
|
|
87
|
+
"isEpgPdfExport": false,
|
|
88
|
+
"url": "Download-Url-1",
|
|
89
|
+
"content": {
|
|
90
|
+
"trackingData": {
|
|
91
|
+
"secondLevelId": "2",
|
|
92
|
+
"pageName": "Page-Name"
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
"downloadBoxMetadata": {
|
|
96
|
+
"title": "Download-File-1",
|
|
97
|
+
"displaySuffix": "MP3",
|
|
98
|
+
"displaySize": "3mb"
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"isEpgPdfExport": false,
|
|
103
|
+
"url": "Download-Url-2",
|
|
104
|
+
"content": {
|
|
105
|
+
"trackingData": {
|
|
106
|
+
"secondLevelId": "2",
|
|
107
|
+
"pageName": "Page-Name"
|
|
108
|
+
}
|
|
109
|
+
},
|
|
110
|
+
"downloadBoxMetadata": {
|
|
111
|
+
"title": "Download-File-2",
|
|
112
|
+
"displaySuffix": "MP3",
|
|
113
|
+
"displaySize": "3mb"
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"isEpgPdfExport": false,
|
|
118
|
+
"url": "Download-Url-3",
|
|
119
|
+
"content": {
|
|
120
|
+
"trackingData": {
|
|
121
|
+
"secondLevelId": "2",
|
|
122
|
+
"pageName": "Page-Name"
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
"downloadBoxMetadata": {
|
|
126
|
+
"title": "Download-File-3",
|
|
127
|
+
"displaySuffix": "PDF",
|
|
128
|
+
"displaySize": "48kb"
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
]
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
|
|
136
|
+
}
|
|
137
|
+
]
|
|
138
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<a {{#with _link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} href="{{_link.url}}{{#if this.hasComments}}#commentList{{/if}}"
|
|
1
|
+
<a {{#with _link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} {{#if _link.isStaticUrl}}href="{{resourceUrl _link.url}}{{else}}href="{{_link.url}}{{/if}}{{#if this.hasComments}}#commentList{{/if}}"
|
|
2
2
|
class="sb-link ds-link js-load {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
|
|
3
3
|
{{#if _link.isTargetBlank}} target="_blank" rel="noopener{{#if _link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
|
|
4
4
|
{{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
|
|
@@ -15,7 +15,7 @@ export default {
|
|
|
15
15
|
argTypes: {
|
|
16
16
|
_link: {
|
|
17
17
|
description:
|
|
18
|
-
'Das Objekt, welches, den Link beschreibt. Es muss mindestens das Feld `url` beinhalten. Weitere mögliche Felder sind `webviewUrl`, `isTargetBlank`, `hasIcon`, `iconName`, `readMoreText`, `hasNoReferrerFlag`',
|
|
18
|
+
'Das Objekt, welches, den Link beschreibt. Es muss mindestens das Feld `url` beinhalten. Weitere mögliche Felder sind `webviewUrl`, `isTargetBlank`, `hasIcon`, `iconName`, `readMoreText`, `hasNoReferrerFlag`, `isStaticUrl`',
|
|
19
19
|
control: 'object',
|
|
20
20
|
},
|
|
21
21
|
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{{~#partial "subParagraphs"~}}
|
|
2
|
+
{{~#with this.paragraphbox }}
|
|
3
|
+
{{~#with this.downloadBoxItems }}
|
|
4
|
+
<ul class="">
|
|
5
|
+
{{#each this}}
|
|
6
|
+
{{#if this.isEpgPdfExport}}
|
|
7
|
+
{{{this.ssi.downloadBoxItem}}}
|
|
8
|
+
{{else}}
|
|
9
|
+
{{> components/content/copytext/components/downloadbox/downloadbox_item }}
|
|
10
|
+
{{/if}}
|
|
11
|
+
{{/each}}
|
|
12
|
+
</ul>
|
|
13
|
+
{{/with}}
|
|
14
|
+
{{/with}}
|
|
15
|
+
{{/partial}}
|
|
16
|
+
{{> components/content/copytext/components/infobox }}
|
package/src/stories/views/components/content/copytext/components/downloadbox/downloadbox_item.hbs
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<li class="mt-3">
|
|
2
|
+
<a class="link js-load" href="{{this.url}}" {{#with this.content.trackingData}}
|
|
3
|
+
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": "{{this.secondLevelId}}", "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
|
|
4
|
+
{{~#with this.downloadBoxMetadata ~}}
|
|
5
|
+
<span class="text-base sm480:text-lg">{{{this.title}}} [{{this.displaySuffix}}{{#with this.displaySize}}
|
|
6
|
+
- {{this}}{{/with}}]</span>
|
|
7
|
+
{{~/with~}}
|
|
8
|
+
{{> components/base/image/icon _icon="download-neu" _addClass="align-middle sm480:align-top inline hover:text-link ml-2 w-4 h-4 sm480:w-5 sm480:h-5 fill-current dark:fill-link-dark"}}
|
|
9
|
+
</a>
|
|
10
|
+
</li>
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
<ol class="mt-4 ml-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
|
|
47
47
|
{{/if}}
|
|
48
48
|
{{/each}}
|
|
49
|
+
{{~#block "subParagraphs"}}{{/block~}}
|
|
49
50
|
|
|
50
51
|
<span class="sr-only">{{loca "story_infobox_outro_sr" }}</span>
|
|
51
52
|
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
{{> components/content/copytext/components/additionalinfo }}
|
|
119
119
|
{{/if}}
|
|
120
120
|
{{#if this.isDownloadBox}}
|
|
121
|
-
{{> components/content/copytext/components/downloadbox }}
|
|
121
|
+
{{> components/content/copytext/components/downloadbox/downloadbox }}
|
|
122
122
|
{{/if}}
|
|
123
123
|
{{#if this.isFAQ}}
|
|
124
124
|
{{> components/content/copytext/components/faq }}
|
|
@@ -8,6 +8,7 @@ import copytext_faq_json from './fixtures/copytext_faq.json'
|
|
|
8
8
|
import copytext_jobposting_json from './fixtures/copytext_jobposting.json'
|
|
9
9
|
import copytext_image_json from './fixtures/copytext_image.json'
|
|
10
10
|
import copytext_infobox_json from './fixtures/copytext_infobox.json'
|
|
11
|
+
import copytext_downloadbox_json from './fixtures/copytext_downloadbox.json'
|
|
11
12
|
|
|
12
13
|
const Template = ({ ...args }) => {
|
|
13
14
|
return copytext({ ...args })
|
|
@@ -30,6 +31,12 @@ export const Default = {
|
|
|
30
31
|
args: copytext_json,
|
|
31
32
|
}
|
|
32
33
|
|
|
34
|
+
export const WithDownloadbox = {
|
|
35
|
+
render: Template.bind({}),
|
|
36
|
+
name: 'Download-Box',
|
|
37
|
+
args: copytext_downloadbox_json,
|
|
38
|
+
}
|
|
39
|
+
|
|
33
40
|
export const WithFAQ = {
|
|
34
41
|
render: Template.bind({}),
|
|
35
42
|
name: 'FAQ',
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"copytextParagraph":[{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Copytext mit Download-Box"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isDownloadBox":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.","paragraphProperties":[{"title":"Download-Box volle Breite","showFullSize":true}],"paragraphbox":{"downloadBoxItems":[{"isEpgPdfExport":false,"url":"Download-Url-1","content":{"trackingData":{"secondLevelId":"2","pageName":"Page-Name"}},"downloadBoxMetadata":{"title":"Download-File-1, Lorem ipsum dolor sit amet, consetetur sadipscing elitr","displaySuffix":"JPG","displaySize":"175kb"}},{"isEpgPdfExport":false,"url":"Download-Url-2","content":{"trackingData":{"secondLevelId":"2, Lorem ipsum dolor sit amet, consetetur sadipscing elitr","pageName":"Page-Name"}},"downloadBoxMetadata":{"title":"Download-File-2, Lorem ipsum dolor sit amet, consetetur sadipscing elitr","displaySuffix":"MP3","displaySize":"3mb"}},{"isEpgPdfExport":false,"url":"Download-Url-3","content":{"trackingData":{"secondLevelId":"2","pageName":"Page-Name"}},"downloadBoxMetadata":{"title":"Download-File-3","displaySuffix":"PDF","displaySize":"48kb"}}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isDownloadBox":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.","paragraphProperties":[{"title":"Download-Box halbe Breite","showFullSize":false}],"paragraphbox":{"downloadBoxItems":[{"isEpgPdfExport":false,"url":"Download-Url-1","content":{"trackingData":{"secondLevelId":"2","pageName":"Page-Name"}},"downloadBoxMetadata":{"title":"Download-File-1","displaySuffix":"MP3","displaySize":"3mb"}},{"isEpgPdfExport":false,"url":"Download-Url-2","content":{"trackingData":{"secondLevelId":"2","pageName":"Page-Name"}},"downloadBoxMetadata":{"title":"Download-File-2","displaySuffix":"MP3","displaySize":"3mb"}},{"isEpgPdfExport":false,"url":"Download-Url-3","content":{"trackingData":{"secondLevelId":"2","pageName":"Page-Name"}},"downloadBoxMetadata":{"title":"Download-File-3","displaySuffix":"PDF","displaySize":"48kb"}}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua."}]}}]}
|