hr-design-system-handlebars 0.40.1 → 0.41.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 +12 -0
- package/dist/assets/index.css +9 -9
- package/dist/views/components/Teaser/Teaser-Heading.hbs +7 -7
- package/dist/views/components/Teaser/Teaser-standard.hbs +18 -0
- package/dist/views/components/Teaser/Title.hbs +1 -1
- package/dist/views/components/Teaser/Topline.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/Typography.stories.mdx +1 -1
- package/src/stories/views/components/Teaser/Teaser-Heading.hbs +7 -7
- package/src/stories/views/components/Teaser/Teaser-Heading.stories.mdx +16 -7
- package/src/stories/views/components/Teaser/Teaser-standard.hbs +18 -0
- package/src/stories/views/components/Teaser/{Teaser.stories.mdx → Teaser.stories.mdx.old} +2 -1
- package/src/stories/views/components/Teaser/Title.hbs +1 -1
- package/src/stories/views/components/Teaser/Title.stories.mdx +9 -6
- package/src/stories/views/components/Teaser/Topline.hbs +1 -1
- package/src/stories/views/components/Teaser/Topline.stories.mdx +1 -1
- package/src/stories/views/components/Teaser/{teaser_article.json → data/teaser_article.json} +2 -1
- package/src/stories/views/components/Teaser/{teaser_full.json → data/teaser_full.json} +0 -0
- package/src/stories/views/components/Teaser/data/teaser_standard_lg_serif.json +156 -0
- package/src/stories/views/components/Teaser/data/teaser_standard_md_serif.json +156 -0
- package/src/stories/views/components/Teaser/data/teaser_standard_sm_serif.json +156 -0
- package/src/stories/views/components/Teaser/data/teaser_standard_xl_serif.json +156 -0
- package/src/stories/views/components/Teaser/data/teaser_standard_xxl_serif.json +156 -0
- package/src/stories/views/components/Teaser/teaser-standard.stories.mdx +67 -0
- package/tailwind.config.js +1 -1
- package/dist/views/components/Teaser/Teaser-default.hbs +0 -3
- package/src/stories/views/components/Teaser/Teaser-default.hbs +0 -3
- package/src/stories/views/components/Teaser/teaser-default.stories.mdx +0 -26
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v0.41.0 (Wed Apr 06 2022)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- Bild für Standard-Teaser [#206](https://github.com/mumprod/hr-design-system-handlebars/pull/206) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v0.40.1 (Wed Apr 06 2022)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1514,15 +1514,15 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
|
1514
1514
|
.-mt-10 {
|
|
1515
1515
|
margin-top: -2.5rem;
|
|
1516
1516
|
}
|
|
1517
|
-
.mb-4 {
|
|
1518
|
-
margin-bottom: 1rem;
|
|
1519
|
-
}
|
|
1520
1517
|
.mt-4 {
|
|
1521
1518
|
margin-top: 1rem;
|
|
1522
1519
|
}
|
|
1523
1520
|
.mt-1 {
|
|
1524
1521
|
margin-top: 0.25rem;
|
|
1525
1522
|
}
|
|
1523
|
+
.mb-4 {
|
|
1524
|
+
margin-bottom: 1rem;
|
|
1525
|
+
}
|
|
1526
1526
|
.mt-0\.5 {
|
|
1527
1527
|
margin-top: 0.125rem;
|
|
1528
1528
|
}
|
|
@@ -2142,7 +2142,7 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
|
2142
2142
|
line-height: 2.25rem;
|
|
2143
2143
|
}
|
|
2144
2144
|
.text-4xl {
|
|
2145
|
-
font-size:
|
|
2145
|
+
font-size: 2.125rem;
|
|
2146
2146
|
line-height: 2.25rem;
|
|
2147
2147
|
}
|
|
2148
2148
|
.text-5xl {
|
|
@@ -2185,14 +2185,14 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
|
2185
2185
|
--tw-text-opacity: 1;
|
|
2186
2186
|
color: rgba(0, 82, 147, var(--tw-text-opacity));
|
|
2187
2187
|
}
|
|
2188
|
-
.text-indigo-500 {
|
|
2189
|
-
--tw-text-opacity: 1;
|
|
2190
|
-
color: rgba(99, 102, 241, var(--tw-text-opacity));
|
|
2191
|
-
}
|
|
2192
2188
|
.text-gray-500 {
|
|
2193
2189
|
--tw-text-opacity: 1;
|
|
2194
2190
|
color: rgba(107, 114, 128, var(--tw-text-opacity));
|
|
2195
2191
|
}
|
|
2192
|
+
.text-indigo-500 {
|
|
2193
|
+
--tw-text-opacity: 1;
|
|
2194
|
+
color: rgba(99, 102, 241, var(--tw-text-opacity));
|
|
2195
|
+
}
|
|
2196
2196
|
.text-toplineColor {
|
|
2197
2197
|
color: #006dc1;
|
|
2198
2198
|
color: var(--color-topline);
|
|
@@ -2620,7 +2620,7 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
|
2620
2620
|
padding-left: 0px;
|
|
2621
2621
|
}
|
|
2622
2622
|
.md\:text-4xl {
|
|
2623
|
-
font-size:
|
|
2623
|
+
font-size: 2.125rem;
|
|
2624
2624
|
line-height: 2.25rem;
|
|
2625
2625
|
}
|
|
2626
2626
|
.md\:drop-shadow-md {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
<{{headlineTag}} class="
|
|
3
|
-
{{#if topline}}
|
|
4
|
-
{{> components/Teaser/Topline text
|
|
1
|
+
{{#>components/base/link _cssClasses="hover:text-toplineColor" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="headlineLink" }}
|
|
2
|
+
<{{~ ../headlineTag }} class="mt-4 {{../class}}" >
|
|
3
|
+
{{#if ../topline}}
|
|
4
|
+
{{> components/Teaser/Topline text=../topline }}
|
|
5
5
|
{{/if}}
|
|
6
|
-
{{> components/Teaser/Title text
|
|
7
|
-
</{{headlineTag}}>
|
|
8
|
-
|
|
6
|
+
{{> components/Teaser/Title text=../headline font=../font size=../size}}
|
|
7
|
+
</{{~ ../headlineTag }}>
|
|
8
|
+
{{/components/base/link}}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<article class="col-span-12 {{inline-switch teasersize '["sm","md","lg"]' '["md:col-span-3","md:col-span-4","md:col-span-6"]'}}">
|
|
2
|
+
{{#>components/base/link _cssClasses="" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="mediaLink" }}
|
|
3
|
+
{{~> components/base/image/responsiveImage this.content.teaserImage _type=this.content.teasertype _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content mediaPlayerLoader__mediaplayerArea" ~}}
|
|
4
|
+
{{/components/base/link}}
|
|
5
|
+
{{#if labelType}}
|
|
6
|
+
<div class="mt-4">
|
|
7
|
+
{{> components/Label type=labelType text=labelText}}
|
|
8
|
+
</div>
|
|
9
|
+
{{> components/Teaser/Teaser-Heading headlineTag="h2" size=teasersize font=(inline-switch serifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') headline=title topline=""}}
|
|
10
|
+
{{else}}
|
|
11
|
+
{{> components/Teaser/Teaser-Heading headlineTag="h2" size=teasersize font=(inline-switch serifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') headline=title topline=topline}}
|
|
12
|
+
{{/if}}
|
|
13
|
+
|
|
14
|
+
<div class="mt-2 text-base font-copy">{{shorttext}}</div>
|
|
15
|
+
{{#if profiles}}
|
|
16
|
+
<div class="mt-1 text-sm text-gray-500 font-headingSerif">{{profiles}}</div>
|
|
17
|
+
{{/if}}
|
|
18
|
+
</article>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<span class="block {{inline-switch size '["xxl","sm"]' '["text-2xl md:text-4xl","text-lg","text-2xl"]'}} font
|
|
1
|
+
<span class="block {{inline-switch size '["xxl","sm"]' '["text-2xl md:text-4xl ","text-lg ","text-2xl "]'}} {{font}} mt-0.5">{{text}}</span>
|
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": "0.
|
|
9
|
+
"version": "0.41.0",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
|
@@ -94,7 +94,7 @@ Zur Auszeichnung von Überschriften stehen die folgenden Utility Klassen zur ver
|
|
|
94
94
|
| `text-xl` | `font-size: 1.25rem` <br /> `line-height: 1.75rem` | `20px`<br />`28px` | Setzt die Eigenschaften `font-size` und `line-height` |
|
|
95
95
|
| `text-2xl` | `font-size: 1.375rem` <br /> `line-height: 2rem` | `22px`<br />`32px` | Setzt die Eigenschaften `font-size` und `line-height` |
|
|
96
96
|
| `text-3xl` | `font-size: 1.875rem` <br /> `line-height: 2.25rem` | `30px`<br />`36px` | Setzt die Eigenschaften `font-size` und `line-height` |
|
|
97
|
-
| `text-4xl` | `font-size:
|
|
97
|
+
| `text-4xl` | `font-size: 2.125rem` <br /> `line-height: 2.25rem` | `34px`<br />`36px` | Setzt die Eigenschaften `font-size` und `line-height` |
|
|
98
98
|
|
|
99
99
|
### Verwendung RobotoSlab
|
|
100
100
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
<{{headlineTag}} class="
|
|
3
|
-
{{#if topline}}
|
|
4
|
-
{{> components/Teaser/Topline text
|
|
1
|
+
{{#>components/base/link _cssClasses="hover:text-toplineColor" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="headlineLink" }}
|
|
2
|
+
<{{~ ../headlineTag }} class="mt-4 {{../class}}" >
|
|
3
|
+
{{#if ../topline}}
|
|
4
|
+
{{> components/Teaser/Topline text=../topline }}
|
|
5
5
|
{{/if}}
|
|
6
|
-
{{> components/Teaser/Title text
|
|
7
|
-
</{{headlineTag}}>
|
|
8
|
-
|
|
6
|
+
{{> components/Teaser/Title text=../headline font=../font size=../size}}
|
|
7
|
+
</{{~ ../headlineTag }}>
|
|
8
|
+
{{/components/base/link}}
|
|
@@ -3,7 +3,7 @@ import { ArgsTable, Meta, Story, Canvas, Preview } from "@storybook/addon-docs";
|
|
|
3
3
|
import teaserHeading from "./Teaser-Heading.hbs";
|
|
4
4
|
|
|
5
5
|
<Meta
|
|
6
|
-
title="Komponenten/TeaserHeading"
|
|
6
|
+
title="Komponenten/Teaser/Komponenten/TeaserHeading"
|
|
7
7
|
argTypes={{
|
|
8
8
|
topline: {
|
|
9
9
|
control: "text",
|
|
@@ -29,7 +29,7 @@ import teaserHeading from "./Teaser-Heading.hbs";
|
|
|
29
29
|
description: "Schriftart",
|
|
30
30
|
control: {
|
|
31
31
|
type: "inline-radio",
|
|
32
|
-
options: ["headingSerif", "heading"],
|
|
32
|
+
options: ["font-headingSerif", "font-heading"],
|
|
33
33
|
},
|
|
34
34
|
table: {
|
|
35
35
|
defaultValue: {
|
|
@@ -58,7 +58,7 @@ Ein toller Einleitungstext für unsere `Teaser-Heading` Komponente:
|
|
|
58
58
|
|
|
59
59
|
<Canvas>
|
|
60
60
|
<Story
|
|
61
|
-
name="Serif
|
|
61
|
+
name="Serif Hero"
|
|
62
62
|
parameters={{
|
|
63
63
|
docs: {
|
|
64
64
|
source: {
|
|
@@ -72,8 +72,11 @@ Ein toller Einleitungstext für unsere `Teaser-Heading` Komponente:
|
|
|
72
72
|
topline: "Das ist eine wirklich sehr lange Topline",
|
|
73
73
|
headline: "Das ist eine wirklich sehr lange Headline",
|
|
74
74
|
headlineTag: "h1",
|
|
75
|
-
font: "headingSerif",
|
|
76
|
-
size: "
|
|
75
|
+
font: "font-headingSerif",
|
|
76
|
+
size: "xxl",
|
|
77
|
+
link: {
|
|
78
|
+
url: "/teaser1"
|
|
79
|
+
}
|
|
77
80
|
}}
|
|
78
81
|
>
|
|
79
82
|
{Template.bind({})}
|
|
@@ -100,8 +103,11 @@ Ein toller Einleitungstext für unsere `Teaser-Heading` Komponente:
|
|
|
100
103
|
topline: "Das ist eine wirklich sehr lange Topline",
|
|
101
104
|
headline: "Das ist eine wirklich sehr lange Headline",
|
|
102
105
|
headlineTag: "h1",
|
|
103
|
-
font: "headingSerif",
|
|
106
|
+
font: "font-headingSerif",
|
|
104
107
|
size: "md",
|
|
108
|
+
link: {
|
|
109
|
+
url: "/teaser1"
|
|
110
|
+
}
|
|
105
111
|
}}
|
|
106
112
|
>
|
|
107
113
|
{Template.bind({})}
|
|
@@ -126,8 +132,11 @@ Ein toller Einleitungstext für unsere `Teaser-Heading` Komponente:
|
|
|
126
132
|
topline: "Das ist eine wirklich sehr lange Topline",
|
|
127
133
|
headline: "Das ist eine wirklich sehr lange Headline",
|
|
128
134
|
headlineTag: "h1",
|
|
129
|
-
font: "headingSerif",
|
|
135
|
+
font: "font-headingSerif",
|
|
130
136
|
size: "sm",
|
|
137
|
+
link: {
|
|
138
|
+
url: "/teaser1"
|
|
139
|
+
}
|
|
131
140
|
}}
|
|
132
141
|
>
|
|
133
142
|
{Template.bind({})}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<article class="col-span-12 {{inline-switch teasersize '["sm","md","lg"]' '["md:col-span-3","md:col-span-4","md:col-span-6"]'}}">
|
|
2
|
+
{{#>components/base/link _cssClasses="" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="mediaLink" }}
|
|
3
|
+
{{~> components/base/image/responsiveImage this.content.teaserImage _type=this.content.teasertype _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content mediaPlayerLoader__mediaplayerArea" ~}}
|
|
4
|
+
{{/components/base/link}}
|
|
5
|
+
{{#if labelType}}
|
|
6
|
+
<div class="mt-4">
|
|
7
|
+
{{> components/Label type=labelType text=labelText}}
|
|
8
|
+
</div>
|
|
9
|
+
{{> components/Teaser/Teaser-Heading headlineTag="h2" size=teasersize font=(inline-switch serifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') headline=title topline=""}}
|
|
10
|
+
{{else}}
|
|
11
|
+
{{> components/Teaser/Teaser-Heading headlineTag="h2" size=teasersize font=(inline-switch serifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') headline=title topline=topline}}
|
|
12
|
+
{{/if}}
|
|
13
|
+
|
|
14
|
+
<div class="mt-2 text-base font-copy">{{shorttext}}</div>
|
|
15
|
+
{{#if profiles}}
|
|
16
|
+
<div class="mt-1 text-sm text-gray-500 font-headingSerif">{{profiles}}</div>
|
|
17
|
+
{{/if}}
|
|
18
|
+
</article>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<span class="block {{inline-switch size '["xxl","sm"]' '["text-2xl md:text-4xl","text-lg","text-2xl"]'}} font
|
|
1
|
+
<span class="block {{inline-switch size '["xxl","sm"]' '["text-2xl md:text-4xl ","text-lg ","text-2xl "]'}} {{font}} mt-0.5">{{text}}</span>
|
|
@@ -3,14 +3,14 @@ import { ArgsTable, Meta, Story, Preview } from "@storybook/addon-docs";
|
|
|
3
3
|
import titleComponent from "./Title.hbs";
|
|
4
4
|
|
|
5
5
|
<Meta
|
|
6
|
-
title="Komponenten/Teaser/Titel"
|
|
6
|
+
title="Komponenten/Teaser/Komponenten/Titel"
|
|
7
7
|
argTypes={{
|
|
8
8
|
text: {
|
|
9
9
|
control: "text",
|
|
10
10
|
description: "Titel",
|
|
11
11
|
},
|
|
12
12
|
size: {
|
|
13
|
-
options: ["lg", "md", "sm"],
|
|
13
|
+
options: ["xxl","xl","lg", "md", "sm"],
|
|
14
14
|
control: { type: "inline-radio" },
|
|
15
15
|
},
|
|
16
16
|
}}
|
|
@@ -28,28 +28,31 @@ Beispiele für die Titel-Komponente:
|
|
|
28
28
|
|
|
29
29
|
<Preview withToolbar>
|
|
30
30
|
<Story
|
|
31
|
-
name="
|
|
31
|
+
name="Titel Serif - Hero"
|
|
32
32
|
args={{
|
|
33
33
|
text: "Dies ist der Titel eines 100%-Teasers",
|
|
34
|
-
size: "
|
|
34
|
+
size: "xxl",
|
|
35
|
+
font: "font-headingSerif"
|
|
35
36
|
}}
|
|
36
37
|
>
|
|
37
38
|
{Template.bind({})}
|
|
38
39
|
</Story>
|
|
39
40
|
<Story
|
|
40
|
-
name="
|
|
41
|
+
name="Titel Serif - normal"
|
|
41
42
|
args={{
|
|
42
43
|
text: "Dies ist der Titel eines 66%-, 50%- oder 33%-Teasers",
|
|
43
44
|
size: "md",
|
|
45
|
+
font: "font-headingSerif"
|
|
44
46
|
}}
|
|
45
47
|
>
|
|
46
48
|
{Template.bind({})}
|
|
47
49
|
</Story>
|
|
48
50
|
<Story
|
|
49
|
-
name="
|
|
51
|
+
name="Titel Serif - small"
|
|
50
52
|
args={{
|
|
51
53
|
text: "Dies ist der Titel eines 25%-Teasers",
|
|
52
54
|
size: "sm",
|
|
55
|
+
font: "font-headingSerif"
|
|
53
56
|
}}
|
|
54
57
|
>
|
|
55
58
|
{Template.bind({})}
|
package/src/stories/views/components/Teaser/{teaser_article.json → data/teaser_article.json}
RENAMED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
"byline": "Byline",
|
|
3
3
|
"title": "Abgeschobene Geschwister aus Syrien zurück in Wolfhagen",
|
|
4
4
|
"topline": "Überglücklich, aber ohne Mama",
|
|
5
|
+
"serifHeading": true,
|
|
5
6
|
"extendedTitle": null,
|
|
6
7
|
"teasertype": "standard",
|
|
7
8
|
"teasersize": "100",
|
|
@@ -77,7 +78,7 @@
|
|
|
77
78
|
"headingSize": "h1",
|
|
78
79
|
"icon": "ortsmarke",
|
|
79
80
|
"imageVariant": "topteaser",
|
|
80
|
-
"shorttext": "
|
|
81
|
+
"shorttext": "Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.",
|
|
81
82
|
"sophoraId": "rueckkehr-nach-abschiebung-wolfhagen--100",
|
|
82
83
|
"profiles": "Von Alf Haubitz und Alice Merton",
|
|
83
84
|
"teaserLead": {
|
|
File without changes
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
{
|
|
2
|
+
"byline": "Byline",
|
|
3
|
+
"title": "Abgeschobene Geschwister aus Syrien zurück in Wolfhagen",
|
|
4
|
+
"topline": "Überglücklich, aber ohne Mama",
|
|
5
|
+
"serifHeading": true,
|
|
6
|
+
"extendedTitle": null,
|
|
7
|
+
"teasertype": "standard",
|
|
8
|
+
"teasersize": "lg",
|
|
9
|
+
"teaserDate": {
|
|
10
|
+
"htmlDate": "20.02.1983",
|
|
11
|
+
"date": "20.02.1983",
|
|
12
|
+
"dateSeparatorTime": "20.02.1983"
|
|
13
|
+
},
|
|
14
|
+
"teaserInfo": {
|
|
15
|
+
"showTeaserInfo": true,
|
|
16
|
+
"showTeaserInfoSection": true,
|
|
17
|
+
"showTeaserInfoChannel": true,
|
|
18
|
+
"showTeaserInfoAll": true,
|
|
19
|
+
"showTeaserInfoDate": true,
|
|
20
|
+
"showTeaserInfoDateTime": true,
|
|
21
|
+
"showTeaserInfoProgramRef": true
|
|
22
|
+
},
|
|
23
|
+
"teaserImage": {
|
|
24
|
+
"copyrightWithLinks": "",
|
|
25
|
+
"responsiveImage": {
|
|
26
|
+
"asPicture": true,
|
|
27
|
+
"asImage": false,
|
|
28
|
+
"fallback": "https://picsum.photos/id/188/480/210",
|
|
29
|
+
"sources": [
|
|
30
|
+
{
|
|
31
|
+
"media": "all and (max-width: 43.688em)",
|
|
32
|
+
"sizes": "100vw",
|
|
33
|
+
"srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"media": "all and (min-width: 43.750em) and (max-width: 63.938em)",
|
|
37
|
+
"sizes": "100vw",
|
|
38
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"media": "all and (min-width: 64em)",
|
|
42
|
+
"sizes": "960px",
|
|
43
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
44
|
+
}
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"hasMediaButtons": false,
|
|
49
|
+
"dontLazyload": true,
|
|
50
|
+
"realTeasersize": "100",
|
|
51
|
+
"isStandardTeaser": true,
|
|
52
|
+
"isHeroTeaser": true,
|
|
53
|
+
"isMediaTeaser": false,
|
|
54
|
+
"isGuide": false,
|
|
55
|
+
"isProgram": false,
|
|
56
|
+
"isEvent": false,
|
|
57
|
+
"isTicker": false,
|
|
58
|
+
"isAudio": false,
|
|
59
|
+
"isVideo": false,
|
|
60
|
+
"isPodcastEpisode": false,
|
|
61
|
+
"isExtOrBrandLink": false,
|
|
62
|
+
"isAuthor": false,
|
|
63
|
+
"copyright": "Copyright Text",
|
|
64
|
+
"audioAuthor": "Audio Author",
|
|
65
|
+
"hasStatus": false,
|
|
66
|
+
"hasTeaserItem": true,
|
|
67
|
+
"allowAVConsumption": false,
|
|
68
|
+
"displayEpgInfos": false,
|
|
69
|
+
"aspectRatio": "ar--teaserTop",
|
|
70
|
+
"hideGeotag": false,
|
|
71
|
+
"hideEditableByline": true,
|
|
72
|
+
"doTracking": true,
|
|
73
|
+
"trackingForArdMediatheksLink": false,
|
|
74
|
+
"showMediatheksLink": false,
|
|
75
|
+
"showAirdate": false,
|
|
76
|
+
"showProfileInfoAsByline": false,
|
|
77
|
+
"obsolet_brandOfTeaser": "hessenschau",
|
|
78
|
+
"headingSize": "h1",
|
|
79
|
+
"icon": "ortsmarke",
|
|
80
|
+
"imageVariant": "topteaser",
|
|
81
|
+
"shorttext": "Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.",
|
|
82
|
+
"sophoraId": "rueckkehr-nach-abschiebung-wolfhagen--100",
|
|
83
|
+
"profiles": "Von Alf Haubitz und Alice Merton",
|
|
84
|
+
"teaserLead": {
|
|
85
|
+
"avDocument": "",
|
|
86
|
+
"image": ""
|
|
87
|
+
},
|
|
88
|
+
"label": {
|
|
89
|
+
"type": "Ticker",
|
|
90
|
+
"loca": "ticker",
|
|
91
|
+
"byline": {
|
|
92
|
+
"bylineSsi": "ssi",
|
|
93
|
+
"bylineText": "BylineText"
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
"geotag": [
|
|
97
|
+
{
|
|
98
|
+
"title": "Wolfhagen"
|
|
99
|
+
}
|
|
100
|
+
],
|
|
101
|
+
"link": {
|
|
102
|
+
"url": "/teaser1",
|
|
103
|
+
"webviewUrl": "/teaser1#webview",
|
|
104
|
+
"isTargetBlank": false,
|
|
105
|
+
"hasIcon": false,
|
|
106
|
+
"iconName": "iconName",
|
|
107
|
+
"readMoreText": {
|
|
108
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
109
|
+
"readMore": "mehr",
|
|
110
|
+
"readMoreLong": "read More Long"
|
|
111
|
+
},
|
|
112
|
+
"content": {
|
|
113
|
+
"teaserImage": {
|
|
114
|
+
"copyrightWithLinks": "",
|
|
115
|
+
"responsiveImage": {
|
|
116
|
+
"asPicture": true,
|
|
117
|
+
"asImage": false,
|
|
118
|
+
"fallback": "https://picsum.photos/id/188/480/210",
|
|
119
|
+
"sources": [
|
|
120
|
+
{
|
|
121
|
+
"media": "all and (max-width: 43.688em)",
|
|
122
|
+
"sizes": "100vw",
|
|
123
|
+
"srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"media": "all and (min-width: 43.750em) and (max-width: 63.938em)",
|
|
127
|
+
"sizes": "100vw",
|
|
128
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"media": "all and (min-width: 64em)",
|
|
132
|
+
"sizes": "960px",
|
|
133
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
134
|
+
}
|
|
135
|
+
]
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
"teasertype": "standard",
|
|
139
|
+
"imageVariant": "topteaser",
|
|
140
|
+
"isFileDownload": false,
|
|
141
|
+
"topline": "Überglücklich, aber ohne Mama",
|
|
142
|
+
"trackingData": {
|
|
143
|
+
"secondLevelId": "2",
|
|
144
|
+
"pageName": "hessenschau"
|
|
145
|
+
},
|
|
146
|
+
"label": {
|
|
147
|
+
"type": "Ticker",
|
|
148
|
+
"loca": "ticker",
|
|
149
|
+
"byline": {
|
|
150
|
+
"bylineSsi": "ssi",
|
|
151
|
+
"bylineText": "BylineText"
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
{
|
|
2
|
+
"byline": "Byline",
|
|
3
|
+
"title": "Abgeschobene Geschwister aus Syrien zurück in Wolfhagen",
|
|
4
|
+
"topline": "Überglücklich, aber ohne Mama",
|
|
5
|
+
"serifHeading": true,
|
|
6
|
+
"extendedTitle": null,
|
|
7
|
+
"teasertype": "standard",
|
|
8
|
+
"teasersize": "md",
|
|
9
|
+
"teaserDate": {
|
|
10
|
+
"htmlDate": "20.02.1983",
|
|
11
|
+
"date": "20.02.1983",
|
|
12
|
+
"dateSeparatorTime": "20.02.1983"
|
|
13
|
+
},
|
|
14
|
+
"teaserInfo": {
|
|
15
|
+
"showTeaserInfo": true,
|
|
16
|
+
"showTeaserInfoSection": true,
|
|
17
|
+
"showTeaserInfoChannel": true,
|
|
18
|
+
"showTeaserInfoAll": true,
|
|
19
|
+
"showTeaserInfoDate": true,
|
|
20
|
+
"showTeaserInfoDateTime": true,
|
|
21
|
+
"showTeaserInfoProgramRef": true
|
|
22
|
+
},
|
|
23
|
+
"teaserImage": {
|
|
24
|
+
"copyrightWithLinks": "",
|
|
25
|
+
"responsiveImage": {
|
|
26
|
+
"asPicture": true,
|
|
27
|
+
"asImage": false,
|
|
28
|
+
"fallback": "https://picsum.photos/id/188/480/210",
|
|
29
|
+
"sources": [
|
|
30
|
+
{
|
|
31
|
+
"media": "all and (max-width: 43.688em)",
|
|
32
|
+
"sizes": "100vw",
|
|
33
|
+
"srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"media": "all and (min-width: 43.750em) and (max-width: 63.938em)",
|
|
37
|
+
"sizes": "100vw",
|
|
38
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"media": "all and (min-width: 64em)",
|
|
42
|
+
"sizes": "960px",
|
|
43
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
44
|
+
}
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"hasMediaButtons": false,
|
|
49
|
+
"dontLazyload": true,
|
|
50
|
+
"realTeasersize": "100",
|
|
51
|
+
"isStandardTeaser": true,
|
|
52
|
+
"isHeroTeaser": true,
|
|
53
|
+
"isMediaTeaser": false,
|
|
54
|
+
"isGuide": false,
|
|
55
|
+
"isProgram": false,
|
|
56
|
+
"isEvent": false,
|
|
57
|
+
"isTicker": false,
|
|
58
|
+
"isAudio": false,
|
|
59
|
+
"isVideo": false,
|
|
60
|
+
"isPodcastEpisode": false,
|
|
61
|
+
"isExtOrBrandLink": false,
|
|
62
|
+
"isAuthor": false,
|
|
63
|
+
"copyright": "Copyright Text",
|
|
64
|
+
"audioAuthor": "Audio Author",
|
|
65
|
+
"hasStatus": false,
|
|
66
|
+
"hasTeaserItem": true,
|
|
67
|
+
"allowAVConsumption": false,
|
|
68
|
+
"displayEpgInfos": false,
|
|
69
|
+
"aspectRatio": "ar--teaserTop",
|
|
70
|
+
"hideGeotag": false,
|
|
71
|
+
"hideEditableByline": true,
|
|
72
|
+
"doTracking": true,
|
|
73
|
+
"trackingForArdMediatheksLink": false,
|
|
74
|
+
"showMediatheksLink": false,
|
|
75
|
+
"showAirdate": false,
|
|
76
|
+
"showProfileInfoAsByline": false,
|
|
77
|
+
"obsolet_brandOfTeaser": "hessenschau",
|
|
78
|
+
"headingSize": "h1",
|
|
79
|
+
"icon": "ortsmarke",
|
|
80
|
+
"imageVariant": "topteaser",
|
|
81
|
+
"shorttext": "Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.",
|
|
82
|
+
"sophoraId": "rueckkehr-nach-abschiebung-wolfhagen--100",
|
|
83
|
+
"profiles": "Von Alf Haubitz und Alice Merton",
|
|
84
|
+
"teaserLead": {
|
|
85
|
+
"avDocument": "",
|
|
86
|
+
"image": ""
|
|
87
|
+
},
|
|
88
|
+
"label": {
|
|
89
|
+
"type": "Ticker",
|
|
90
|
+
"loca": "ticker",
|
|
91
|
+
"byline": {
|
|
92
|
+
"bylineSsi": "ssi",
|
|
93
|
+
"bylineText": "BylineText"
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
"geotag": [
|
|
97
|
+
{
|
|
98
|
+
"title": "Wolfhagen"
|
|
99
|
+
}
|
|
100
|
+
],
|
|
101
|
+
"link": {
|
|
102
|
+
"url": "/teaser1",
|
|
103
|
+
"webviewUrl": "/teaser1#webview",
|
|
104
|
+
"isTargetBlank": false,
|
|
105
|
+
"hasIcon": false,
|
|
106
|
+
"iconName": "iconName",
|
|
107
|
+
"readMoreText": {
|
|
108
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
109
|
+
"readMore": "mehr",
|
|
110
|
+
"readMoreLong": "read More Long"
|
|
111
|
+
},
|
|
112
|
+
"content": {
|
|
113
|
+
"teaserImage": {
|
|
114
|
+
"copyrightWithLinks": "",
|
|
115
|
+
"responsiveImage": {
|
|
116
|
+
"asPicture": true,
|
|
117
|
+
"asImage": false,
|
|
118
|
+
"fallback": "https://picsum.photos/id/188/480/210",
|
|
119
|
+
"sources": [
|
|
120
|
+
{
|
|
121
|
+
"media": "all and (max-width: 43.688em)",
|
|
122
|
+
"sizes": "100vw",
|
|
123
|
+
"srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"media": "all and (min-width: 43.750em) and (max-width: 63.938em)",
|
|
127
|
+
"sizes": "100vw",
|
|
128
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"media": "all and (min-width: 64em)",
|
|
132
|
+
"sizes": "960px",
|
|
133
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
134
|
+
}
|
|
135
|
+
]
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
"teasertype": "standard",
|
|
139
|
+
"imageVariant": "topteaser",
|
|
140
|
+
"isFileDownload": false,
|
|
141
|
+
"topline": "Überglücklich, aber ohne Mama",
|
|
142
|
+
"trackingData": {
|
|
143
|
+
"secondLevelId": "2",
|
|
144
|
+
"pageName": "hessenschau"
|
|
145
|
+
},
|
|
146
|
+
"label": {
|
|
147
|
+
"type": "Ticker",
|
|
148
|
+
"loca": "ticker",
|
|
149
|
+
"byline": {
|
|
150
|
+
"bylineSsi": "ssi",
|
|
151
|
+
"bylineText": "BylineText"
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
{
|
|
2
|
+
"byline": "Byline",
|
|
3
|
+
"title": "Abgeschobene Geschwister aus Syrien zurück in Wolfhagen",
|
|
4
|
+
"topline": "Überglücklich, aber ohne Mama",
|
|
5
|
+
"serifHeading": true,
|
|
6
|
+
"extendedTitle": null,
|
|
7
|
+
"teasertype": "standard",
|
|
8
|
+
"teasersize": "sm",
|
|
9
|
+
"teaserDate": {
|
|
10
|
+
"htmlDate": "20.02.1983",
|
|
11
|
+
"date": "20.02.1983",
|
|
12
|
+
"dateSeparatorTime": "20.02.1983"
|
|
13
|
+
},
|
|
14
|
+
"teaserInfo": {
|
|
15
|
+
"showTeaserInfo": true,
|
|
16
|
+
"showTeaserInfoSection": true,
|
|
17
|
+
"showTeaserInfoChannel": true,
|
|
18
|
+
"showTeaserInfoAll": true,
|
|
19
|
+
"showTeaserInfoDate": true,
|
|
20
|
+
"showTeaserInfoDateTime": true,
|
|
21
|
+
"showTeaserInfoProgramRef": true
|
|
22
|
+
},
|
|
23
|
+
"teaserImage": {
|
|
24
|
+
"copyrightWithLinks": "",
|
|
25
|
+
"responsiveImage": {
|
|
26
|
+
"asPicture": true,
|
|
27
|
+
"asImage": false,
|
|
28
|
+
"fallback": "https://picsum.photos/id/188/480/210",
|
|
29
|
+
"sources": [
|
|
30
|
+
{
|
|
31
|
+
"media": "all and (max-width: 43.688em)",
|
|
32
|
+
"sizes": "100vw",
|
|
33
|
+
"srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"media": "all and (min-width: 43.750em) and (max-width: 63.938em)",
|
|
37
|
+
"sizes": "100vw",
|
|
38
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"media": "all and (min-width: 64em)",
|
|
42
|
+
"sizes": "960px",
|
|
43
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
44
|
+
}
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"hasMediaButtons": false,
|
|
49
|
+
"dontLazyload": true,
|
|
50
|
+
"realTeasersize": "100",
|
|
51
|
+
"isStandardTeaser": true,
|
|
52
|
+
"isHeroTeaser": true,
|
|
53
|
+
"isMediaTeaser": false,
|
|
54
|
+
"isGuide": false,
|
|
55
|
+
"isProgram": false,
|
|
56
|
+
"isEvent": false,
|
|
57
|
+
"isTicker": false,
|
|
58
|
+
"isAudio": false,
|
|
59
|
+
"isVideo": false,
|
|
60
|
+
"isPodcastEpisode": false,
|
|
61
|
+
"isExtOrBrandLink": false,
|
|
62
|
+
"isAuthor": false,
|
|
63
|
+
"copyright": "Copyright Text",
|
|
64
|
+
"audioAuthor": "Audio Author",
|
|
65
|
+
"hasStatus": false,
|
|
66
|
+
"hasTeaserItem": true,
|
|
67
|
+
"allowAVConsumption": false,
|
|
68
|
+
"displayEpgInfos": false,
|
|
69
|
+
"aspectRatio": "ar--teaserTop",
|
|
70
|
+
"hideGeotag": false,
|
|
71
|
+
"hideEditableByline": true,
|
|
72
|
+
"doTracking": true,
|
|
73
|
+
"trackingForArdMediatheksLink": false,
|
|
74
|
+
"showMediatheksLink": false,
|
|
75
|
+
"showAirdate": false,
|
|
76
|
+
"showProfileInfoAsByline": false,
|
|
77
|
+
"obsolet_brandOfTeaser": "hessenschau",
|
|
78
|
+
"headingSize": "h1",
|
|
79
|
+
"icon": "ortsmarke",
|
|
80
|
+
"imageVariant": "topteaser",
|
|
81
|
+
"shorttext": "Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.",
|
|
82
|
+
"sophoraId": "rueckkehr-nach-abschiebung-wolfhagen--100",
|
|
83
|
+
"profiles": "Von Alf Haubitz und Alice Merton",
|
|
84
|
+
"teaserLead": {
|
|
85
|
+
"avDocument": "",
|
|
86
|
+
"image": ""
|
|
87
|
+
},
|
|
88
|
+
"label": {
|
|
89
|
+
"type": "Ticker",
|
|
90
|
+
"loca": "ticker",
|
|
91
|
+
"byline": {
|
|
92
|
+
"bylineSsi": "ssi",
|
|
93
|
+
"bylineText": "BylineText"
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
"geotag": [
|
|
97
|
+
{
|
|
98
|
+
"title": "Wolfhagen"
|
|
99
|
+
}
|
|
100
|
+
],
|
|
101
|
+
"link": {
|
|
102
|
+
"url": "/teaser1",
|
|
103
|
+
"webviewUrl": "/teaser1#webview",
|
|
104
|
+
"isTargetBlank": false,
|
|
105
|
+
"hasIcon": false,
|
|
106
|
+
"iconName": "iconName",
|
|
107
|
+
"readMoreText": {
|
|
108
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
109
|
+
"readMore": "mehr",
|
|
110
|
+
"readMoreLong": "read More Long"
|
|
111
|
+
},
|
|
112
|
+
"content": {
|
|
113
|
+
"teaserImage": {
|
|
114
|
+
"copyrightWithLinks": "",
|
|
115
|
+
"responsiveImage": {
|
|
116
|
+
"asPicture": true,
|
|
117
|
+
"asImage": false,
|
|
118
|
+
"fallback": "https://picsum.photos/id/188/480/210",
|
|
119
|
+
"sources": [
|
|
120
|
+
{
|
|
121
|
+
"media": "all and (max-width: 43.688em)",
|
|
122
|
+
"sizes": "100vw",
|
|
123
|
+
"srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"media": "all and (min-width: 43.750em) and (max-width: 63.938em)",
|
|
127
|
+
"sizes": "100vw",
|
|
128
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"media": "all and (min-width: 64em)",
|
|
132
|
+
"sizes": "960px",
|
|
133
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
134
|
+
}
|
|
135
|
+
]
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
"teasertype": "standard",
|
|
139
|
+
"imageVariant": "topteaser",
|
|
140
|
+
"isFileDownload": false,
|
|
141
|
+
"topline": "Überglücklich, aber ohne Mama",
|
|
142
|
+
"trackingData": {
|
|
143
|
+
"secondLevelId": "2",
|
|
144
|
+
"pageName": "hessenschau"
|
|
145
|
+
},
|
|
146
|
+
"label": {
|
|
147
|
+
"type": "Ticker",
|
|
148
|
+
"loca": "ticker",
|
|
149
|
+
"byline": {
|
|
150
|
+
"bylineSsi": "ssi",
|
|
151
|
+
"bylineText": "BylineText"
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
{
|
|
2
|
+
"byline": "Byline",
|
|
3
|
+
"title": "Abgeschobene Geschwister aus Syrien zurück in Wolfhagen",
|
|
4
|
+
"topline": "Überglücklich, aber ohne Mama",
|
|
5
|
+
"serifHeading": true,
|
|
6
|
+
"extendedTitle": null,
|
|
7
|
+
"teasertype": "standard",
|
|
8
|
+
"teasersize": "xl",
|
|
9
|
+
"teaserDate": {
|
|
10
|
+
"htmlDate": "20.02.1983",
|
|
11
|
+
"date": "20.02.1983",
|
|
12
|
+
"dateSeparatorTime": "20.02.1983"
|
|
13
|
+
},
|
|
14
|
+
"teaserInfo": {
|
|
15
|
+
"showTeaserInfo": true,
|
|
16
|
+
"showTeaserInfoSection": true,
|
|
17
|
+
"showTeaserInfoChannel": true,
|
|
18
|
+
"showTeaserInfoAll": true,
|
|
19
|
+
"showTeaserInfoDate": true,
|
|
20
|
+
"showTeaserInfoDateTime": true,
|
|
21
|
+
"showTeaserInfoProgramRef": true
|
|
22
|
+
},
|
|
23
|
+
"teaserImage": {
|
|
24
|
+
"copyrightWithLinks": "",
|
|
25
|
+
"responsiveImage": {
|
|
26
|
+
"asPicture": true,
|
|
27
|
+
"asImage": false,
|
|
28
|
+
"fallback": "https://picsum.photos/id/188/480/210",
|
|
29
|
+
"sources": [
|
|
30
|
+
{
|
|
31
|
+
"media": "all and (max-width: 43.688em)",
|
|
32
|
+
"sizes": "100vw",
|
|
33
|
+
"srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"media": "all and (min-width: 43.750em) and (max-width: 63.938em)",
|
|
37
|
+
"sizes": "100vw",
|
|
38
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"media": "all and (min-width: 64em)",
|
|
42
|
+
"sizes": "960px",
|
|
43
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
44
|
+
}
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"hasMediaButtons": false,
|
|
49
|
+
"dontLazyload": true,
|
|
50
|
+
"realTeasersize": "100",
|
|
51
|
+
"isStandardTeaser": true,
|
|
52
|
+
"isHeroTeaser": true,
|
|
53
|
+
"isMediaTeaser": false,
|
|
54
|
+
"isGuide": false,
|
|
55
|
+
"isProgram": false,
|
|
56
|
+
"isEvent": false,
|
|
57
|
+
"isTicker": false,
|
|
58
|
+
"isAudio": false,
|
|
59
|
+
"isVideo": false,
|
|
60
|
+
"isPodcastEpisode": false,
|
|
61
|
+
"isExtOrBrandLink": false,
|
|
62
|
+
"isAuthor": false,
|
|
63
|
+
"copyright": "Copyright Text",
|
|
64
|
+
"audioAuthor": "Audio Author",
|
|
65
|
+
"hasStatus": false,
|
|
66
|
+
"hasTeaserItem": true,
|
|
67
|
+
"allowAVConsumption": false,
|
|
68
|
+
"displayEpgInfos": false,
|
|
69
|
+
"aspectRatio": "ar--teaserTop",
|
|
70
|
+
"hideGeotag": false,
|
|
71
|
+
"hideEditableByline": true,
|
|
72
|
+
"doTracking": true,
|
|
73
|
+
"trackingForArdMediatheksLink": false,
|
|
74
|
+
"showMediatheksLink": false,
|
|
75
|
+
"showAirdate": false,
|
|
76
|
+
"showProfileInfoAsByline": false,
|
|
77
|
+
"obsolet_brandOfTeaser": "hessenschau",
|
|
78
|
+
"headingSize": "h1",
|
|
79
|
+
"icon": "ortsmarke",
|
|
80
|
+
"imageVariant": "topteaser",
|
|
81
|
+
"shorttext": "Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.",
|
|
82
|
+
"sophoraId": "rueckkehr-nach-abschiebung-wolfhagen--100",
|
|
83
|
+
"profiles": "Von Alf Haubitz und Alice Merton",
|
|
84
|
+
"teaserLead": {
|
|
85
|
+
"avDocument": "",
|
|
86
|
+
"image": ""
|
|
87
|
+
},
|
|
88
|
+
"label": {
|
|
89
|
+
"type": "Ticker",
|
|
90
|
+
"loca": "ticker",
|
|
91
|
+
"byline": {
|
|
92
|
+
"bylineSsi": "ssi",
|
|
93
|
+
"bylineText": "BylineText"
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
"geotag": [
|
|
97
|
+
{
|
|
98
|
+
"title": "Wolfhagen"
|
|
99
|
+
}
|
|
100
|
+
],
|
|
101
|
+
"link": {
|
|
102
|
+
"url": "/teaser1",
|
|
103
|
+
"webviewUrl": "/teaser1#webview",
|
|
104
|
+
"isTargetBlank": false,
|
|
105
|
+
"hasIcon": false,
|
|
106
|
+
"iconName": "iconName",
|
|
107
|
+
"readMoreText": {
|
|
108
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
109
|
+
"readMore": "mehr",
|
|
110
|
+
"readMoreLong": "read More Long"
|
|
111
|
+
},
|
|
112
|
+
"content": {
|
|
113
|
+
"teaserImage": {
|
|
114
|
+
"copyrightWithLinks": "",
|
|
115
|
+
"responsiveImage": {
|
|
116
|
+
"asPicture": true,
|
|
117
|
+
"asImage": false,
|
|
118
|
+
"fallback": "https://picsum.photos/id/188/480/210",
|
|
119
|
+
"sources": [
|
|
120
|
+
{
|
|
121
|
+
"media": "all and (max-width: 43.688em)",
|
|
122
|
+
"sizes": "100vw",
|
|
123
|
+
"srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"media": "all and (min-width: 43.750em) and (max-width: 63.938em)",
|
|
127
|
+
"sizes": "100vw",
|
|
128
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"media": "all and (min-width: 64em)",
|
|
132
|
+
"sizes": "960px",
|
|
133
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
134
|
+
}
|
|
135
|
+
]
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
"teasertype": "standard",
|
|
139
|
+
"imageVariant": "topteaser",
|
|
140
|
+
"isFileDownload": false,
|
|
141
|
+
"topline": "Überglücklich, aber ohne Mama",
|
|
142
|
+
"trackingData": {
|
|
143
|
+
"secondLevelId": "2",
|
|
144
|
+
"pageName": "hessenschau"
|
|
145
|
+
},
|
|
146
|
+
"label": {
|
|
147
|
+
"type": "Ticker",
|
|
148
|
+
"loca": "ticker",
|
|
149
|
+
"byline": {
|
|
150
|
+
"bylineSsi": "ssi",
|
|
151
|
+
"bylineText": "BylineText"
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
{
|
|
2
|
+
"byline": "Byline",
|
|
3
|
+
"title": "Abgeschobene Geschwister aus Syrien zurück in Wolfhagen",
|
|
4
|
+
"topline": "Überglücklich, aber ohne Mama",
|
|
5
|
+
"serifHeading": true,
|
|
6
|
+
"extendedTitle": null,
|
|
7
|
+
"teasertype": "standard",
|
|
8
|
+
"teasersize": "xxl",
|
|
9
|
+
"teaserDate": {
|
|
10
|
+
"htmlDate": "20.02.1983",
|
|
11
|
+
"date": "20.02.1983",
|
|
12
|
+
"dateSeparatorTime": "20.02.1983"
|
|
13
|
+
},
|
|
14
|
+
"teaserInfo": {
|
|
15
|
+
"showTeaserInfo": true,
|
|
16
|
+
"showTeaserInfoSection": true,
|
|
17
|
+
"showTeaserInfoChannel": true,
|
|
18
|
+
"showTeaserInfoAll": true,
|
|
19
|
+
"showTeaserInfoDate": true,
|
|
20
|
+
"showTeaserInfoDateTime": true,
|
|
21
|
+
"showTeaserInfoProgramRef": true
|
|
22
|
+
},
|
|
23
|
+
"teaserImage": {
|
|
24
|
+
"copyrightWithLinks": "",
|
|
25
|
+
"responsiveImage": {
|
|
26
|
+
"asPicture": true,
|
|
27
|
+
"asImage": false,
|
|
28
|
+
"fallback": "https://picsum.photos/id/188/480/210",
|
|
29
|
+
"sources": [
|
|
30
|
+
{
|
|
31
|
+
"media": "all and (max-width: 43.688em)",
|
|
32
|
+
"sizes": "100vw",
|
|
33
|
+
"srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
"media": "all and (min-width: 43.750em) and (max-width: 63.938em)",
|
|
37
|
+
"sizes": "100vw",
|
|
38
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"media": "all and (min-width: 64em)",
|
|
42
|
+
"sizes": "960px",
|
|
43
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
44
|
+
}
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"hasMediaButtons": false,
|
|
49
|
+
"dontLazyload": true,
|
|
50
|
+
"realTeasersize": "100",
|
|
51
|
+
"isStandardTeaser": true,
|
|
52
|
+
"isHeroTeaser": true,
|
|
53
|
+
"isMediaTeaser": false,
|
|
54
|
+
"isGuide": false,
|
|
55
|
+
"isProgram": false,
|
|
56
|
+
"isEvent": false,
|
|
57
|
+
"isTicker": false,
|
|
58
|
+
"isAudio": false,
|
|
59
|
+
"isVideo": false,
|
|
60
|
+
"isPodcastEpisode": false,
|
|
61
|
+
"isExtOrBrandLink": false,
|
|
62
|
+
"isAuthor": false,
|
|
63
|
+
"copyright": "Copyright Text",
|
|
64
|
+
"audioAuthor": "Audio Author",
|
|
65
|
+
"hasStatus": false,
|
|
66
|
+
"hasTeaserItem": true,
|
|
67
|
+
"allowAVConsumption": false,
|
|
68
|
+
"displayEpgInfos": false,
|
|
69
|
+
"aspectRatio": "ar--teaserTop",
|
|
70
|
+
"hideGeotag": false,
|
|
71
|
+
"hideEditableByline": true,
|
|
72
|
+
"doTracking": true,
|
|
73
|
+
"trackingForArdMediatheksLink": false,
|
|
74
|
+
"showMediatheksLink": false,
|
|
75
|
+
"showAirdate": false,
|
|
76
|
+
"showProfileInfoAsByline": false,
|
|
77
|
+
"obsolet_brandOfTeaser": "hessenschau",
|
|
78
|
+
"headingSize": "h1",
|
|
79
|
+
"icon": "ortsmarke",
|
|
80
|
+
"imageVariant": "topteaser",
|
|
81
|
+
"shorttext": "Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.",
|
|
82
|
+
"sophoraId": "rueckkehr-nach-abschiebung-wolfhagen--100",
|
|
83
|
+
"profiles": "Von Alf Haubitz und Alice Merton",
|
|
84
|
+
"teaserLead": {
|
|
85
|
+
"avDocument": "",
|
|
86
|
+
"image": ""
|
|
87
|
+
},
|
|
88
|
+
"label": {
|
|
89
|
+
"type": "Ticker",
|
|
90
|
+
"loca": "ticker",
|
|
91
|
+
"byline": {
|
|
92
|
+
"bylineSsi": "ssi",
|
|
93
|
+
"bylineText": "BylineText"
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
"geotag": [
|
|
97
|
+
{
|
|
98
|
+
"title": "Wolfhagen"
|
|
99
|
+
}
|
|
100
|
+
],
|
|
101
|
+
"link": {
|
|
102
|
+
"url": "/teaser1",
|
|
103
|
+
"webviewUrl": "/teaser1#webview",
|
|
104
|
+
"isTargetBlank": false,
|
|
105
|
+
"hasIcon": false,
|
|
106
|
+
"iconName": "iconName",
|
|
107
|
+
"readMoreText": {
|
|
108
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
109
|
+
"readMore": "mehr",
|
|
110
|
+
"readMoreLong": "read More Long"
|
|
111
|
+
},
|
|
112
|
+
"content": {
|
|
113
|
+
"teaserImage": {
|
|
114
|
+
"copyrightWithLinks": "",
|
|
115
|
+
"responsiveImage": {
|
|
116
|
+
"asPicture": true,
|
|
117
|
+
"asImage": false,
|
|
118
|
+
"fallback": "https://picsum.photos/id/188/480/210",
|
|
119
|
+
"sources": [
|
|
120
|
+
{
|
|
121
|
+
"media": "all and (max-width: 43.688em)",
|
|
122
|
+
"sizes": "100vw",
|
|
123
|
+
"srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"media": "all and (min-width: 43.750em) and (max-width: 63.938em)",
|
|
127
|
+
"sizes": "100vw",
|
|
128
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"media": "all and (min-width: 64em)",
|
|
132
|
+
"sizes": "960px",
|
|
133
|
+
"srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
|
|
134
|
+
}
|
|
135
|
+
]
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
"teasertype": "standard",
|
|
139
|
+
"imageVariant": "topteaser",
|
|
140
|
+
"isFileDownload": false,
|
|
141
|
+
"topline": "Überglücklich, aber ohne Mama",
|
|
142
|
+
"trackingData": {
|
|
143
|
+
"secondLevelId": "2",
|
|
144
|
+
"pageName": "hessenschau"
|
|
145
|
+
},
|
|
146
|
+
"label": {
|
|
147
|
+
"type": "Ticker",
|
|
148
|
+
"loca": "ticker",
|
|
149
|
+
"byline": {
|
|
150
|
+
"bylineSsi": "ssi",
|
|
151
|
+
"bylineText": "BylineText"
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { ArgsTable, Meta, Story, Canvas, Preview } from '@storybook/addon-docs'
|
|
2
|
+
|
|
3
|
+
import teaser from './Teaser-standard.hbs'
|
|
4
|
+
import hero_teaser from './data/teaser_standard_xxl_serif.json'
|
|
5
|
+
import xl_teaser from './data/teaser_standard_xl_serif.json'
|
|
6
|
+
import lg_teaser from './data/teaser_standard_lg_serif.json'
|
|
7
|
+
import md_teaser from './data/teaser_standard_md_serif.json'
|
|
8
|
+
import sm_teaser from './data/teaser_standard_sm_serif.json'
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
<Meta title="Komponenten/Teaser/Standard"
|
|
15
|
+
argTypes={{
|
|
16
|
+
teasersize: {
|
|
17
|
+
control: {
|
|
18
|
+
type: 'select',
|
|
19
|
+
options: ['xxl','xl', 'lg', 'md', 'sm'],
|
|
20
|
+
},
|
|
21
|
+
description: 'Teaser Größe',
|
|
22
|
+
table: {
|
|
23
|
+
defaultValue: {
|
|
24
|
+
summary: 'xl',
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
}
|
|
28
|
+
}}
|
|
29
|
+
decorators={[
|
|
30
|
+
(Story) => {
|
|
31
|
+
return `<div class="grid grid-page"><div class="grid grid-cols-12 py-6 col-full gap-x-6 gap-y-6 sm:px-8 sm:col-main">
|
|
32
|
+
${Story()}
|
|
33
|
+
</div></div>`
|
|
34
|
+
},
|
|
35
|
+
]}
|
|
36
|
+
/>
|
|
37
|
+
|
|
38
|
+
export const Template = (args, { globals: { customConditionalToolbar } }) => {
|
|
39
|
+
// You can either use a function to create DOM elements or use a plain html string!
|
|
40
|
+
// return `<div>${label}</div>`;
|
|
41
|
+
let brand =
|
|
42
|
+
undefined !== customConditionalToolbar ? customConditionalToolbar['brands'] : 'hessenschau'
|
|
43
|
+
return teaser({ brand, ...args })
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
# Header
|
|
47
|
+
|
|
48
|
+
Ein toller Einleitungstext für unsere `Teaser` Komponente:
|
|
49
|
+
|
|
50
|
+
<Preview withToolbar>
|
|
51
|
+
<Story name="Standard Hero" args={hero_teaser}>
|
|
52
|
+
{Template.bind({})}
|
|
53
|
+
</Story>
|
|
54
|
+
<Story name="Standard XL" args={xl_teaser}>
|
|
55
|
+
{Template.bind({})}
|
|
56
|
+
</Story>
|
|
57
|
+
<Story name="Standard LG" args={lg_teaser}>
|
|
58
|
+
{Template.bind({})}
|
|
59
|
+
</Story>
|
|
60
|
+
<Story name="Standard MD" args={md_teaser}>
|
|
61
|
+
{Template.bind({})}
|
|
62
|
+
</Story>
|
|
63
|
+
<Story name="Standard SM" args={sm_teaser}>
|
|
64
|
+
{Template.bind({})}
|
|
65
|
+
</Story>
|
|
66
|
+
|
|
67
|
+
</Preview>
|
package/tailwind.config.js
CHANGED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { ArgsTable, Meta, Story, Canvas, Preview } from '@storybook/addon-docs'
|
|
2
|
-
|
|
3
|
-
import teaser from './Teaser-default.hbs'
|
|
4
|
-
import JsonData from './teaser_article.json'
|
|
5
|
-
|
|
6
|
-
<Meta title="Komponenten/Teaser/Standard" argTypes={{}} />
|
|
7
|
-
|
|
8
|
-
export const Template = (args, { globals: { customConditionalToolbar } }) => {
|
|
9
|
-
// You can either use a function to create DOM elements or use a plain html string!
|
|
10
|
-
// return `<div>${label}</div>`;
|
|
11
|
-
let brand =
|
|
12
|
-
undefined !== customConditionalToolbar ? customConditionalToolbar['brands'] : 'hessenschau'
|
|
13
|
-
return teaser({ brand, ...args })
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
# Header
|
|
17
|
-
|
|
18
|
-
Ein toller Einleitungstext für unsere `Teaser` Komponente:
|
|
19
|
-
|
|
20
|
-
<Preview withToolbar>
|
|
21
|
-
<Story name="Default" args={JsonData}>
|
|
22
|
-
{Template.bind({})}
|
|
23
|
-
</Story>
|
|
24
|
-
</Preview>
|
|
25
|
-
|
|
26
|
-
<ArgsTable story="Default" />
|