hr-design-system-handlebars 1.42.4 → 1.43.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +25 -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/article/components/podcast/podcast_playlist_article.hbs +1 -1
- 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_item_title.hbs +1 -1
- package/dist/views/components/podcast/components/podcast_player_shorttext.hbs +1 -1
- package/dist/views/components/podcast/components/podcast_player_ui.hbs +1 -1
- package/dist/views/components/podcast/components/podcast_playlist_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/article/components/podcast/podcast_playlist_article.hbs +1 -1
- 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_item_title.hbs +1 -1
- package/dist/views_static/components/podcast/components/podcast_player_shorttext.hbs +1 -1
- package/dist/views_static/components/podcast/components/podcast_player_ui.hbs +1 -1
- package/dist/views_static/components/podcast/components/podcast_playlist_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/article/components/podcast/podcast_playlist_article.hbs +1 -1
- 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_item_title.hbs +1 -1
- package/src/stories/views/components/podcast/components/podcast_player_shorttext.hbs +1 -1
- package/src/stories/views/components/podcast/components/podcast_player_ui.hbs +1 -1
- package/src/stories/views/components/podcast/components/podcast_playlist_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
|
@@ -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
|
+
|
package/dist/views_static/components/article/components/podcast/podcast_playlist_article.hbs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<article class="grid grid-page">
|
|
2
2
|
<div class="grid grid-cols-12 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14">
|
|
3
|
-
<div class="order-1 w-full col-span-12 my-6 md:col-span-9 bg-highlight-1 rounded-tl-hr rounded-br-hr" >
|
|
3
|
+
<div class="order-1 w-full col-span-12 my-6 md:col-span-9 bg-highlight-1 rounded-tl-hr rounded-br-hr dark:bg-highlight-1-dark" >
|
|
4
4
|
{{> components/podcast/podcast_playlist_player _isArticlePlayer=true}}
|
|
5
5
|
|
|
6
6
|
{{~#if this.remainingPlaylistItems}}
|
|
@@ -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~}}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
{{!-- Airdate --}}
|
|
20
|
-
<div class="text-xs grow font-headingSerif text-podcast-text">
|
|
20
|
+
<div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark">
|
|
21
21
|
{{#unless ../../../../this.isSingleChannel ~}}
|
|
22
22
|
<span>{{this.podcastChannel.title}}</span>
|
|
23
23
|
<span class="mx-1">|</span>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
{{#unless _isSinglePage}}
|
|
3
3
|
{{#unless this.hideShortText}}
|
|
4
4
|
{{~#with this.shorttext}}
|
|
5
|
-
<div class="hidden pb-6 text-sm md:flex md:text-base font-copy">
|
|
5
|
+
<div class="hidden pb-6 text-sm md:flex md:text-base font-copy dark:text-podcast-text-dark">
|
|
6
6
|
<span class="c-teaser__shorttext"> {{this}} </span>
|
|
7
7
|
</div>
|
|
8
8
|
{{/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>
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"repository": "https://github.com/szuelch/hr-design-system-handlebars",
|
|
9
|
-
"version": "1.
|
|
9
|
+
"version": "1.43.1",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -96,6 +96,36 @@
|
|
|
96
96
|
minmax(0, 1fr) [full-end];
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
+
.grid-content {
|
|
100
|
+
grid-template-areas:
|
|
101
|
+
"head"
|
|
102
|
+
"main "
|
|
103
|
+
"aside";
|
|
104
|
+
grid-template-columns: 100%;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
@media only screen and (min-width: 600px){
|
|
108
|
+
.grid-content {
|
|
109
|
+
grid-template-areas:
|
|
110
|
+
"head head"
|
|
111
|
+
"main aside";
|
|
112
|
+
|
|
113
|
+
grid-template-columns: 3fr 1fr;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.head{
|
|
118
|
+
grid-area: head;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.main{
|
|
122
|
+
grid-area: main;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.aside{
|
|
126
|
+
grid-area: aside;
|
|
127
|
+
}
|
|
128
|
+
|
|
99
129
|
.col-main {
|
|
100
130
|
grid-column: main;
|
|
101
131
|
}
|
|
@@ -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
|
+
|
package/src/stories/views/components/article/components/podcast/podcast_playlist_article.hbs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<article class="grid grid-page">
|
|
2
2
|
<div class="grid grid-cols-12 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14">
|
|
3
|
-
<div class="order-1 w-full col-span-12 my-6 md:col-span-9 bg-highlight-1 rounded-tl-hr rounded-br-hr" >
|
|
3
|
+
<div class="order-1 w-full col-span-12 my-6 md:col-span-9 bg-highlight-1 rounded-tl-hr rounded-br-hr dark:bg-highlight-1-dark" >
|
|
4
4
|
{{> components/podcast/podcast_playlist_player _isArticlePlayer=true}}
|
|
5
5
|
|
|
6
6
|
{{~#if this.remainingPlaylistItems}}
|
|
@@ -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>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
_css='w-full ds-link font-heading text-base text-podcast-text line-clamp-4'
|
|
3
3
|
}}
|
|
4
4
|
<span
|
|
5
|
-
class='block hover:underline text-podcast-text text-
|
|
5
|
+
class='block text-base hover:underline text-podcast-text dark:text-podcast-text-dark'
|
|
6
6
|
>
|
|
7
7
|
{{~_title-adjust_context~}}
|
|
8
8
|
</span>
|
|
@@ -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~}}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
{{!-- Airdate --}}
|
|
20
|
-
<div class="text-xs grow font-headingSerif text-podcast-text">
|
|
20
|
+
<div class="text-xs grow font-headingSerif text-podcast-text dark:text-podcast-text-dark">
|
|
21
21
|
{{#unless ../../../../this.isSingleChannel ~}}
|
|
22
22
|
<span>{{this.podcastChannel.title}}</span>
|
|
23
23
|
<span class="mx-1">|</span>
|