hr-design-system-handlebars 1.42.4 → 1.43.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 +51 -19
- package/dist/views/components/article/components/podcast/podcast_episode_article.hbs +35 -34
- package/dist/views/components/content/content_footer/content_footer.hbs +8 -8
- package/dist/views/components/grid/grid_item.hbs +1 -1
- package/dist/views/components/podcast/components/podcast_player_shorttext.hbs +1 -1
- package/dist/views/components/podcast/podcast_player.hbs +53 -53
- package/dist/views/components/socialmedia/socialmedia.hbs +19 -19
- package/dist/views_static/components/article/components/podcast/podcast_episode_article.hbs +35 -34
- package/dist/views_static/components/content/content_footer/content_footer.hbs +8 -8
- package/dist/views_static/components/grid/grid_item.hbs +1 -1
- package/dist/views_static/components/podcast/components/podcast_player_shorttext.hbs +1 -1
- package/dist/views_static/components/podcast/podcast_player.hbs +53 -53
- package/dist/views_static/components/socialmedia/socialmedia.hbs +19 -19
- package/package.json +1 -1
- package/src/assets/css/custom-utilities.css +30 -0
- package/src/stories/views/components/article/components/podcast/podcast_episode_article.hbs +35 -34
- package/src/stories/views/components/content/content_footer/content_footer.hbs +8 -8
- package/src/stories/views/components/grid/grid_item.hbs +1 -1
- package/src/stories/views/components/podcast/components/podcast_player_shorttext.hbs +1 -1
- package/src/stories/views/components/podcast/podcast_player.hbs +53 -53
- package/src/stories/views/components/socialmedia/socialmedia.hbs +19 -19
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v1.43.0 (Wed Oct 25 2023)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- Dpe 2222 use grid for episode player [#736](https://github.com/mumprod/hr-design-system-handlebars/pull/736) ([@StefanVesper](https://github.com/StefanVesper))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v1.42.4 (Wed Oct 25 2023)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1153,9 +1153,6 @@ video {
|
|
|
1153
1153
|
.col-span-3 {
|
|
1154
1154
|
grid-column: span 3 / span 3;
|
|
1155
1155
|
}
|
|
1156
|
-
.col-span-8 {
|
|
1157
|
-
grid-column: span 8 / span 8;
|
|
1158
|
-
}
|
|
1159
1156
|
.col-span-full {
|
|
1160
1157
|
grid-column: 1 / -1;
|
|
1161
1158
|
}
|
|
@@ -1180,10 +1177,6 @@ video {
|
|
|
1180
1177
|
.m-auto {
|
|
1181
1178
|
margin: auto;
|
|
1182
1179
|
}
|
|
1183
|
-
.-mx-3 {
|
|
1184
|
-
margin-left: -0.75rem;
|
|
1185
|
-
margin-right: -0.75rem;
|
|
1186
|
-
}
|
|
1187
1180
|
.mx-0 {
|
|
1188
1181
|
margin-left: 0px;
|
|
1189
1182
|
margin-right: 0px;
|
|
@@ -1342,9 +1335,6 @@ video {
|
|
|
1342
1335
|
.mr-4 {
|
|
1343
1336
|
margin-right: 1rem;
|
|
1344
1337
|
}
|
|
1345
|
-
.mr-6 {
|
|
1346
|
-
margin-right: 1.5rem;
|
|
1347
|
-
}
|
|
1348
1338
|
.mt-0 {
|
|
1349
1339
|
margin-top: 0px;
|
|
1350
1340
|
}
|
|
@@ -2282,9 +2272,21 @@ video {
|
|
|
2282
2272
|
.to-purple-100 {
|
|
2283
2273
|
--tw-gradient-to: #f3e8ff var(--tw-gradient-to-position);
|
|
2284
2274
|
}
|
|
2275
|
+
.fill-\[\#006dc1\] {
|
|
2276
|
+
fill: #006dc1;
|
|
2277
|
+
}
|
|
2278
|
+
.fill-\[\#3b5999\] {
|
|
2279
|
+
fill: #3b5999;
|
|
2280
|
+
}
|
|
2281
|
+
.fill-\[\#4dc247\] {
|
|
2282
|
+
fill: #4dc247;
|
|
2283
|
+
}
|
|
2285
2284
|
.fill-\[\#55acee\] {
|
|
2286
2285
|
fill: #55acee;
|
|
2287
2286
|
}
|
|
2287
|
+
.fill-\[\#606060\] {
|
|
2288
|
+
fill: #606060;
|
|
2289
|
+
}
|
|
2288
2290
|
.fill-blue-congress {
|
|
2289
2291
|
fill: #005293;
|
|
2290
2292
|
}
|
|
@@ -3038,7 +3040,7 @@ video {
|
|
|
3038
3040
|
border-bottom-color: var(--color-secondary-ds);
|
|
3039
3041
|
}
|
|
3040
3042
|
.counter-reset {
|
|
3041
|
-
counter-reset:
|
|
3043
|
+
counter-reset: cnt1698244023078;
|
|
3042
3044
|
}
|
|
3043
3045
|
.hyphens-auto {
|
|
3044
3046
|
-webkit-hyphens: auto;
|
|
@@ -3116,6 +3118,34 @@ video {
|
|
|
3116
3118
|
[main-start] minmax(0, 63.75rem) [main-end]
|
|
3117
3119
|
minmax(0, 1fr) [full-end];
|
|
3118
3120
|
}
|
|
3121
|
+
.grid-content {
|
|
3122
|
+
grid-template-areas:
|
|
3123
|
+
"head"
|
|
3124
|
+
"main "
|
|
3125
|
+
"aside";
|
|
3126
|
+
grid-template-columns: 100%;
|
|
3127
|
+
}
|
|
3128
|
+
@media only screen and (min-width: 600px){
|
|
3129
|
+
.grid-content {
|
|
3130
|
+
grid-template-areas:
|
|
3131
|
+
"head head"
|
|
3132
|
+
"main aside";
|
|
3133
|
+
|
|
3134
|
+
grid-template-columns: 3fr 1fr;
|
|
3135
|
+
}
|
|
3136
|
+
}
|
|
3137
|
+
.head{
|
|
3138
|
+
grid-area: head;
|
|
3139
|
+
}
|
|
3140
|
+
.main{
|
|
3141
|
+
grid-area: main;
|
|
3142
|
+
}
|
|
3143
|
+
.aside{
|
|
3144
|
+
grid-area: aside;
|
|
3145
|
+
}
|
|
3146
|
+
.col-main {
|
|
3147
|
+
grid-column: main;
|
|
3148
|
+
}
|
|
3119
3149
|
.col-full {
|
|
3120
3150
|
grid-column: full;
|
|
3121
3151
|
}
|
|
@@ -3273,7 +3303,7 @@ video {
|
|
|
3273
3303
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3274
3304
|
}
|
|
3275
3305
|
.-ordered {
|
|
3276
|
-
counter-increment:
|
|
3306
|
+
counter-increment: cnt1698244023078 1;
|
|
3277
3307
|
}
|
|
3278
3308
|
.-ordered::before {
|
|
3279
3309
|
position: absolute;
|
|
@@ -3289,7 +3319,7 @@ video {
|
|
|
3289
3319
|
letter-spacing: .0125em;
|
|
3290
3320
|
--tw-text-opacity: 1;
|
|
3291
3321
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3292
|
-
content: counter(
|
|
3322
|
+
content: counter(cnt1698244023078);
|
|
3293
3323
|
}
|
|
3294
3324
|
/*! ****************************/
|
|
3295
3325
|
/*! DataPolicy stuff */
|
|
@@ -4646,9 +4676,6 @@ video {
|
|
|
4646
4676
|
.backdrop\:bg-gray-scorpion\/90::backdrop {
|
|
4647
4677
|
background-color: rgba(96, 96, 96, 0.9);
|
|
4648
4678
|
}
|
|
4649
|
-
.first\:mt-6:first-child {
|
|
4650
|
-
margin-top: 1.5rem;
|
|
4651
|
-
}
|
|
4652
4679
|
.first\:border-t:first-child {
|
|
4653
4680
|
border-top-width: 1px;
|
|
4654
4681
|
}
|
|
@@ -4668,9 +4695,6 @@ video {
|
|
|
4668
4695
|
border-color: #fff;
|
|
4669
4696
|
border-color: var(--color-navigation-border-color);
|
|
4670
4697
|
}
|
|
4671
|
-
.last\:pb-6:last-child {
|
|
4672
|
-
padding-bottom: 1.5rem;
|
|
4673
|
-
}
|
|
4674
4698
|
.last\:pr-0:last-child {
|
|
4675
4699
|
padding-right: 0px;
|
|
4676
4700
|
}
|
|
@@ -5023,6 +5047,10 @@ video {
|
|
|
5023
5047
|
margin-right: 2rem;
|
|
5024
5048
|
}
|
|
5025
5049
|
|
|
5050
|
+
.sm\:ml-8 {
|
|
5051
|
+
margin-left: 2rem;
|
|
5052
|
+
}
|
|
5053
|
+
|
|
5026
5054
|
.sm\:mt-1 {
|
|
5027
5055
|
margin-top: 0.25rem;
|
|
5028
5056
|
}
|
|
@@ -5043,6 +5071,10 @@ video {
|
|
|
5043
5071
|
width: 58.333333%;
|
|
5044
5072
|
}
|
|
5045
5073
|
|
|
5074
|
+
.sm\:w-\[220px\] {
|
|
5075
|
+
width: 220px;
|
|
5076
|
+
}
|
|
5077
|
+
|
|
5046
5078
|
.sm\:w-fit {
|
|
5047
5079
|
width: -webkit-fit-content;
|
|
5048
5080
|
width: -moz-fit-content;
|
|
@@ -1,40 +1,41 @@
|
|
|
1
1
|
<article class="grid grid-page">
|
|
2
|
-
<div class="
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
</div>
|
|
2
|
+
<div class="grid pt-6 col-main grid-content">
|
|
3
|
+
<div class="p-5 head bg-highlight-1 dark:bg-highlight-1-dark rounded-tl-hr rounded-br-hr">
|
|
4
|
+
{{> components/podcast/podcast_player _linkTitle=true _isSinglePage=true _isArticlePlayer=true}}
|
|
5
|
+
</div>
|
|
6
|
+
<div class="pt-6 main">
|
|
7
|
+
{{> components/podcast/components/podcast_player_shorttext }}
|
|
8
|
+
{{> components/content/content_footer/content_footer
|
|
9
|
+
_author=this.audioAuthor
|
|
10
|
+
_showDate=this.hasDwellTime
|
|
11
|
+
_date=this.airdateDate
|
|
12
|
+
_copyright=this.copyright
|
|
13
|
+
_isArchiveContent=this.isArchiveContent
|
|
14
|
+
_posterCopyright="poster_copyright"}}
|
|
15
|
+
</div>
|
|
17
16
|
|
|
18
|
-
<aside class="order-4
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
<aside class="order-4 pt-6 aside md:order-2 sm:ml-8 sm:w-[220px]"
|
|
18
|
+
aria-label='{{loca "appendix_title"}}'>
|
|
19
|
+
<div class="c-appendix">
|
|
20
|
+
{{#unless _webview}}
|
|
21
|
+
{{!-- {{~#with this.backLinkUrl ~}}
|
|
22
|
+
{{~> components/base/link/backlink _addClass="appendix__backlink" ~}}
|
|
23
|
+
{{~/with~}}
|
|
25
24
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
{{~#with this.geotag ~}}
|
|
26
|
+
{{~> modules/geotag/geotag-list ~}}
|
|
27
|
+
{{~/with~}}
|
|
29
28
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
29
|
+
{{~#with this.topictags ~}}
|
|
30
|
+
{{~> modules/topictag/topictag-list ~}}
|
|
31
|
+
{{~/with~}} --}}
|
|
33
32
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
{{~#with this.socialSharing ~}}
|
|
34
|
+
{{~> components/socialmedia/socialmedia ~}}
|
|
35
|
+
{{~/with~}}
|
|
36
|
+
{{/unless}}
|
|
37
|
+
</div>
|
|
38
|
+
</aside>
|
|
38
39
|
</div>
|
|
39
|
-
</
|
|
40
|
-
|
|
40
|
+
</article>
|
|
41
|
+
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
<footer class="flex flex-col
|
|
1
|
+
<footer class="flex flex-col mt-10 text-xs font-copy{{#if _addClass}} {{_addClass}}{{/if}}">
|
|
2
2
|
{{~#with _author ~}}
|
|
3
|
-
<p
|
|
3
|
+
<p>
|
|
4
4
|
Autor: {{this}}
|
|
5
5
|
</p>
|
|
6
6
|
{{~/with~}}
|
|
7
7
|
{{#if _showDate ~}}
|
|
8
8
|
{{#with _date}}
|
|
9
|
-
<p
|
|
9
|
+
<p>
|
|
10
10
|
<time datetime="{{this.htmlDateTime}}">{{loca "date_published" this.date this.time }}</time>
|
|
11
11
|
</p>
|
|
12
12
|
{{/with~}}
|
|
13
13
|
{{/if}}
|
|
14
14
|
|
|
15
15
|
{{~#with _source}}
|
|
16
|
-
<p
|
|
16
|
+
<p>
|
|
17
17
|
{{~loca "copyright_source"~}}
|
|
18
18
|
{{~#each this}}
|
|
19
19
|
{{~#if @first}} {{this}}{{else}}, {{this}}{{/if~}}
|
|
@@ -22,20 +22,20 @@
|
|
|
22
22
|
{{/with~}}
|
|
23
23
|
|
|
24
24
|
{{~#with _copyright ~}}
|
|
25
|
-
<p
|
|
25
|
+
<p>
|
|
26
26
|
{{~loca "copyright_source"}} {{loca "copyright_symbol" this ~}}
|
|
27
27
|
</p>
|
|
28
28
|
{{~/with~}}
|
|
29
29
|
|
|
30
30
|
{{~#if _isArchiveContent}}
|
|
31
|
-
<p
|
|
31
|
+
<p>
|
|
32
32
|
{{loca "archive_content"}}
|
|
33
33
|
</p>
|
|
34
34
|
{{/if}}
|
|
35
35
|
|
|
36
36
|
{{~#with _posterCopyright ~}}
|
|
37
37
|
{{~#with ../teaseritem.copyrightWithLinks}}
|
|
38
|
-
<p
|
|
38
|
+
<p>
|
|
39
39
|
{{~loca ../this this}}
|
|
40
40
|
</p>
|
|
41
41
|
{{~/with~}}
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
|
|
44
44
|
<!-- TODO teaseritem.copyrightWithLinks dont work in gallery, generalize model -->
|
|
45
45
|
{{~#with _galleryCopyright ~}}
|
|
46
|
-
<p
|
|
46
|
+
<p>
|
|
47
47
|
{{~loca this ../copyrightWithLinks}}
|
|
48
48
|
</p>
|
|
49
49
|
{{~/with~}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<article class="col-span-12 {{inline-switch _size '["12","8","6","4","3"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}" >
|
|
1
|
+
<article class="col-span-12 {{inline-switch _size '["12","9","8","6","4","3"]' '["","md:col-span-9","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}" >
|
|
2
2
|
{{> @partial-block }}
|
|
3
3
|
</article>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{{#unless _isSinglePage}}
|
|
2
2
|
{{#unless this.hideShortText}}
|
|
3
3
|
{{~#with this.shorttext}}
|
|
4
|
-
<div class="col-span-12 text-sm md:text-base font-copy
|
|
4
|
+
<div class="col-span-12 text-sm md:text-base font-copy">
|
|
5
5
|
<span class="c-teaser__shorttext"> {{this}} </span>
|
|
6
6
|
</div>
|
|
7
7
|
{{/with~}}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
<div class="flex col-span-12 p-5">
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
<div class="flex col-span-12 {{#unless _isArticlePlayer}} p-5 {{/unless}} {{#if _isArticlePlayer}} bg-highlight-1 {{/if}}">
|
|
2
|
+
<div class="flex flex-col grow">
|
|
3
|
+
{{!-- First Row --}}
|
|
4
|
+
<div class="flex flex-row {{#if ../_ordered}} pl-8 {{/if}} ">
|
|
5
|
+
<div class="flex flex-col grow">
|
|
6
|
+
<div class="flex max-h-6">
|
|
7
|
+
{{!-- Label / Airdate --}}
|
|
8
|
+
{{#with label}}
|
|
9
|
+
<div class="">
|
|
10
10
|
<span class='sb-label mr-2 rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia'>
|
|
11
|
-
|
|
11
|
+
{{ loca this.loca }}
|
|
12
12
|
</span>
|
|
13
13
|
</div>
|
|
14
14
|
{{/with}}
|
|
@@ -19,56 +19,56 @@
|
|
|
19
19
|
<time class="flex grow pt-1.5" datetime="{{this.htmlDateTime}}">{{this.date}}</time>
|
|
20
20
|
{{/with}}
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
22
|
+
{{!-- Download --}}
|
|
23
|
+
{{> components/podcast/components/podcast_downloadbutton
|
|
24
|
+
_addClass=""
|
|
25
|
+
_iconClass="h-6 w-6 text-podcast-text fill-current"
|
|
26
|
+
_url=this.podcastDownloadUrl }}
|
|
27
27
|
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
{{!-- Überschrift: --}}
|
|
32
|
+
<div class="flex pb-5 pr-2 md:pr-5">
|
|
33
|
+
{{> components/podcast/components/podcast_title _title=this.title _teaserSize=this.realTeaserSize _addClass="" }}
|
|
34
|
+
</div>
|
|
35
|
+
|
|
36
|
+
</div>
|
|
35
37
|
|
|
36
|
-
|
|
38
|
+
{{!-- Podcast Image --}}
|
|
39
|
+
<div class="flex flex-col ">
|
|
40
|
+
<div class="w-22 {{#if _isArticlePlayer }} md:w-32 lg:w-42 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}} {{/if}}">
|
|
41
|
+
{{> components/base/image/responsive_image this.teaseritem
|
|
42
|
+
_type="podcastEpisodePlayer"
|
|
43
|
+
_variant="default"
|
|
44
|
+
_addClass="overflow-hidden"
|
|
45
|
+
_noDelay=this.dontLazyload
|
|
46
|
+
_addClassImg="w-full block"
|
|
47
|
+
}}
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
37
50
|
|
|
38
|
-
{{!-- Podcast Image --}}
|
|
39
|
-
<div class="flex flex-col ">
|
|
40
|
-
<div class="w-22 {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}}">
|
|
41
|
-
{{> components/base/image/responsive_image this.teaseritem
|
|
42
|
-
_type="podcastEpisodePlayer"
|
|
43
|
-
_variant="default"
|
|
44
|
-
_addClass="overflow-hidden"
|
|
45
|
-
_noDelay=this.dontLazyload
|
|
46
|
-
_addClassImg="w-full block"
|
|
47
|
-
}}
|
|
48
51
|
</div>
|
|
49
|
-
</div>
|
|
50
52
|
|
|
51
|
-
|
|
53
|
+
{{!-- Player UI --}}
|
|
54
|
+
<div class="flex {{#if _isArticlePlayer }} lg:pr-48 lg:-mt-14 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["lg:pr-48 lg:-mt-14"," "]'}} {{/if}}"
|
|
55
|
+
x-data="podcastPlayer()"
|
|
56
|
+
x-init="listenToGlobalStop()"
|
|
57
|
+
ax-load
|
|
58
|
+
x-ignore>
|
|
59
|
+
{{> components/podcast/components/podcast_player_ui
|
|
60
|
+
_isPlaylistPlayer=false
|
|
61
|
+
_podcastDuration=duration
|
|
62
|
+
_id=(nextRandom)
|
|
63
|
+
_first=true
|
|
64
|
+
}}
|
|
65
|
+
</div>
|
|
52
66
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
x-ignore>
|
|
59
|
-
{{> components/podcast/components/podcast_player_ui
|
|
60
|
-
_isPlaylistPlayer=false
|
|
61
|
-
_podcastDuration=duration
|
|
62
|
-
_id=(nextRandom)
|
|
63
|
-
_first=true
|
|
64
|
-
}}
|
|
65
|
-
</div>
|
|
66
|
-
|
|
67
|
-
{{!-- Abo-Dropdown --}}
|
|
68
|
-
<div class="flex flex-row pt-5">
|
|
69
|
-
{{#with this.podcastChannel}}
|
|
70
|
-
{{> components/podcast/components/podcast_subscribe_button}}
|
|
71
|
-
{{/with}}
|
|
67
|
+
{{!-- Abo-Dropdown --}}
|
|
68
|
+
<div class="flex flex-row pt-5">
|
|
69
|
+
{{#with this.podcastChannel}}
|
|
70
|
+
{{> components/podcast/components/podcast_subscribe_button}}
|
|
71
|
+
{{/with}}
|
|
72
72
|
|
|
73
73
|
{{#with this.podcastChannel}}
|
|
74
74
|
{{!-- Sendungs-Link --}}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
<div class="w-full flex
|
|
2
|
-
<div class="flex flex-wrap
|
|
3
|
-
<span class="inline-flex text-
|
|
4
|
-
|
|
5
|
-
<ul class="flex flex-wrap w-full
|
|
1
|
+
<div class="w-full flex first:border-t last:border-b py-6 border-dotted border-[#797979] -socialsharing">
|
|
2
|
+
<div class="flex flex-wrap">
|
|
3
|
+
<span class="inline-flex text-xl font-headingSerif">{{loca "share_headline" }}</span>
|
|
4
|
+
|
|
5
|
+
<ul class="flex flex-wrap w-full pt-2 gap-x-2 gap-y-2 -socialsharing">
|
|
6
6
|
{{~#with this.twitterLink ~}}
|
|
7
|
-
<li
|
|
8
|
-
<a class="
|
|
7
|
+
<li>
|
|
8
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
9
9
|
href="{{this}}"
|
|
10
10
|
target="_blank"
|
|
11
11
|
rel="noopener noreferrer"
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
</li>
|
|
20
20
|
{{~/with~}}
|
|
21
21
|
{{~#with this.facebookLink ~}}
|
|
22
|
-
<li
|
|
23
|
-
<a class="
|
|
22
|
+
<li>
|
|
23
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
24
24
|
href="{{this}}"
|
|
25
25
|
target="_blank"
|
|
26
26
|
rel="noopener noreferrer"
|
|
@@ -29,13 +29,13 @@
|
|
|
29
29
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
|
|
30
30
|
{{/with}}
|
|
31
31
|
>
|
|
32
|
-
{{~> components/base/image/icon _addClass="
|
|
32
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
|
|
33
33
|
</a>
|
|
34
34
|
</li>
|
|
35
35
|
{{~/with~}}
|
|
36
36
|
{{~#with this.whatsappLink ~}}
|
|
37
|
-
<li
|
|
38
|
-
<a class="
|
|
37
|
+
<li>
|
|
38
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
39
39
|
href="{{this}}"
|
|
40
40
|
target="_blank"
|
|
41
41
|
rel="noopener noreferrer"
|
|
@@ -44,33 +44,33 @@
|
|
|
44
44
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
|
|
45
45
|
{{/with}}
|
|
46
46
|
>
|
|
47
|
-
{{~> components/base/image/icon _addClass="
|
|
47
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
|
|
48
48
|
</a>
|
|
49
49
|
</li>
|
|
50
50
|
{{~/with~}}
|
|
51
51
|
{{~#with this.mailtoLink ~}}
|
|
52
|
-
<li
|
|
53
|
-
<a class="
|
|
52
|
+
<li>
|
|
53
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
54
54
|
href="{{this}}"
|
|
55
55
|
title="{{loca "share_mail_linktitle" }}"
|
|
56
56
|
{{#with ../../this.content.trackingData}}
|
|
57
57
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
|
|
58
58
|
{{/with}}
|
|
59
59
|
>
|
|
60
|
-
{{~> components/base/image/icon _addClass="
|
|
60
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
|
|
61
61
|
</a>
|
|
62
62
|
</li>
|
|
63
63
|
{{~/with~}}
|
|
64
64
|
|
|
65
|
-
<li
|
|
66
|
-
<a class="
|
|
65
|
+
<li>
|
|
66
|
+
<a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
|
|
67
67
|
href="javascript:window.print()"
|
|
68
68
|
title="{{loca "share_print_linktitle" }}"
|
|
69
69
|
{{#with ../this.content.trackingData}}
|
|
70
70
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
|
|
71
71
|
{{/with}}
|
|
72
72
|
>
|
|
73
|
-
{{~> components/base/image/icon _addClass="
|
|
73
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
|
|
74
74
|
</a>
|
|
75
75
|
</li>
|
|
76
76
|
</ul>
|
|
@@ -1,40 +1,41 @@
|
|
|
1
1
|
<article class="grid grid-page">
|
|
2
|
-
<div class="
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
</div>
|
|
2
|
+
<div class="grid pt-6 col-main grid-content">
|
|
3
|
+
<div class="p-5 head bg-highlight-1 dark:bg-highlight-1-dark rounded-tl-hr rounded-br-hr">
|
|
4
|
+
{{> components/podcast/podcast_player _linkTitle=true _isSinglePage=true _isArticlePlayer=true}}
|
|
5
|
+
</div>
|
|
6
|
+
<div class="pt-6 main">
|
|
7
|
+
{{> components/podcast/components/podcast_player_shorttext }}
|
|
8
|
+
{{> components/content/content_footer/content_footer
|
|
9
|
+
_author=this.audioAuthor
|
|
10
|
+
_showDate=this.hasDwellTime
|
|
11
|
+
_date=this.airdateDate
|
|
12
|
+
_copyright=this.copyright
|
|
13
|
+
_isArchiveContent=this.isArchiveContent
|
|
14
|
+
_posterCopyright="poster_copyright"}}
|
|
15
|
+
</div>
|
|
17
16
|
|
|
18
|
-
<aside class="order-4
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
<aside class="order-4 pt-6 aside md:order-2 sm:ml-8 sm:w-[220px]"
|
|
18
|
+
aria-label='{{loca "appendix_title"}}'>
|
|
19
|
+
<div class="c-appendix">
|
|
20
|
+
{{#unless _webview}}
|
|
21
|
+
{{!-- {{~#with this.backLinkUrl ~}}
|
|
22
|
+
{{~> components/base/link/backlink _addClass="appendix__backlink" ~}}
|
|
23
|
+
{{~/with~}}
|
|
25
24
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
{{~#with this.geotag ~}}
|
|
26
|
+
{{~> modules/geotag/geotag-list ~}}
|
|
27
|
+
{{~/with~}}
|
|
29
28
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
29
|
+
{{~#with this.topictags ~}}
|
|
30
|
+
{{~> modules/topictag/topictag-list ~}}
|
|
31
|
+
{{~/with~}} --}}
|
|
33
32
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
{{~#with this.socialSharing ~}}
|
|
34
|
+
{{~> components/socialmedia/socialmedia ~}}
|
|
35
|
+
{{~/with~}}
|
|
36
|
+
{{/unless}}
|
|
37
|
+
</div>
|
|
38
|
+
</aside>
|
|
38
39
|
</div>
|
|
39
|
-
</
|
|
40
|
-
|
|
40
|
+
</article>
|
|
41
|
+
|