hr-design-system-handlebars 1.57.0 → 1.57.2
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 +6 -3
- package/dist/views/components/content/copytext/components/common/paragraphbox_frame.hbs +3 -0
- package/dist/views/components/content/copytext/components/downloadbox/downloadbox.hbs +1 -1
- package/dist/views/components/content/copytext/components/downloadbox/downloadbox_item.hbs +7 -6
- package/dist/views/components/content/copytext/components/filedownload.hbs +36 -5
- package/dist/views/components/content/copytext/components/image/figure.hbs +12 -1
- package/dist/views/components/content/copytext/components/infobox.hbs +2 -2
- package/dist/views/components/teaser/teaser_indextext.hbs +1 -1
- package/dist/views_static/components/content/copytext/components/common/paragraphbox_frame.hbs +3 -0
- package/dist/views_static/components/content/copytext/components/downloadbox/downloadbox.hbs +1 -1
- package/dist/views_static/components/content/copytext/components/downloadbox/downloadbox_item.hbs +7 -6
- package/dist/views_static/components/content/copytext/components/filedownload.hbs +36 -5
- package/dist/views_static/components/content/copytext/components/image/figure.hbs +12 -1
- package/dist/views_static/components/content/copytext/components/infobox.hbs +2 -2
- package/dist/views_static/components/teaser/teaser_indextext.hbs +1 -1
- package/package.json +1 -1
- package/src/assets/fixtures/content/copytext/copytext_downloadbox.json +20 -32
- package/src/assets/fixtures/content/copytext/copytext_filedownload.json +150 -0
- package/src/assets/fixtures/content/copytext/copytext_paragraph.inc.json +1 -1
- package/src/stories/views/components/content/copytext/components/common/paragraphbox_frame.hbs +3 -0
- package/src/stories/views/components/content/copytext/components/downloadbox/downloadbox.hbs +1 -1
- package/src/stories/views/components/content/copytext/components/downloadbox/downloadbox_item.hbs +7 -6
- package/src/stories/views/components/content/copytext/components/filedownload.hbs +36 -5
- package/src/stories/views/components/content/copytext/components/image/figure.hbs +12 -1
- package/src/stories/views/components/content/copytext/components/infobox.hbs +2 -2
- package/src/stories/views/components/content/copytext/copytext.stories.js +7 -0
- package/src/stories/views/components/content/copytext/fixtures/copytext.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_additionalInfo.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_cite.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_downloadbox.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_faq.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_filedownload.json +1 -0
- package/src/stories/views/components/content/copytext/fixtures/copytext_image.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_infobox.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_podcastepisode.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_posterteaser.json +1 -1
- package/src/stories/views/components/teaser/teaser_indextext.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.57.2 (Thu Feb 08 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- add copytext-filedownload-component [#837](https://github.com/mumprod/hr-design-system-handlebars/pull/837) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.57.1 (Thu Feb 08 2024)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- Cheesebox design for Indextext [#831](https://github.com/mumprod/hr-design-system-handlebars/pull/831) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.57.0 (Thu Feb 08 2024)
|
|
2
26
|
|
|
3
27
|
#### 🚀 Enhancement
|
package/dist/assets/index.css
CHANGED
|
@@ -3305,7 +3305,7 @@ a.link:hover {
|
|
|
3305
3305
|
border-bottom-color: var(--color-secondary-ds);
|
|
3306
3306
|
}
|
|
3307
3307
|
.counter-reset {
|
|
3308
|
-
counter-reset:
|
|
3308
|
+
counter-reset: cnt1707416242598;
|
|
3309
3309
|
}
|
|
3310
3310
|
.hyphens-auto {
|
|
3311
3311
|
-webkit-hyphens: auto;
|
|
@@ -3607,7 +3607,7 @@ a.link:hover {
|
|
|
3607
3607
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3608
3608
|
}
|
|
3609
3609
|
.-ordered {
|
|
3610
|
-
counter-increment:
|
|
3610
|
+
counter-increment: cnt1707416242598 1;
|
|
3611
3611
|
}
|
|
3612
3612
|
.-ordered::before {
|
|
3613
3613
|
position: absolute;
|
|
@@ -3623,7 +3623,7 @@ a.link:hover {
|
|
|
3623
3623
|
letter-spacing: .0125em;
|
|
3624
3624
|
--tw-text-opacity: 1;
|
|
3625
3625
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3626
|
-
content: counter(
|
|
3626
|
+
content: counter(cnt1707416242598);
|
|
3627
3627
|
}
|
|
3628
3628
|
/*! ****************************/
|
|
3629
3629
|
/*! DataPolicy stuff */
|
|
@@ -5138,6 +5138,9 @@ a.link:hover {
|
|
|
5138
5138
|
-webkit-text-decoration-line: underline;
|
|
5139
5139
|
text-decoration-line: underline;
|
|
5140
5140
|
}
|
|
5141
|
+
.hover\:\!decoration-1:hover {
|
|
5142
|
+
text-decoration-thickness: 1px !important;
|
|
5143
|
+
}
|
|
5141
5144
|
.focus\:bg-black:focus {
|
|
5142
5145
|
--tw-bg-opacity: 1;
|
|
5143
5146
|
background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
<li class="mt-3">
|
|
2
|
-
|
|
3
|
-
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": {{this.secondLevelId}}, "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
|
|
2
|
+
{{#>components/base/link _link=this.link _css="underline decoration-1 hover:!decoration-1 text-link dark:text-link-dark"}}
|
|
4
3
|
{{~#with this.downloadBoxMetadata ~}}
|
|
5
|
-
<span class="text-base sm480:text-lg">{{{this.title}}}
|
|
6
|
-
- {{this}}{{/with}}]</span>
|
|
4
|
+
<span class="text-base sm480:text-lg">{{{this.title}}}</span>
|
|
5
|
+
<span class="text-base whitespace-nowrap sm480:text-lg">[{{this.displaySuffix}}{{#with this.displaySize}} - {{this}}{{/with}}]{{> 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"}}</span>
|
|
7
6
|
{{~/with~}}
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
{{/components/base/link}}
|
|
8
|
+
{{#*inline "htmlProperties"}}
|
|
9
|
+
{{> components/tracking/download_tracking}}
|
|
10
|
+
{{/inline}}
|
|
10
11
|
</li>
|
|
@@ -1,5 +1,36 @@
|
|
|
1
|
-
{{
|
|
2
|
-
|
|
3
|
-
{{
|
|
4
|
-
|
|
5
|
-
{{
|
|
1
|
+
{{#>components/content/copytext/components/common/paragraphbox_frame}}
|
|
2
|
+
|
|
3
|
+
<span class="sr-only">{{loca "story_download_intro_sr" }}</span>
|
|
4
|
+
|
|
5
|
+
{{#with this.label}}
|
|
6
|
+
{{#> components/label/label_group}}
|
|
7
|
+
{{> components/label/label _type=this.type _text=(loca this.loca)}}
|
|
8
|
+
{{> components/label/label_byline _css="ml-2"}}
|
|
9
|
+
{{/components/label/label_group}}
|
|
10
|
+
{{/with~}}
|
|
11
|
+
|
|
12
|
+
{{#with this.toModel.mediaBacklinkToStoryTeaser}}
|
|
13
|
+
{{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
|
|
14
|
+
<h3 class="mt-2.5 text-lg -mt-[4px] sm480:text-xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
|
|
15
|
+
{{~#if this.isForeignBrand}}
|
|
16
|
+
<span>[{{this.readMore}}]</span>
|
|
17
|
+
{{/if}}
|
|
18
|
+
{{/components/base/link}}
|
|
19
|
+
{{#*inline "htmlProperties"}}
|
|
20
|
+
{{> components/tracking/download_tracking}}
|
|
21
|
+
{{/inline}}
|
|
22
|
+
{{/with}}
|
|
23
|
+
{{~#with this.teaseritem }}
|
|
24
|
+
{{> components/content/copytext/components/image/figure
|
|
25
|
+
_cssClass="!mt-5 !mb-0 !mx-0"
|
|
26
|
+
_cssClassCaption="!mx-0"
|
|
27
|
+
_type="story"
|
|
28
|
+
_variant="copytext"
|
|
29
|
+
_pictureAddClass="ar-16-9"
|
|
30
|
+
_isWebview=../../_isWebview
|
|
31
|
+
_filedownloadLink=../this.link}}
|
|
32
|
+
{{/with}}
|
|
33
|
+
|
|
34
|
+
<span class="sr-only">{{loca "story_download_outro_sr" }}</span>
|
|
35
|
+
|
|
36
|
+
{{/components/content/copytext/components/common/paragraphbox_frame}}
|
|
@@ -2,7 +2,18 @@
|
|
|
2
2
|
{{#if _noAr }}
|
|
3
3
|
{{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
|
|
4
4
|
{{else}}
|
|
5
|
-
{{
|
|
5
|
+
{{#if _filedownloadLink }}
|
|
6
|
+
{{#>components/base/link _link=_filedownloadLink }}
|
|
7
|
+
{{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _addClassImg="ar__content" _isWebview=_isWebview _noDelay=_noDelay}}
|
|
8
|
+
{{/components/base/link}}
|
|
9
|
+
{{#*inline "htmlProperties"}}
|
|
10
|
+
{{~#with _filedownloadLink }}
|
|
11
|
+
{{> components/tracking/download_tracking}}
|
|
12
|
+
{{/with}}
|
|
13
|
+
{{/inline}}
|
|
14
|
+
{{else}}
|
|
15
|
+
{{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _addClassImg="ar__content" _isWebview=_isWebview _noDelay=_noDelay}}
|
|
16
|
+
{{/if}}
|
|
6
17
|
{{/if}}
|
|
7
18
|
{{#unless _voting-option}}
|
|
8
19
|
{{~> components/content/copytext/components/image/figcaption _cssClassCaption=_cssClassCaption~}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
{{#>components/content/copytext/components/common/paragraphbox_frame _showFullsize=this.paragraphProperties.[0].showFullSize}}
|
|
2
2
|
|
|
3
3
|
<span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
|
|
4
4
|
|
|
@@ -50,4 +50,4 @@
|
|
|
50
50
|
|
|
51
51
|
<span class="sr-only">{{loca "story_infobox_outro_sr" }}</span>
|
|
52
52
|
|
|
53
|
-
|
|
53
|
+
{{/components/content/copytext/components/common/paragraphbox_frame}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<article
|
|
2
|
-
class='indexText mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
|
|
2
|
+
class='indexText rounded-tl-hr rounded-br-hr mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
|
|
3
3
|
{{~inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}
|
|
4
4
|
{{~inline-switch
|
|
5
5
|
this.teaserType
|
package/dist/views_static/components/content/copytext/components/downloadbox/downloadbox_item.hbs
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
<li class="mt-3">
|
|
2
|
-
|
|
3
|
-
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": {{this.secondLevelId}}, "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
|
|
2
|
+
{{#>components/base/link _link=this.link _css="underline decoration-1 hover:!decoration-1 text-link dark:text-link-dark"}}
|
|
4
3
|
{{~#with this.downloadBoxMetadata ~}}
|
|
5
|
-
<span class="text-base sm480:text-lg">{{{this.title}}}
|
|
6
|
-
- {{this}}{{/with}}]</span>
|
|
4
|
+
<span class="text-base sm480:text-lg">{{{this.title}}}</span>
|
|
5
|
+
<span class="text-base whitespace-nowrap sm480:text-lg">[{{this.displaySuffix}}{{#with this.displaySize}} - {{this}}{{/with}}]{{> 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"}}</span>
|
|
7
6
|
{{~/with~}}
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
{{/components/base/link}}
|
|
8
|
+
{{#*inline "htmlProperties"}}
|
|
9
|
+
{{> components/tracking/download_tracking}}
|
|
10
|
+
{{/inline}}
|
|
10
11
|
</li>
|
|
@@ -1,5 +1,36 @@
|
|
|
1
|
-
{{
|
|
2
|
-
|
|
3
|
-
{{
|
|
4
|
-
|
|
5
|
-
{{
|
|
1
|
+
{{#>components/content/copytext/components/common/paragraphbox_frame}}
|
|
2
|
+
|
|
3
|
+
<span class="sr-only">{{loca "story_download_intro_sr" }}</span>
|
|
4
|
+
|
|
5
|
+
{{#with this.label}}
|
|
6
|
+
{{#> components/label/label_group}}
|
|
7
|
+
{{> components/label/label _type=this.type _text=(loca this.loca)}}
|
|
8
|
+
{{> components/label/label_byline _css="ml-2"}}
|
|
9
|
+
{{/components/label/label_group}}
|
|
10
|
+
{{/with~}}
|
|
11
|
+
|
|
12
|
+
{{#with this.toModel.mediaBacklinkToStoryTeaser}}
|
|
13
|
+
{{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
|
|
14
|
+
<h3 class="mt-2.5 text-lg -mt-[4px] sm480:text-xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
|
|
15
|
+
{{~#if this.isForeignBrand}}
|
|
16
|
+
<span>[{{this.readMore}}]</span>
|
|
17
|
+
{{/if}}
|
|
18
|
+
{{/components/base/link}}
|
|
19
|
+
{{#*inline "htmlProperties"}}
|
|
20
|
+
{{> components/tracking/download_tracking}}
|
|
21
|
+
{{/inline}}
|
|
22
|
+
{{/with}}
|
|
23
|
+
{{~#with this.teaseritem }}
|
|
24
|
+
{{> components/content/copytext/components/image/figure
|
|
25
|
+
_cssClass="!mt-5 !mb-0 !mx-0"
|
|
26
|
+
_cssClassCaption="!mx-0"
|
|
27
|
+
_type="story"
|
|
28
|
+
_variant="copytext"
|
|
29
|
+
_pictureAddClass="ar-16-9"
|
|
30
|
+
_isWebview=../../_isWebview
|
|
31
|
+
_filedownloadLink=../this.link}}
|
|
32
|
+
{{/with}}
|
|
33
|
+
|
|
34
|
+
<span class="sr-only">{{loca "story_download_outro_sr" }}</span>
|
|
35
|
+
|
|
36
|
+
{{/components/content/copytext/components/common/paragraphbox_frame}}
|
|
@@ -2,7 +2,18 @@
|
|
|
2
2
|
{{#if _noAr }}
|
|
3
3
|
{{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
|
|
4
4
|
{{else}}
|
|
5
|
-
{{
|
|
5
|
+
{{#if _filedownloadLink }}
|
|
6
|
+
{{#>components/base/link _link=_filedownloadLink }}
|
|
7
|
+
{{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _addClassImg="ar__content" _isWebview=_isWebview _noDelay=_noDelay}}
|
|
8
|
+
{{/components/base/link}}
|
|
9
|
+
{{#*inline "htmlProperties"}}
|
|
10
|
+
{{~#with _filedownloadLink }}
|
|
11
|
+
{{> components/tracking/download_tracking}}
|
|
12
|
+
{{/with}}
|
|
13
|
+
{{/inline}}
|
|
14
|
+
{{else}}
|
|
15
|
+
{{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _addClassImg="ar__content" _isWebview=_isWebview _noDelay=_noDelay}}
|
|
16
|
+
{{/if}}
|
|
6
17
|
{{/if}}
|
|
7
18
|
{{#unless _voting-option}}
|
|
8
19
|
{{~> components/content/copytext/components/image/figcaption _cssClassCaption=_cssClassCaption~}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
{{#>components/content/copytext/components/common/paragraphbox_frame _showFullsize=this.paragraphProperties.[0].showFullSize}}
|
|
2
2
|
|
|
3
3
|
<span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
|
|
4
4
|
|
|
@@ -50,4 +50,4 @@
|
|
|
50
50
|
|
|
51
51
|
<span class="sr-only">{{loca "story_infobox_outro_sr" }}</span>
|
|
52
52
|
|
|
53
|
-
|
|
53
|
+
{{/components/content/copytext/components/common/paragraphbox_frame}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<article
|
|
2
|
-
class='indexText mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
|
|
2
|
+
class='indexText rounded-tl-hr rounded-br-hr mx-5 sm:mx-0 p-8 md:p-10 relative col-span-12 flex flex-col gap-x-4
|
|
3
3
|
{{~inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}
|
|
4
4
|
{{~inline-switch
|
|
5
5
|
this.teaserType
|
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.57.
|
|
9
|
+
"version": "1.57.2",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -22,13 +22,11 @@
|
|
|
22
22
|
"downloadBoxItems": [
|
|
23
23
|
{
|
|
24
24
|
"isEpgPdfExport": false,
|
|
25
|
-
"url": "Download-Url-1",
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
},
|
|
25
|
+
"url": "Download-Url-1",
|
|
26
|
+
"trackingData": {
|
|
27
|
+
"secondLevelId": "2",
|
|
28
|
+
"pageName": "Page-Name"
|
|
29
|
+
},
|
|
32
30
|
"downloadBoxMetadata": {
|
|
33
31
|
"title": "Download-File-1, Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
|
|
34
32
|
"displaySuffix": "JPG",
|
|
@@ -38,11 +36,9 @@
|
|
|
38
36
|
{
|
|
39
37
|
"isEpgPdfExport": false,
|
|
40
38
|
"url": "Download-Url-2",
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
|
|
44
|
-
"pageName": "Page-Name"
|
|
45
|
-
}
|
|
39
|
+
"trackingData": {
|
|
40
|
+
"secondLevelId": "2, Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
|
|
41
|
+
"pageName": "Page-Name"
|
|
46
42
|
},
|
|
47
43
|
"downloadBoxMetadata": {
|
|
48
44
|
"title": "Download-File-2, Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
|
|
@@ -53,11 +49,9 @@
|
|
|
53
49
|
{
|
|
54
50
|
"isEpgPdfExport": false,
|
|
55
51
|
"url": "Download-Url-3",
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
|
|
59
|
-
"pageName": "Page-Name"
|
|
60
|
-
}
|
|
52
|
+
"trackingData": {
|
|
53
|
+
"secondLevelId": "2",
|
|
54
|
+
"pageName": "Page-Name"
|
|
61
55
|
},
|
|
62
56
|
"downloadBoxMetadata": {
|
|
63
57
|
"title": "Download-File-3",
|
|
@@ -86,11 +80,9 @@
|
|
|
86
80
|
{
|
|
87
81
|
"isEpgPdfExport": false,
|
|
88
82
|
"url": "Download-Url-1",
|
|
89
|
-
"
|
|
90
|
-
"
|
|
91
|
-
|
|
92
|
-
"pageName": "Page-Name"
|
|
93
|
-
}
|
|
83
|
+
"trackingData": {
|
|
84
|
+
"secondLevelId": "2",
|
|
85
|
+
"pageName": "Page-Name"
|
|
94
86
|
},
|
|
95
87
|
"downloadBoxMetadata": {
|
|
96
88
|
"title": "Download-File-1",
|
|
@@ -101,11 +93,9 @@
|
|
|
101
93
|
{
|
|
102
94
|
"isEpgPdfExport": false,
|
|
103
95
|
"url": "Download-Url-2",
|
|
104
|
-
"
|
|
105
|
-
"
|
|
106
|
-
|
|
107
|
-
"pageName": "Page-Name"
|
|
108
|
-
}
|
|
96
|
+
"trackingData": {
|
|
97
|
+
"secondLevelId": "2",
|
|
98
|
+
"pageName": "Page-Name"
|
|
109
99
|
},
|
|
110
100
|
"downloadBoxMetadata": {
|
|
111
101
|
"title": "Download-File-2",
|
|
@@ -116,11 +106,9 @@
|
|
|
116
106
|
{
|
|
117
107
|
"isEpgPdfExport": false,
|
|
118
108
|
"url": "Download-Url-3",
|
|
119
|
-
"
|
|
120
|
-
"
|
|
121
|
-
|
|
122
|
-
"pageName": "Page-Name"
|
|
123
|
-
}
|
|
109
|
+
"trackingData": {
|
|
110
|
+
"secondLevelId": "2",
|
|
111
|
+
"pageName": "Page-Name"
|
|
124
112
|
},
|
|
125
113
|
"downloadBoxMetadata": {
|
|
126
114
|
"title": "Download-File-3",
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
{
|
|
2
|
+
"copytextParagraph": [
|
|
3
|
+
{
|
|
4
|
+
"structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
|
|
5
|
+
"isHeadline": true,
|
|
6
|
+
"text": "Copytext mit File-Download"
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
"@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
"paragraphBoxItem": {
|
|
13
|
+
"isFileDownload": true,
|
|
14
|
+
"label": {
|
|
15
|
+
"type": "download",
|
|
16
|
+
"loca": "label_download",
|
|
17
|
+
"byline": {
|
|
18
|
+
"bylineText": "PDF - 4mb"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
"link": {
|
|
22
|
+
"url": "/download1",
|
|
23
|
+
"isTargetBlank": false,
|
|
24
|
+
"trackingData": {
|
|
25
|
+
"secondLevelId": "2",
|
|
26
|
+
"pageName": "download1"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"toModel": {
|
|
30
|
+
"mediaBacklinkToStoryTeaser": {
|
|
31
|
+
"title": "File-Download mit Bild, intern",
|
|
32
|
+
"link": {
|
|
33
|
+
"url": "/download1",
|
|
34
|
+
"isTargetBlank": false
|
|
35
|
+
},
|
|
36
|
+
"hasIcon": true,
|
|
37
|
+
"iconName": "download-neu",
|
|
38
|
+
"isForeignBrand": false,
|
|
39
|
+
"readMoreScreenreader": "zum hr3.de Download",
|
|
40
|
+
"readMore": "zum hr3.de Download",
|
|
41
|
+
"readMoreLong": "zum hr3.de Download",
|
|
42
|
+
"trackingData": {
|
|
43
|
+
"secondLevelId": "2",
|
|
44
|
+
"pageName": "download1"
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"teaseritem": {
|
|
49
|
+
"@->jsoninclude": "teaser/teaser_images.inc.json",
|
|
50
|
+
"@->contentpath": "copytext_image_50",
|
|
51
|
+
"@->replaceToken": [
|
|
52
|
+
{
|
|
53
|
+
"@->token": "image",
|
|
54
|
+
"@->value": "buchmesse-fahnen-102"
|
|
55
|
+
}
|
|
56
|
+
]
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"paragraphBoxItem": {
|
|
65
|
+
"isFileDownload": true,
|
|
66
|
+
"label": {
|
|
67
|
+
"type": "download",
|
|
68
|
+
"loca": "label_download",
|
|
69
|
+
"byline": {
|
|
70
|
+
"bylineText": "PDF - 4mb"
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
"link": {
|
|
74
|
+
"url": "/download2",
|
|
75
|
+
"isTargetBlank": false,
|
|
76
|
+
"trackingData": {
|
|
77
|
+
"secondLevelId": "2",
|
|
78
|
+
"pageName": "download2"
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
"toModel": {
|
|
82
|
+
"mediaBacklinkToStoryTeaser": {
|
|
83
|
+
"title": "File-Download mit Bild, extern",
|
|
84
|
+
"link": {
|
|
85
|
+
"url": "/download2",
|
|
86
|
+
"isTargetBlank": false
|
|
87
|
+
},
|
|
88
|
+
"hasIcon": true,
|
|
89
|
+
"iconName": "download-neu",
|
|
90
|
+
"isForeignBrand": true,
|
|
91
|
+
"readMoreScreenreader": "zum hr3.de Download",
|
|
92
|
+
"readMore": "zum hr3.de Download",
|
|
93
|
+
"readMoreLong": "zum hr3.de Download",
|
|
94
|
+
"trackingData": {
|
|
95
|
+
"secondLevelId": "2",
|
|
96
|
+
"pageName": "download2"
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
"teaseritem": {
|
|
101
|
+
"@->jsoninclude": "teaser/teaser_images.inc.json",
|
|
102
|
+
"@->contentpath": "copytext_image_50",
|
|
103
|
+
"@->replaceToken": [
|
|
104
|
+
{
|
|
105
|
+
"@->token": "image",
|
|
106
|
+
"@->value": "buchmesse-fahnen-102"
|
|
107
|
+
}
|
|
108
|
+
]
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
"paragraphBoxItem": {
|
|
117
|
+
"isFileDownload": true,
|
|
118
|
+
"label": {
|
|
119
|
+
"type": "download",
|
|
120
|
+
"loca": "label_download",
|
|
121
|
+
"byline": {
|
|
122
|
+
"bylineText": "PDF - 4mb"
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
"toModel": {
|
|
126
|
+
"mediaBacklinkToStoryTeaser": {
|
|
127
|
+
"title": "File-Download ohne Bild, extern",
|
|
128
|
+
"link": {
|
|
129
|
+
"url": "/download3",
|
|
130
|
+
"isTargetBlank": false
|
|
131
|
+
},
|
|
132
|
+
"hasIcon": true,
|
|
133
|
+
"iconName": "download-neu",
|
|
134
|
+
"isForeignBrand": true,
|
|
135
|
+
"readMoreScreenreader": "zum hr3.de Download",
|
|
136
|
+
"readMore": "zum hr3.de Download",
|
|
137
|
+
"readMoreLong": "zum hr3.de Download",
|
|
138
|
+
"trackingData": {
|
|
139
|
+
"secondLevelId": "2",
|
|
140
|
+
"pageName": "download3"
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
|
|
148
|
+
}
|
|
149
|
+
]
|
|
150
|
+
}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"split": [
|
|
6
6
|
{
|
|
7
7
|
"isText": true,
|
|
8
|
-
"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."
|
|
8
|
+
"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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."
|
|
9
9
|
}
|
|
10
10
|
]
|
|
11
11
|
}
|
package/src/stories/views/components/content/copytext/components/downloadbox/downloadbox_item.hbs
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
<li class="mt-3">
|
|
2
|
-
|
|
3
|
-
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": {{this.secondLevelId}}, "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
|
|
2
|
+
{{#>components/base/link _link=this.link _css="underline decoration-1 hover:!decoration-1 text-link dark:text-link-dark"}}
|
|
4
3
|
{{~#with this.downloadBoxMetadata ~}}
|
|
5
|
-
<span class="text-base sm480:text-lg">{{{this.title}}}
|
|
6
|
-
- {{this}}{{/with}}]</span>
|
|
4
|
+
<span class="text-base sm480:text-lg">{{{this.title}}}</span>
|
|
5
|
+
<span class="text-base whitespace-nowrap sm480:text-lg">[{{this.displaySuffix}}{{#with this.displaySize}} - {{this}}{{/with}}]{{> 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"}}</span>
|
|
7
6
|
{{~/with~}}
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
{{/components/base/link}}
|
|
8
|
+
{{#*inline "htmlProperties"}}
|
|
9
|
+
{{> components/tracking/download_tracking}}
|
|
10
|
+
{{/inline}}
|
|
10
11
|
</li>
|