hr-design-system-handlebars 1.74.4 → 1.74.5

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.
Files changed (8) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +10 -3
  3. package/dist/views/components/podcast/podcast_player.hbs +16 -15
  4. package/dist/views_static/components/podcast/podcast_player.hbs +16 -15
  5. package/package.json +1 -1
  6. package/src/assets/fixtures/page/podcast/podcast_player_episode.json +2 -1
  7. package/src/stories/views/components/page/podcast/fixtures/podcast_player_episode.json +1 -1
  8. package/src/stories/views/components/podcast/podcast_player.hbs +16 -15
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.74.5 (Thu Jun 20 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Bugfix/podcast without teaser item [#959](https://github.com/mumprod/hr-design-system-handlebars/pull/959) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
1
13
  # v1.74.4 (Thu Jun 20 2024)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -1645,6 +1645,9 @@ article.indexTextDS .indexTextHighlighted .link {
1645
1645
  .max-h-stage {
1646
1646
  max-height: 34.3125rem;
1647
1647
  }
1648
+ .min-h-\[88px\] {
1649
+ min-height: 88px;
1650
+ }
1648
1651
  .w-0 {
1649
1652
  width: 0px;
1650
1653
  }
@@ -3365,7 +3368,7 @@ article.indexTextDS .indexTextHighlighted .link {
3365
3368
  border-bottom-color: var(--color-secondary-ds);
3366
3369
  }
3367
3370
  .counter-reset {
3368
- counter-reset: cnt1718884561699;
3371
+ counter-reset: cnt1718899728274;
3369
3372
  }
3370
3373
  .hyphens-auto {
3371
3374
  -webkit-hyphens: auto;
@@ -3744,7 +3747,7 @@ article.indexTextDS .indexTextHighlighted .link {
3744
3747
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3745
3748
  }
3746
3749
  .-ordered {
3747
- counter-increment: cnt1718884561699 1;
3750
+ counter-increment: cnt1718899728274 1;
3748
3751
  }
3749
3752
  .-ordered::before {
3750
3753
  position: absolute;
@@ -3760,7 +3763,7 @@ article.indexTextDS .indexTextHighlighted .link {
3760
3763
  letter-spacing: .0125em;
3761
3764
  --tw-text-opacity: 1;
3762
3765
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3763
- content: counter(cnt1718884561699);
3766
+ content: counter(cnt1718899728274);
3764
3767
  }
3765
3768
  /*! ****************************/
3766
3769
  /*! DataPolicy stuff */
@@ -6581,6 +6584,10 @@ ul.restrictedToTwo li:nth-of-type(1n+2) .timelineBorder {
6581
6584
  height: 5.125rem;
6582
6585
  }
6583
6586
 
6587
+ .md\:min-h-\[128px\] {
6588
+ min-height: 128px;
6589
+ }
6590
+
6584
6591
  .md\:w-1\/2 {
6585
6592
  width: 50%;
6586
6593
  }
package/dist/views/components/podcast/podcast_player.hbs CHANGED
@@ -2,7 +2,7 @@
2
2
  <div class="flex flex-col grow">
3
3
  {{!-- First Row --}}
4
4
  <div class="flex flex-row {{#if ../_ordered}} pl-8 {{/if}} ">
5
- <div class="flex flex-col grow">
5
+ <div class="flex flex-col min-h-[88px] md:min-h-[128px] grow ">
6
6
  <div class="flex max-h-6">
7
7
  {{!-- Label / Airdate --}}
8
8
  {{#with label}}
@@ -14,7 +14,7 @@
14
14
  {{/with}}
15
15
 
16
16
 
17
- <div class="flex pr-2 text-xs grow md:pr-5 font-headingSerif text-podcast-text dark:text-podcast-text-dark">
17
+ <div class="flex pr-2 text-xs grow {{#if this.hasTeaserItem}}md:pr-5 {{else}}md:pr-0 {{/if}} font-headingSerif text-podcast-text dark:text-podcast-text-dark">
18
18
  {{~#with airdateDate}}
19
19
  <time class="flex grow pt-1.5" datetime="{{this.htmlDateTime}}">{{this.date}}</time>
20
20
  {{/with}}
@@ -36,22 +36,23 @@
36
36
  </div>
37
37
 
38
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>
50
-
39
+ {{#if this.hasTeaserItem}}
40
+ <div class="flex flex-col ">
41
+ <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}}">
42
+ {{> components/base/image/responsive_image this.teaseritem
43
+ _type="podcastEpisodePlayer"
44
+ _variant="default"
45
+ _addClass="overflow-hidden"
46
+ _noDelay=this.dontLazyload
47
+ _addClassImg="w-full block"
48
+ }}
49
+ </div>
50
+ </div>
51
+ {{/if}}
51
52
  </div>
52
53
 
53
54
  {{!-- 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
+ <div class="flex {{#if _isArticlePlayer }}lg:-mt-14{{#if this.hasTeaserItem}} lg:pr-48 {{else}} lg:pr-0 {{/if}} {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["lg:pr-48 lg:-mt-14"," "]'}} {{/if}}"
55
56
  x-data="podcastPlayer()"
56
57
  x-init="listenToGlobalStop()"
57
58
  ax-load
package/dist/views_static/components/podcast/podcast_player.hbs CHANGED
@@ -2,7 +2,7 @@
2
2
  <div class="flex flex-col grow">
3
3
  {{!-- First Row --}}
4
4
  <div class="flex flex-row {{#if ../_ordered}} pl-8 {{/if}} ">
5
- <div class="flex flex-col grow">
5
+ <div class="flex flex-col min-h-[88px] md:min-h-[128px] grow ">
6
6
  <div class="flex max-h-6">
7
7
  {{!-- Label / Airdate --}}
8
8
  {{#with label}}
@@ -14,7 +14,7 @@
14
14
  {{/with}}
15
15
 
16
16
 
17
- <div class="flex pr-2 text-xs grow md:pr-5 font-headingSerif text-podcast-text dark:text-podcast-text-dark">
17
+ <div class="flex pr-2 text-xs grow {{#if this.hasTeaserItem}}md:pr-5 {{else}}md:pr-0 {{/if}} font-headingSerif text-podcast-text dark:text-podcast-text-dark">
18
18
  {{~#with airdateDate}}
19
19
  <time class="flex grow pt-1.5" datetime="{{this.htmlDateTime}}">{{this.date}}</time>
20
20
  {{/with}}
@@ -36,22 +36,23 @@
36
36
  </div>
37
37
 
38
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>
50
-
39
+ {{#if this.hasTeaserItem}}
40
+ <div class="flex flex-col ">
41
+ <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}}">
42
+ {{> components/base/image/responsive_image this.teaseritem
43
+ _type="podcastEpisodePlayer"
44
+ _variant="default"
45
+ _addClass="overflow-hidden"
46
+ _noDelay=this.dontLazyload
47
+ _addClassImg="w-full block"
48
+ }}
49
+ </div>
50
+ </div>
51
+ {{/if}}
51
52
  </div>
52
53
 
53
54
  {{!-- 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
+ <div class="flex {{#if _isArticlePlayer }}lg:-mt-14{{#if this.hasTeaserItem}} lg:pr-48 {{else}} lg:pr-0 {{/if}} {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["lg:pr-48 lg:-mt-14"," "]'}} {{/if}}"
55
56
  x-data="podcastPlayer()"
56
57
  x-init="listenToGlobalStop()"
57
58
  ax-load
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.74.4",
9
+ "version": "1.74.5",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/fixtures/page/podcast/podcast_player_episode.json CHANGED
@@ -15,6 +15,7 @@
15
15
  "hasDwellTime": true,
16
16
  "isSingleChannel": false,
17
17
  "backLinkUrl": "#",
18
+
18
19
  "topictags": {
19
20
  "topic1": {
20
21
  "url":"#",
@@ -191,7 +192,7 @@
191
192
  "copyright": "Copyright Text",
192
193
  "audioAuthor": "Anna Magel",
193
194
  "hasStatus": false,
194
- "hasTeaserItem": false,
195
+ "hasTeaserItem": true,
195
196
  "allowAVConsumption": true,
196
197
  "displayEpgInfos": false,
197
198
  "aspectRatio": "ar--teaserTop",
package/src/stories/views/components/page/podcast/fixtures/podcast_player_episode.json CHANGED
@@ -1 +1 @@
1
- {"isSsi":true,"logicItem":{"includePath":"components/page/podcast/podcast_player_episode","includeModel":{"byline":"Byline","title":"Legal Kiffen: Cannabis-Gesetz sorgt für Kritik","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard","teaserSize":"100","realTeaserSize":"100","isMobile1to1":false,"hasDwellTime":true,"isSingleChannel":false,"backLinkUrl":"#","topictags":{"topic1":{"url":"#","title":"topictag1"},"topic2":{"url":"#","title":"topictag2"},"topic3":{"url":"#","title":"topictag mit extrem langem namen"},"topic4":{"url":"#","title":"topic tag schnack"},"topic5":{"url":"#","title":"topictag2Taggigtop"}},"geotag":{"GeoTag1":{"url":"#","title":"geotag1"},"GeoTag2":{"url":"#","title":"geotag mit extrem langem namen"},"GeoTag3":{"url":"#","title":"Far out"},"GeoTag4":{"url":"#","title":"Stuttgart"},"GeoTag5":{"url":"#","title":"FFM"}},"socialSharing":{"twitterLink":"#","whatsappLink":"#","facebookLink":"#","mailtoLink":"#"},"airdateDate":{"htmlDateTime":"2022-10-31T19:30+0200","htmlDate":"31.10.2022","date":"31.10.22","time":"19:30","dateSeparatorTime":"31.10.22, 19:30"},"teaseritem":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"duration":"14:35","hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"podcastChannel":{"title":"hr2 Doppelkopf","url":"#ChannelURL","podcastHoster":[{"podcastHosterUrl":"https://podcasts.apple.com/podcast/hr2-doppelkopf/id212822590","podcastHosterName":"ITunes"},{"podcastHosterUrl":"https://podcast.hr.de/hr2_doppelkopf/podcast.xml","podcastHosterName":"RSS"},{"podcastHosterUrl":"https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0LmhyLmRlL2hyMl9kb3BwZWxrb3BmL3BvZGNhc3QueG1s?hl=de","podcastHosterName":"Google Podcasts"},{"podcastHosterUrl":"https://www.ardaudiothek.de/episode/hr2-doppelkopf/ich-hoere-bei-jedem-geraeusch-gleich-die-tonhoehe-oder-komponist-und-theatermacher-heiner-goebbels-erneuert-das-musiktheater/hr2-kultur/12056783/","podcastHosterName":"ARD Audiothek"}]},"audioUrl":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/der_tag_in_hessen/der_tag_in_hessen_20230816_98732247.mp3","podcastDownloadUrl":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/der_tag_in_hessen/der_tag_in_hessen_20230816_98732247.mp3","teaserImage":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"mediaMetadata":{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","livestream":"no","type":"content","airdate":"06.10.2022 04:40","program":"hr-fernsehen","nol_c18":"p18,N","uurl":"/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c7":"p7,/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c8":"p8,131","nol_c9":"p9,Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","assetid":"hr4_polizeireport_95936793","nol_c2":"p2,N","nol_c5":"p5,hr4","length":"131","nol_c20":"p20,GFKLinkID"},"ati":{"pageName":"Ein aufgewecktes Kerlchen","secondLevelId":"2","documentName":"podcast-episode-108850","documentType":"hr-nt:podcastEpisode","documentDate":"2022-10-06T06:46:25+02:00","chapter":"podcast::polizeireport","mediaLabel":"Ein aufgewecktes Kerlchen","mediaTheme1":"hr4","mediaTheme2":"podcast::polizeireport","atiSiteId":"578129","atiTrackingHost":"https://logs1407"},"piano":{"av_content_id":"podcast-episode-108850","av_content":"Ein aufgewecktes Kerlchen","av_content_type":"Audio","av_content_duration":131000,"av_broadcasting_type":"OnDemand","av_content_level1":"hr4","av_content_level2":"podcast","av_content_level3":"polizeireport","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"2"}},"documentSection":"Kultur","displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":false,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":true,"isVideo":false,"isPodcastEpisode":true,"isExtOrBrandLink":false,"isAuthor":true,"copyright":"Copyright Text","audioAuthor":"Anna Magel","hasStatus":false,"hasTeaserItem":false,"allowAVConsumption":true,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":true,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","headlineTag":"h2","icon":"ortsmarke","imageVariant":"topteaser","hideShortText":false,"shorttext":"Cannabis soll legal werden - dafür hat die Bundesregierung jetzt einen Gesetzentwurf auf den Weg gebracht. Doch in Hessen sind nicht alle dafür. Und: Tierischer Nachwuchs im Frankfurter Zoo.","hideBylineAndShorttext":false,"sophoraId":"podcast-episode-122848","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"isPodcast":true,"toModel":{"audioElement":{"isPodcast":true,"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt, entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt, entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"}}}},"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"podcast","loca":"label_podcast","byline":{"bylineSsi":"53:13 min","bylineText":""}}}}}
1
+ {"isSsi":true,"logicItem":{"includePath":"components/page/podcast/podcast_player_episode","includeModel":{"byline":"Byline","title":"Legal Kiffen: Cannabis-Gesetz sorgt für Kritik","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard","teaserSize":"100","realTeaserSize":"100","isMobile1to1":false,"hasDwellTime":true,"isSingleChannel":false,"backLinkUrl":"#","topictags":{"topic1":{"url":"#","title":"topictag1"},"topic2":{"url":"#","title":"topictag2"},"topic3":{"url":"#","title":"topictag mit extrem langem namen"},"topic4":{"url":"#","title":"topic tag schnack"},"topic5":{"url":"#","title":"topictag2Taggigtop"}},"geotag":{"GeoTag1":{"url":"#","title":"geotag1"},"GeoTag2":{"url":"#","title":"geotag mit extrem langem namen"},"GeoTag3":{"url":"#","title":"Far out"},"GeoTag4":{"url":"#","title":"Stuttgart"},"GeoTag5":{"url":"#","title":"FFM"}},"socialSharing":{"twitterLink":"#","whatsappLink":"#","facebookLink":"#","mailtoLink":"#"},"airdateDate":{"htmlDateTime":"2022-10-31T19:30+0200","htmlDate":"31.10.2022","date":"31.10.22","time":"19:30","dateSeparatorTime":"31.10.22, 19:30"},"teaseritem":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"duration":"14:35","hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"podcastChannel":{"title":"hr2 Doppelkopf","url":"#ChannelURL","podcastHoster":[{"podcastHosterUrl":"https://podcasts.apple.com/podcast/hr2-doppelkopf/id212822590","podcastHosterName":"ITunes"},{"podcastHosterUrl":"https://podcast.hr.de/hr2_doppelkopf/podcast.xml","podcastHosterName":"RSS"},{"podcastHosterUrl":"https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0LmhyLmRlL2hyMl9kb3BwZWxrb3BmL3BvZGNhc3QueG1s?hl=de","podcastHosterName":"Google Podcasts"},{"podcastHosterUrl":"https://www.ardaudiothek.de/episode/hr2-doppelkopf/ich-hoere-bei-jedem-geraeusch-gleich-die-tonhoehe-oder-komponist-und-theatermacher-heiner-goebbels-erneuert-das-musiktheater/hr2-kultur/12056783/","podcastHosterName":"ARD Audiothek"}]},"audioUrl":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/der_tag_in_hessen/der_tag_in_hessen_20230816_98732247.mp3","podcastDownloadUrl":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/der_tag_in_hessen/der_tag_in_hessen_20230816_98732247.mp3","teaserImage":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"mediaMetadata":{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","livestream":"no","type":"content","airdate":"06.10.2022 04:40","program":"hr-fernsehen","nol_c18":"p18,N","uurl":"/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c7":"p7,/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c8":"p8,131","nol_c9":"p9,Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","assetid":"hr4_polizeireport_95936793","nol_c2":"p2,N","nol_c5":"p5,hr4","length":"131","nol_c20":"p20,GFKLinkID"},"ati":{"pageName":"Ein aufgewecktes Kerlchen","secondLevelId":"2","documentName":"podcast-episode-108850","documentType":"hr-nt:podcastEpisode","documentDate":"2022-10-06T06:46:25+02:00","chapter":"podcast::polizeireport","mediaLabel":"Ein aufgewecktes Kerlchen","mediaTheme1":"hr4","mediaTheme2":"podcast::polizeireport","atiSiteId":"578129","atiTrackingHost":"https://logs1407"},"piano":{"av_content_id":"podcast-episode-108850","av_content":"Ein aufgewecktes Kerlchen","av_content_type":"Audio","av_content_duration":131000,"av_broadcasting_type":"OnDemand","av_content_level1":"hr4","av_content_level2":"podcast","av_content_level3":"polizeireport","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"2"}},"documentSection":"Kultur","displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":false,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":true,"isVideo":false,"isPodcastEpisode":true,"isExtOrBrandLink":false,"isAuthor":true,"copyright":"Copyright Text","audioAuthor":"Anna Magel","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":true,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":true,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","headlineTag":"h2","icon":"ortsmarke","imageVariant":"topteaser","hideShortText":false,"shorttext":"Cannabis soll legal werden - dafür hat die Bundesregierung jetzt einen Gesetzentwurf auf den Weg gebracht. Doch in Hessen sind nicht alle dafür. Und: Tierischer Nachwuchs im Frankfurter Zoo.","hideBylineAndShorttext":false,"sophoraId":"podcast-episode-122848","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"isPodcast":true,"toModel":{"audioElement":{"isPodcast":true,"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt, entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt, entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"}}}},"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"podcast","loca":"label_podcast","byline":{"bylineSsi":"53:13 min","bylineText":""}}}}}
package/src/stories/views/components/podcast/podcast_player.hbs CHANGED
@@ -2,7 +2,7 @@
2
2
  <div class="flex flex-col grow">
3
3
  {{!-- First Row --}}
4
4
  <div class="flex flex-row {{#if ../_ordered}} pl-8 {{/if}} ">
5
- <div class="flex flex-col grow">
5
+ <div class="flex flex-col min-h-[88px] md:min-h-[128px] grow ">
6
6
  <div class="flex max-h-6">
7
7
  {{!-- Label / Airdate --}}
8
8
  {{#with label}}
@@ -14,7 +14,7 @@
14
14
  {{/with}}
15
15
 
16
16
 
17
- <div class="flex pr-2 text-xs grow md:pr-5 font-headingSerif text-podcast-text dark:text-podcast-text-dark">
17
+ <div class="flex pr-2 text-xs grow {{#if this.hasTeaserItem}}md:pr-5 {{else}}md:pr-0 {{/if}} font-headingSerif text-podcast-text dark:text-podcast-text-dark">
18
18
  {{~#with airdateDate}}
19
19
  <time class="flex grow pt-1.5" datetime="{{this.htmlDateTime}}">{{this.date}}</time>
20
20
  {{/with}}
@@ -36,22 +36,23 @@
36
36
  </div>
37
37
 
38
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>
50
-
39
+ {{#if this.hasTeaserItem}}
40
+ <div class="flex flex-col ">
41
+ <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}}">
42
+ {{> components/base/image/responsive_image this.teaseritem
43
+ _type="podcastEpisodePlayer"
44
+ _variant="default"
45
+ _addClass="overflow-hidden"
46
+ _noDelay=this.dontLazyload
47
+ _addClassImg="w-full block"
48
+ }}
49
+ </div>
50
+ </div>
51
+ {{/if}}
51
52
  </div>
52
53
 
53
54
  {{!-- 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
+ <div class="flex {{#if _isArticlePlayer }}lg:-mt-14{{#if this.hasTeaserItem}} lg:pr-48 {{else}} lg:pr-0 {{/if}} {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["lg:pr-48 lg:-mt-14"," "]'}} {{/if}}"
55
56
  x-data="podcastPlayer()"
56
57
  x-init="listenToGlobalStop()"
57
58
  ax-load