hr-design-system-handlebars 0.57.0 → 0.58.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/.storybook/preview-head.html +1 -1
- package/CHANGELOG.md +12 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/teaser/content_nav/teaser_content_nav.hbs +6 -2
- package/dist/views/components/teaser/group_teaser/group_teaser.hbs +2 -12
- package/dist/views/components/teaser/group_teaser/group_teaser_accented.hbs +20 -0
- package/dist/views/components/teaser/podcast/podcast_player.hbs +4 -3
- package/package.json +1 -1
- package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_50.json +189 -0
- package/src/assets/fixtures/teaser/teaser_groups.inc.json +4 -5
- package/src/assets/js/content_nav_alpine.js +88 -0
- package/src/assets/{vendor/js → js}/podcastPlayer.alpine.js +0 -0
- package/src/stories/views/components/teaser/content_nav/teaser_content_nav.hbs +6 -2
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_100.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_100_genre.json +1 -2
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_100_image.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_33.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_33_genre.json +1 -2
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_33_image.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_50.json +1 -2
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_50_genre.json +1 -2
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_50_image.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_extern_100.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_extern_33.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_extern_50.json +1 -2
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_ordered_100.json +1 -2
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_ordered_33.json +1 -2
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_ordered_50.json +1 -2
- package/src/stories/views/components/teaser/fixtures/teaser_content_nav_dropdown_50.json +1 -0
- package/src/stories/views/components/teaser/fixtures/teaser_group_100_contentNav.json +1 -1
- package/src/stories/views/components/teaser/group_teaser/group.stories.mdx +7 -2
- package/src/stories/views/components/teaser/group_teaser/group_teaser.hbs +2 -12
- package/src/stories/views/components/teaser/group_teaser/group_teaser_accented.hbs +20 -0
- package/src/stories/views/components/teaser/podcast/podcast_player.hbs +4 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<script
|
|
1
|
+
<script src="https://cdn.jsdelivr.net/npm/async-alpine@0.4.x/dist/async-alpine.script.js"></script>
|
|
2
2
|
<script defer src="https://unpkg.com/@alpinejs/collapse@3.8.1/dist/cdn.min.js"></script>
|
|
3
3
|
<script defer src="https://unpkg.com/@alpine-collective/toolkit@1.0.0/dist/cdn.min.js"></script>
|
|
4
4
|
<script defer src="https://unpkg.com/alpinejs@3.8.1/dist/cdn.min.js"></script>
|
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v0.58.0 (Fri Sep 30 2022)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- Adds async alpine.script.js to dynamically load alpine components [#327](https://github.com/mumprod/hr-design-system-handlebars/pull/327) ([@StefanVesper](https://github.com/StefanVesper))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v0.57.0 (Tue Sep 27 2022)
|
|
2
14
|
|
|
3
15
|
#### 🚀 Enhancement
|
package/dist/assets/index.css
CHANGED
|
@@ -1963,7 +1963,7 @@ video {
|
|
|
1963
1963
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
1964
1964
|
}
|
|
1965
1965
|
.counter-reset {
|
|
1966
|
-
counter-reset:
|
|
1966
|
+
counter-reset: cnt1664530151236;
|
|
1967
1967
|
}
|
|
1968
1968
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
1969
1969
|
font-size: 0.75rem;
|
|
@@ -2346,7 +2346,7 @@ video {
|
|
|
2346
2346
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2347
2347
|
}
|
|
2348
2348
|
.-ordered {
|
|
2349
|
-
counter-increment:
|
|
2349
|
+
counter-increment: cnt1664530151236 1;
|
|
2350
2350
|
}
|
|
2351
2351
|
.-ordered::before {
|
|
2352
2352
|
position: absolute;
|
|
@@ -2363,7 +2363,7 @@ video {
|
|
|
2363
2363
|
letter-spacing: .0125em;
|
|
2364
2364
|
--tw-text-opacity: 1;
|
|
2365
2365
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2366
|
-
content: counter(
|
|
2366
|
+
content: counter(cnt1664530151236);
|
|
2367
2367
|
}
|
|
2368
2368
|
/*! purgecss start ignore */
|
|
2369
2369
|
:root,
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
<div
|
|
2
|
-
|
|
1
|
+
<div id="contentNavWrapper"
|
|
2
|
+
x-ignore
|
|
3
|
+
ax-load
|
|
4
|
+
ax-load-src="/js/content_nav_alpine.js"
|
|
5
|
+
x-data="contentNavigationHandler()"
|
|
6
|
+
class="col-span-12 flex gap-y-3 gap-x-4 js-load {{inline-switch this.teasersize '["100","66","50","33","25"]' '["flex-col","md:col-span-9 md:flex-row ","md:col-span-6 md:flex-row "," md:col-span-4 md:flex-row "," md:col-span-3 md:flex-row "]'}}"
|
|
3
7
|
>
|
|
4
8
|
{{> components/content_nav/content_nav _teasersize=this.teasersize }}
|
|
5
9
|
</div>
|
|
@@ -1,20 +1,10 @@
|
|
|
1
|
-
{{#>components/grid/grid_group size=this.teaserSize _backgroundColor=this.backgroundColor }}
|
|
2
|
-
{{#if this.accentedGroup}}
|
|
3
|
-
<div class="h-auto col-span-12 p-8 mx-4 rounded-tr-none rounded-bl-none bg-blue-accented rounded-3xl">
|
|
4
|
-
{{/if}}
|
|
1
|
+
{{#>components/grid/grid_group size=this.teaserSize _backgroundColor=this.backgroundColor }}
|
|
5
2
|
{{~#if this.hasGroupTitle}}
|
|
6
3
|
<h2 class="text-2xl md:text-4xl col-span-full py-0 font-headingSerif {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
|
|
7
4
|
{{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}
|
|
8
5
|
{{this.groupTitle}}
|
|
9
6
|
{{~#if this.hasLink}}</a>{{/if~}}
|
|
10
7
|
</h2>
|
|
11
|
-
{{/if}}
|
|
12
|
-
{{#if this.accentedGroup}}
|
|
13
|
-
</div>
|
|
14
|
-
<div class="h-24 col-span-12 p-2 mx-4 my-0 -mt-10 rounded-tr-none rounded-bl-none md:p-4 bg-blue-accented rounded-3xl">
|
|
15
|
-
{{/if}}
|
|
8
|
+
{{/if}}
|
|
16
9
|
{{~> components/teaser/teaser_logic/teaser_logic ~}}
|
|
17
|
-
{{#if this.accentedGroup}}
|
|
18
|
-
</div>
|
|
19
|
-
{{/if}}
|
|
20
10
|
{{/components/grid/grid_group}}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
{{#>components/grid/grid_group size=this.teaserSize _backgroundColor=this.backgroundColor }}
|
|
2
|
+
|
|
3
|
+
<div class="h-auto col-span-12 p-8 mx-4 rounded-tr-none rounded-bl-none bg-blue-accented rounded-3xl">
|
|
4
|
+
|
|
5
|
+
{{~#if this.hasGroupTitle}}
|
|
6
|
+
<h2 class="text-2xl md:text-4xl col-span-full py-0 font-headingSerif {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
|
|
7
|
+
{{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}
|
|
8
|
+
{{this.groupTitle}}
|
|
9
|
+
{{~#if this.hasLink}}</a>{{/if~}}
|
|
10
|
+
</h2>
|
|
11
|
+
{{/if}}
|
|
12
|
+
|
|
13
|
+
</div>
|
|
14
|
+
<div class="h-24 col-span-12 p-2 mx-4 my-0 -mt-10 rounded-tr-none rounded-bl-none md:p-4 bg-blue-accented rounded-3xl">
|
|
15
|
+
|
|
16
|
+
{{~> components/teaser/teaser_logic/teaser_logic ~}}
|
|
17
|
+
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
{{/components/grid/grid_group}}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
<div class="w-full col-span-12 js-load"
|
|
2
2
|
x-data="playaudio()"
|
|
3
3
|
ax-load
|
|
4
|
-
|
|
4
|
+
x-ignore
|
|
5
|
+
ax-load-src="/js/podcastPlayer.alpine.js">
|
|
5
6
|
<button x-on:keydown.tab="playAndStop" x-on:click="playAndStop" type="button" class="relative rounded-xl group cursor-pointer focus:outline-none focus:ring focus:ring-[#1F89AE]">
|
|
6
7
|
<div class="">
|
|
7
8
|
<div x-show="!currentlyPlaying" class="bg-black bg-opacity-50 rounded-full p-0.5 text-white">
|
|
@@ -21,11 +22,11 @@
|
|
|
21
22
|
<span x-text="audioDuration">06:21 Min</span>
|
|
22
23
|
</div>
|
|
23
24
|
|
|
24
|
-
<audio x-ref="audio"
|
|
25
|
+
<audio x-ref="audio" >
|
|
25
26
|
<source src="https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr2_audio/hr2_audio_20220914_95730396.mp3" type="audio/mp3" />
|
|
26
27
|
</audio>
|
|
27
28
|
|
|
28
|
-
<div class="
|
|
29
|
+
<div class="">
|
|
29
30
|
currentTime: <span x-text="currentTime"></span><br>
|
|
30
31
|
currentTimePercentage: <span x-text="currentTimePercentage"></span><br>
|
|
31
32
|
currentTimeMs: <span x-text="currentTimeMs"></span><br>
|
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.58.0",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
{
|
|
2
|
+
"realTeasersize" : "50",
|
|
3
|
+
"teasersize" : "50",
|
|
4
|
+
|
|
5
|
+
"contentNav" : {
|
|
6
|
+
"title" : "Geiler Titel",
|
|
7
|
+
|
|
8
|
+
"isDropdown" : true,
|
|
9
|
+
"isList" : false,
|
|
10
|
+
"isFlow" : false,
|
|
11
|
+
"isMixed" : false,
|
|
12
|
+
"isAutosuggest" : false,
|
|
13
|
+
"selectedItem": {
|
|
14
|
+
"title" : "Themen Wirtschaft"
|
|
15
|
+
},
|
|
16
|
+
"contentNavEntries": [
|
|
17
|
+
{
|
|
18
|
+
"title" : "Arbeitsmarkt",
|
|
19
|
+
"isGroup" : false,
|
|
20
|
+
"isSelected" : false,
|
|
21
|
+
"link" : {
|
|
22
|
+
"url": "/teaser1",
|
|
23
|
+
"webviewUrl": "/teaser1#webview",
|
|
24
|
+
"isTargetBlank": true,
|
|
25
|
+
"hasIcon": false,
|
|
26
|
+
"iconName": "extern"
|
|
27
|
+
},
|
|
28
|
+
"navigationGroup" : [
|
|
29
|
+
{
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"title" : "Banken",
|
|
35
|
+
"link" : {
|
|
36
|
+
"url": "/teaser1",
|
|
37
|
+
"webviewUrl": "/teaser1#webview",
|
|
38
|
+
"isTargetBlank": false,
|
|
39
|
+
"hasIcon": false,
|
|
40
|
+
"iconName": "iconName",
|
|
41
|
+
"readMoreText": {
|
|
42
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
43
|
+
"readMore": "mehr",
|
|
44
|
+
"readMoreLong": "read More Long"
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
"isGroup" : false,
|
|
48
|
+
"isSelected" : false
|
|
49
|
+
},
|
|
50
|
+
|
|
51
|
+
{
|
|
52
|
+
"title" : "Energie",
|
|
53
|
+
"link" : {
|
|
54
|
+
"url": "/teaser1",
|
|
55
|
+
"webviewUrl": "/teaser1#webview",
|
|
56
|
+
"isTargetBlank": true,
|
|
57
|
+
"hasIcon": false,
|
|
58
|
+
"iconName": "iconName",
|
|
59
|
+
"readMoreText": {
|
|
60
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
61
|
+
"readMore": "mehr",
|
|
62
|
+
"readMoreLong": "read More Long"
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
"isGroup" : false,
|
|
66
|
+
"isSelected" : false
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"title" : "Flughafen Kassel-Calden",
|
|
70
|
+
"link" : {
|
|
71
|
+
"url": "/teaser1",
|
|
72
|
+
"webviewUrl": "/teaser1#webview",
|
|
73
|
+
"isTargetBlank": true,
|
|
74
|
+
"hasIcon": false,
|
|
75
|
+
"iconName": "iconName",
|
|
76
|
+
"readMoreText": {
|
|
77
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
78
|
+
"readMore": "mehr",
|
|
79
|
+
"readMoreLong": "read More Long"
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
"isGroup" : false,
|
|
83
|
+
"isSelected" : false
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"title" : "Gewerkschaften",
|
|
87
|
+
"link" : {
|
|
88
|
+
"url": "/teaser1",
|
|
89
|
+
"webviewUrl": "/teaser1#webview",
|
|
90
|
+
"isTargetBlank": true,
|
|
91
|
+
"hasIcon": false,
|
|
92
|
+
"iconName": "iconName",
|
|
93
|
+
"readMoreText": {
|
|
94
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
95
|
+
"readMore": "mehr",
|
|
96
|
+
"readMoreLong": "read More Long"
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
"isGroup" : false,
|
|
100
|
+
"isSelected" : false
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"title" : "Handel",
|
|
104
|
+
"link" : {
|
|
105
|
+
"url": "/teaser1",
|
|
106
|
+
"webviewUrl": "/teaser1#webview",
|
|
107
|
+
"isTargetBlank": true,
|
|
108
|
+
"hasIcon": false,
|
|
109
|
+
"iconName": "iconName",
|
|
110
|
+
"readMoreText": {
|
|
111
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
112
|
+
"readMore": "mehr",
|
|
113
|
+
"readMoreLong": "read More Long"
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
"isGroup" : false,
|
|
117
|
+
"isSelected" : false
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
"title" : "Handwerk",
|
|
121
|
+
"link" : {
|
|
122
|
+
"url": "/teaser1",
|
|
123
|
+
"webviewUrl": "/teaser1#webview",
|
|
124
|
+
"isTargetBlank": true,
|
|
125
|
+
"hasIcon": false,
|
|
126
|
+
"iconName": "iconName",
|
|
127
|
+
"readMoreText": {
|
|
128
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
129
|
+
"readMore": "mehr",
|
|
130
|
+
"readMoreLong": "read More Long"
|
|
131
|
+
}
|
|
132
|
+
},
|
|
133
|
+
"isGroup" : false,
|
|
134
|
+
"isSelected" : false
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"title" : "Immobilien",
|
|
138
|
+
"link" : {
|
|
139
|
+
"url": "/teaser1",
|
|
140
|
+
"webviewUrl": "/teaser1#webview",
|
|
141
|
+
"isTargetBlank": true,
|
|
142
|
+
"hasIcon": false,
|
|
143
|
+
"iconName": "iconName",
|
|
144
|
+
"readMoreText": {
|
|
145
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
146
|
+
"readMore": "mehr",
|
|
147
|
+
"readMoreLong": "read More Long"
|
|
148
|
+
}
|
|
149
|
+
},
|
|
150
|
+
"isGroup" : false,
|
|
151
|
+
"isSelected" : false
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"title" : "K + S",
|
|
155
|
+
"link" : {
|
|
156
|
+
"url": "/teaser1",
|
|
157
|
+
"webviewUrl": "/teaser1#webview",
|
|
158
|
+
"isTargetBlank": true,
|
|
159
|
+
"hasIcon": false,
|
|
160
|
+
"iconName": "iconName",
|
|
161
|
+
"readMoreText": {
|
|
162
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
163
|
+
"readMore": "mehr",
|
|
164
|
+
"readMoreLong": "read More Long"
|
|
165
|
+
}
|
|
166
|
+
},
|
|
167
|
+
"isGroup" : false,
|
|
168
|
+
"isSelected" : false
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"title" : "Landwirtschaft",
|
|
172
|
+
"link" : {
|
|
173
|
+
"url": "/teaser1",
|
|
174
|
+
"webviewUrl": "/teaser1#webview",
|
|
175
|
+
"isTargetBlank": true,
|
|
176
|
+
"hasIcon": false,
|
|
177
|
+
"iconName": "iconName",
|
|
178
|
+
"readMoreText": {
|
|
179
|
+
"readMoreScreenreader": "Zum Artikel",
|
|
180
|
+
"readMore": "mehr",
|
|
181
|
+
"readMoreLong": "read More Long"
|
|
182
|
+
}
|
|
183
|
+
},
|
|
184
|
+
"isGroup" : false,
|
|
185
|
+
"isSelected" : false
|
|
186
|
+
}
|
|
187
|
+
]
|
|
188
|
+
}
|
|
189
|
+
}
|
|
@@ -15,23 +15,22 @@
|
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
"teaser_contentnav": {
|
|
18
|
-
"includePath": "components/teaser/group_teaser/
|
|
18
|
+
"includePath": "components/teaser/group_teaser/group_teaser_accented",
|
|
19
19
|
"includeModel": {
|
|
20
20
|
"hasLink": false,
|
|
21
21
|
"link": "#gruppe1",
|
|
22
22
|
"hasGroupTitle": true,
|
|
23
23
|
"groupTitle": "Akzentuier-Gruppe 100%, 1 x 100% ContentNav Aufklapp ",
|
|
24
24
|
"teaserSize": "100",
|
|
25
|
-
"isHighlightGroup":
|
|
26
|
-
"
|
|
27
|
-
"backgroundColor": "1",
|
|
25
|
+
"isHighlightGroup": false,
|
|
26
|
+
"backgroundColor": "",
|
|
28
27
|
"logicItems": [
|
|
29
28
|
{
|
|
30
29
|
"isSsi": true,
|
|
31
30
|
"logicItem": {
|
|
32
31
|
"includePath": "components/teaser/content_nav/teaser_content_nav",
|
|
33
32
|
"includeModel": {
|
|
34
|
-
"@->jsoninclude": "teaser/
|
|
33
|
+
"@->jsoninclude": "teaser/teaser_content_nav_dropdown_50.json"
|
|
35
34
|
}
|
|
36
35
|
|
|
37
36
|
}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
export default function contentNavigationHandler(){
|
|
2
|
+
return{
|
|
3
|
+
open: false,
|
|
4
|
+
|
|
5
|
+
shouldDropdownBeShown(teasersize,isDropdown,isMixed){
|
|
6
|
+
if (isDropdown){
|
|
7
|
+
return true
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
if (isMixed) {
|
|
11
|
+
if (teasersize === 100 || teasersize === 66 || teasersize === 50) {
|
|
12
|
+
if (this.$screen('lg')) return false
|
|
13
|
+
if (this.$screen('md')) return false
|
|
14
|
+
if (this.$screen('xs')) return true
|
|
15
|
+
} else if (teasersize === 33 || teasersize === 25 ) {
|
|
16
|
+
return true
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
|
|
21
|
+
shouldContentBeShown(teasersize,isDropdown,isMixed){
|
|
22
|
+
if (isDropdown){
|
|
23
|
+
return this.$store.contentNavDropdownIsOpen
|
|
24
|
+
}
|
|
25
|
+
if (isMixed) {
|
|
26
|
+
if (teasersize === 100 || teasersize === 66 || teasersize === 50) {
|
|
27
|
+
if (this.$screen('lg')) return true
|
|
28
|
+
if (this.$screen('md')) return true
|
|
29
|
+
if (this.$screen('xs')) return this.$store.contentNavDropdownIsOpen
|
|
30
|
+
} else if (teasersize === 33 || teasersize === 25 ) {
|
|
31
|
+
return this.$store.contentNavDropdownIsOpen
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
return false
|
|
36
|
+
},
|
|
37
|
+
chooseListItemStyles(teasersize, isList, isMixed, isDropdown, isFlow){
|
|
38
|
+
let classes = []
|
|
39
|
+
|
|
40
|
+
switch (teasersize) {
|
|
41
|
+
case 100:
|
|
42
|
+
classes.push('w-full','md:w-fit')
|
|
43
|
+
isList ? classes.push('border','mb-2','md:!mr-2','hover:no-underline')
|
|
44
|
+
: isMixed ? classes.push('!w-full','md:!w-fit','!mb-0','md:!mb-2','md:mr-2','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','md:!border','md:border-blue-congress','border-gray-400','hover:underline','hover:text-blue-congress','hover:!bg-white','hover:!fill-congress','md:hover:no-underline','md:hover:text-white','md:hover:!bg-blue-congress','md:hover:!fill-white')
|
|
45
|
+
: isDropdown ? classes.push('!w-full','ml-0','md:!w-full','md:mb-0','md:!mr-0','border-gray-400','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','hover:underline','hover:text-blue-congress','hover:!bg-white','hover:!fill-congress')
|
|
46
|
+
: isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline')
|
|
47
|
+
: ''
|
|
48
|
+
break;
|
|
49
|
+
case 66:
|
|
50
|
+
classes.push('w-fit')
|
|
51
|
+
isList == true ? classes.push('border','mb-2','mr-2','md:!mr-2','hover:no-underline')
|
|
52
|
+
: isMixed ? classes.push('!w-full','md:!w-fit','!mb-0','md:!mb-2','md:mr-2','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','md:!border','hover:text-blue-congress','hover:!fill-congress','hover:!bg-white','md:hover:!bg-blue-congress','md:hover:!text-white','md:hover:no-underline','md:hover:!fill-white')
|
|
53
|
+
: isDropdown ? classes.push('!w-full','md:!w-full','md:mb-0','md:!mr-0','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','hover:underline','hover:text-blue-congress','hover:!bg-white','hover:!fill-congress')
|
|
54
|
+
: isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline')
|
|
55
|
+
: ''
|
|
56
|
+
break;
|
|
57
|
+
case 50:
|
|
58
|
+
classes.push('w-full')
|
|
59
|
+
isList ? classes.push('border','mb-2','hover:no-underline')
|
|
60
|
+
: isMixed ? classes.push('!w-full','border','md:mb-2','last:mb-0','border-gray-400','border-l-0','border-r-0','border-t-0','md:border','md:border-blue-congress','hover:underline','hover:!bg-white','hover:text-blue-congress','hover:fill-congress','md:hover:!bg-blue-congress','md:hover:!text-white','md:hover:fill-white','md:hover:no-underline')
|
|
61
|
+
: isDropdown ? classes.push('!w-full','md:!w-full','md:mb-0','md:!mr-0','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','border-gray-400','hover:underline','hover:!text-blue-congress','hover:!bg-white','hover:!fill-congress')
|
|
62
|
+
: isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline')
|
|
63
|
+
: ''
|
|
64
|
+
break;
|
|
65
|
+
case 33:
|
|
66
|
+
classes.push('w-full')
|
|
67
|
+
isList ? classes.push('border','mb-2','hover:no-underline')
|
|
68
|
+
: isMixed ? classes.push('!w-full','!mb-0','border-b','last:border-b-0','hover:!bg-white','hover:underline','hover:text-blue-congress','hover:!fill-congress')
|
|
69
|
+
: isDropdown ? classes.push('!w-full','md:!w-full','md:mb-0','md:!mr-0','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','hover:underline','hover:!text-blue-congress','hover:!bg-white','hover:!fill-congress')
|
|
70
|
+
: isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline')
|
|
71
|
+
: ''
|
|
72
|
+
break;
|
|
73
|
+
case 25:
|
|
74
|
+
classes.push('w-full')
|
|
75
|
+
isList ? classes.push('border','mb-2','hover:no-underline')
|
|
76
|
+
: isMixed ? classes.push('!w-full','!mb-0','border-b','last:border-b-0','hover:!bg-white','hover:underline','hover:!text-blue-congress','hover:!fill-congress')
|
|
77
|
+
: isDropdown ? classes.push('!w-full','md:!w-full','md:mb-0','md:!mr-0','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','hover:underline','hover:text-blue-congress','hover:!bg-white','hover:!fill-congress')
|
|
78
|
+
: isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline')
|
|
79
|
+
: ''
|
|
80
|
+
break;
|
|
81
|
+
}
|
|
82
|
+
for (let i = 0; i < classes.length; i++) {
|
|
83
|
+
this.$el.classList.add(classes[i])
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
File without changes
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
<div
|
|
2
|
-
|
|
1
|
+
<div id="contentNavWrapper"
|
|
2
|
+
x-ignore
|
|
3
|
+
ax-load
|
|
4
|
+
ax-load-src="/js/content_nav_alpine.js"
|
|
5
|
+
x-data="contentNavigationHandler()"
|
|
6
|
+
class="col-span-12 flex gap-y-3 gap-x-4 js-load {{inline-switch this.teasersize '["100","66","50","33","25"]' '["flex-col","md:col-span-9 md:flex-row ","md:col-span-6 md:flex-row "," md:col-span-4 md:flex-row "," md:col-span-3 md:flex-row "]'}}"
|
|
3
7
|
>
|
|
4
8
|
{{> components/content_nav/content_nav _teasersize=this.teasersize }}
|
|
5
9
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"title":"NEUESTE BEITRÄGE","teaserLogo":"hessenschau_de","isHessenschauLogo":"true","showFirstImageOrGenreImage":false,"HideTitle":false,"showGenreImage":false,"showFirstImage":false,"showImage":false,"_ordered":false,"teaserSize":"100","genreImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserType":"headlinelist","aspectRatio":"ar--16x9","imageVariant":"33","firstEntry":{"title":"Mann in Heusenstamm von S-Bahn erfasst - tot","url":"/teaser1","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","showLabel":false,"showProfileInfo":false,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentModificationDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentSection":"Panorama","isBroadcastDateHidden":false,"showProfileInfoAsByline":true,"profiles":"Von Petra Boberg und Christine Rütten","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}},"airDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"}},"clusterTeaserItems":[{"title":"Mann in Heusenstamm von S-Bahn erfasst - tot","url":"/teaser1","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","showLabel":false,"showProfileInfo":false,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentModificationDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentSection":"Panorama","isBroadcastDateHidden":false,"showProfileInfoAsByline":true,"profiles":"Von Petra Boberg und Christine Rütten","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}},"airDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"}},{"title":"Aktuelles von Eintracht Frankfurt & Darmstadt 98: News im Bundesliga-Ticker","url":"/teaser2","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","showLabel":true,"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}},"showProfileInfo":false,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentModificationDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentSection":"Sport","isBroadcastDateHidden":false,"showProfileInfoAsByline":false,"link":{"url":"/teaser2","webviewUrl":"/teaser2#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}},"airDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"}},{"title":"Youth League: Eintracht-U19 spielt unentschieden gegen Lissabon","url":"/teaser3","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","showLabel":true,"showProfileInfo":false,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentModificationDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentSection":"Sport","isBroadcastDateHidden":false,"showProfileInfoAsByline":false,"link":{"url":"/teaser3","webviewUrl":"/teaser3#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}},"airDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"}},{"title":"Radfahrer stößt in Frankfurter U-Bahn","url":"/teaser4","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","showLabel":true,"showProfileInfo":false,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentModificationDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentSection":"Panorama","isBroadcastDateHidden":false,"showProfileInfoAsByline":false,"link":{"url":"/teaser4","webviewUrl":"/teaser4#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}},"airDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"}},{"title":"Wegen Personalmangel: Hessen lockert Einstellungskriterien für Richter","url":"/teaser5","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","showLabel":true,"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}},"showProfileInfo":false,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentModificationDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentSection":"Politik","isBroadcastDateHidden":false,"showProfileInfoAsByline":false,"link":{"url":"/teaser5","webviewUrl":"/teaser5#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}},"airDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"}}],"headlineListItems":{"title":"Neue Beiträge auf einen Blick","link":{"url":"https://www.hessenschau.de"}}}
|
|
1
|
+
{"title":"NEUESTE BEITRÄGE","teaserLogo":"hessenschau_de","isHessenschauLogo":"true","showFirstImageOrGenreImage":false,"HideTitle":false,"showGenreImage":false,"showFirstImage":false,"showImage":false,"_ordered":false,"teaserSize":"100","genreImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/101/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/101/320/180 320w, https://picsum.photos/id/101/480/270 480w, https://picsum.photos/id/101/640/360 640w, https://picsum.photos/id/101/960/540 960w, https://picsum.photos/id/101/1920/1080 1920w"}]}},"teaserType":"headlinelist","aspectRatio":"ar--16x9","imageVariant":"33","firstEntry":{"title":"Mann in Heusenstamm von S-Bahn erfasst - tot","url":"/teaser1","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","showLabel":false,"showProfileInfo":false,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentModificationDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentSection":"Panorama","isBroadcastDateHidden":false,"showProfileInfoAsByline":true,"profiles":"Von Petra Boberg und Christine Rütten","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/101/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/101/320/180 320w, https://picsum.photos/id/101/480/270 480w, https://picsum.photos/id/101/640/360 640w, https://picsum.photos/id/101/960/540 960w, https://picsum.photos/id/101/1920/1080 1920w"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}},"airDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"}},"clusterTeaserItems":[{"title":"Mann in Heusenstamm von S-Bahn erfasst - tot","url":"/teaser1","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","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"}]}},"teaserSize":"hero","showLabel":false,"showProfileInfo":false,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentModificationDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentSection":"Panorama","isBroadcastDateHidden":false,"showProfileInfoAsByline":true,"profiles":"Von Petra Boberg und Christine Rütten","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/101/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/101/320/180 320w, https://picsum.photos/id/101/480/270 480w, https://picsum.photos/id/101/640/360 640w, https://picsum.photos/id/101/960/540 960w, https://picsum.photos/id/101/1920/1080 1920w"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}},"airDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"}},{"title":"Aktuelles von Eintracht Frankfurt & Darmstadt 98: News im Bundesliga-Ticker","url":"/teaser2","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/101/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/101/320/180 320w, https://picsum.photos/id/101/480/270 480w, https://picsum.photos/id/101/640/360 640w, https://picsum.photos/id/101/960/540 960w, https://picsum.photos/id/101/1920/1080 1920w"}]}},"teaserSize":"hero","showLabel":true,"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}},"showProfileInfo":false,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentModificationDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentSection":"Sport","isBroadcastDateHidden":false,"showProfileInfoAsByline":false,"link":{"url":"/teaser2","webviewUrl":"/teaser2#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/101/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/101/320/180 320w, https://picsum.photos/id/101/480/270 480w, https://picsum.photos/id/101/640/360 640w, https://picsum.photos/id/101/960/540 960w, https://picsum.photos/id/101/1920/1080 1920w"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}},"airDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"}},{"title":"Youth League: Eintracht-U19 spielt unentschieden gegen Lissabon","url":"/teaser3","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/101/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/101/320/180 320w, https://picsum.photos/id/101/480/270 480w, https://picsum.photos/id/101/640/360 640w, https://picsum.photos/id/101/960/540 960w, https://picsum.photos/id/101/1920/1080 1920w"}]}},"teaserSize":"hero","showLabel":true,"showProfileInfo":false,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentModificationDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentSection":"Sport","isBroadcastDateHidden":false,"showProfileInfoAsByline":false,"link":{"url":"/teaser3","webviewUrl":"/teaser3#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/101/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/101/320/180 320w, https://picsum.photos/id/101/480/270 480w, https://picsum.photos/id/101/640/360 640w, https://picsum.photos/id/101/960/540 960w, https://picsum.photos/id/101/1920/1080 1920w"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}},"airDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"}},{"title":"Radfahrer stößt in Frankfurter U-Bahn","url":"/teaser4","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/101/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/101/320/180 320w, https://picsum.photos/id/101/480/270 480w, https://picsum.photos/id/101/640/360 640w, https://picsum.photos/id/101/960/540 960w, https://picsum.photos/id/101/1920/1080 1920w"}]}},"teaserSize":"hero","showLabel":true,"showProfileInfo":false,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentModificationDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentSection":"Panorama","isBroadcastDateHidden":false,"showProfileInfoAsByline":false,"link":{"url":"/teaser4","webviewUrl":"/teaser4#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/101/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/101/320/180 320w, https://picsum.photos/id/101/480/270 480w, https://picsum.photos/id/101/640/360 640w, https://picsum.photos/id/101/960/540 960w, https://picsum.photos/id/101/1920/1080 1920w"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}},"airDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"}},{"title":"Wegen Personalmangel: Hessen lockert Einstellungskriterien für Richter","url":"/teaser5","teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/101/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/101/320/180 320w, https://picsum.photos/id/101/480/270 480w, https://picsum.photos/id/101/640/360 640w, https://picsum.photos/id/101/960/540 960w, https://picsum.photos/id/101/1920/1080 1920w"}]}},"teaserSize":"hero","showLabel":true,"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}},"showProfileInfo":false,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentModificationDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"documentSection":"Politik","isBroadcastDateHidden":false,"showProfileInfoAsByline":false,"link":{"url":"/teaser5","webviewUrl":"/teaser5#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/101/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/101/320/180 320w, https://picsum.photos/id/101/480/270 480w, https://picsum.photos/id/101/640/360 640w, https://picsum.photos/id/101/960/540 960w, https://picsum.photos/id/101/1920/1080 1920w"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}},"airDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"}}],"headlineListItems":{"title":"Neue Beiträge auf einen Blick","link":{"url":"https://www.hessenschau.de"}}}
|