hr-design-system-handlebars 1.27.1 → 1.27.2
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 +13 -0
- package/dist/assets/brand/_default/conf/locatags.json +2 -1
- package/dist/assets/index.css +70 -10
- package/dist/views/components/button/utilities/button_on_image_classes.hbs +6 -0
- package/dist/views/components/mediaplayer/media_player.hbs +2 -2
- package/dist/views/components/teaser/components/teaser_av_consumption.hbs +5 -5
- package/dist/views/components/teaser/components/teaser_lead.hbs +1 -1
- package/dist/views/components/teaser/components/teaser_title_classes.hbs +14 -0
- package/dist/views/components/teaser/ticker/teaser_ticker_alternativ.hbs +16 -0
- package/dist/views/components/teaser/ticker/teaser_ticker_body.hbs +26 -0
- package/dist/views/components/teaser/ticker/teaser_ticker_footer.hbs +12 -0
- package/dist/views/components/teaser/ticker/teaser_ticker_standard.hbs +16 -0
- package/dist/views/components/teaser/ticker/teaser_ticker_timeline.hbs +3 -3
- package/package.json +1 -1
- package/src/assets/brand/_default/conf/locatags.json +2 -1
- package/src/assets/brand/hessenschau/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-bigband/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-inforadio/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-werbung/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr1/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr2/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr3/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr4/conf/locatags.merged.json +1 -0
- package/src/assets/brand/you-fm/conf/locatags.merged.json +1 -0
- package/src/assets/fixtures/teaser/teaser_images.inc.json +19 -0
- package/src/assets/fixtures/teaser/teaser_ticker.inc.json +113 -1
- package/src/assets/fixtures/teaser/ticker_teaser_alternativ_100.json +54 -0
- package/src/assets/fixtures/teaser/ticker_teaser_alternativ_hero.json +42 -0
- package/src/assets/fixtures/teaser/ticker_teaser_alternativ_hero_audio.json +42 -0
- package/src/assets/fixtures/teaser/ticker_teaser_standard_100.json +8 -0
- package/src/assets/fixtures/teaser/ticker_teaser_standard_25.json +50 -0
- package/src/assets/fixtures/teaser/ticker_teaser_standard_33.json +37 -0
- package/src/assets/fixtures/teaser/ticker_teaser_standard_50.json +37 -0
- package/src/assets/fixtures/teaser/ticker_teaser_standard_hero.json +25 -0
- package/src/assets/fixtures/teaser/ticker_teaser_standard_hero_audio.json +25 -0
- package/src/assets/tailwind.css +15 -0
- package/src/stories/views/components/button/utilities/button_on_image_classes.hbs +6 -0
- package/src/stories/views/components/mediaplayer/media_player.hbs +2 -2
- package/src/stories/views/components/teaser/components/teaser_av_consumption.hbs +5 -5
- package/src/stories/views/components/teaser/components/teaser_lead.hbs +1 -1
- package/src/stories/views/components/teaser/components/teaser_title_classes.hbs +14 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_alternativ_100.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_alternativ_hero copy.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_alternativ_hero.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_alternativ_hero_audio.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_100 copy.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_100.json +1 -1
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_25.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_30.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_33.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_50 copy 2.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_50 copy.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_50.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_hero copy.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_hero.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_hero_audio copy.json +1 -0
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_hero_audio.json +1 -0
- package/src/stories/views/components/teaser/ticker/teaser_ticker_alternativ.hbs +16 -0
- package/src/stories/views/components/teaser/ticker/teaser_ticker_alternativ.mdx +20 -0
- package/src/stories/views/components/teaser/ticker/teaser_ticker_alternativ.stories.js +49 -0
- package/src/stories/views/components/teaser/ticker/teaser_ticker_body.hbs +26 -0
- package/src/stories/views/components/teaser/ticker/teaser_ticker_footer.hbs +12 -0
- package/src/stories/views/components/teaser/ticker/teaser_ticker_standard.hbs +16 -0
- package/src/stories/views/components/teaser/ticker/teaser_ticker_standard.mdx +21 -0
- package/src/stories/views/components/teaser/ticker/teaser_ticker_standard.stories.js +69 -0
- package/src/stories/views/components/teaser/ticker/teaser_ticker_timeline.hbs +3 -3
- package/tailwind.config.js +5 -0
- package/dist/views/components/teaser/components/teaser_ticker_body.hbs +0 -39
- package/dist/views/components/teaser/ticker/teaser_ticker.hbs +0 -29
- package/src/stories/views/components/teaser/components/teaser_ticker_body.hbs +0 -39
- package/src/stories/views/components/teaser/ticker/teaser_ticker.hbs +0 -29
- package/src/stories/views/components/teaser/ticker/teaser_ticker.mdx +0 -10
- package/src/stories/views/components/teaser/ticker/teaser_ticker.stories.js +0 -34
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/ticker/teaser_ticker","includeModel":{"byline":"Byline","title":"Eintracht: +++ Eintracht-Halbfinale terminiert +++ Frankfurter Gala in Barcelona jährt sich +++ Berichte: Aouar in Gesprächen mit AS Rom +++","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"hero","realTeaserSize":"hero","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":false,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/sportschau-image-5708_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","srcset":"images/sportschau-image-5708_v-16to9__small.jpg 320w, images/sportschau-image-5708_v-16to9__medium.jpg 480w, images/sportschau-image-5708_v-16to9__medium__extended.jpg 640w, images/sportschau-image-5708_v-16to9.jpg 960w, images/sportschau-image-5708_v-16to9__retina.jpg 1920w"},{"media":"all and (min-width: 48em)","srcset":"images/sportschau-image-5708_v-1to1__small.jpg 380w, images/sportschau-image-5708_v-1to1__medium.jpg 480w, images/sportschau-image-5708_v-1to1.jpg 720w, images/sportschau-image-5708_v-1to1__large.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":false,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Karsten Hufer","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/ticker/teaser_ticker","includeModel":{"byline":"Byline","tickerTopic":"Eintracht","title":"Eintracht: +++ Eintracht-Halbfinale terminiert +++ Frankfurter Gala in Barcelona jährt sich +++ Berichte: Aouar in Gesprächen mit AS Rom +++","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-alternative","teaserSize":"hero","realTeaserSize":"hero","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":false,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/sportschau-image-5708_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","srcset":"images/sportschau-image-5708_v-16to9__small.jpg 320w, images/sportschau-image-5708_v-16to9__medium.jpg 480w, images/sportschau-image-5708_v-16to9__medium__extended.jpg 640w, images/sportschau-image-5708_v-16to9.jpg 960w, images/sportschau-image-5708_v-16to9__retina.jpg 1920w"},{"media":"all and (min-width: 48em)","srcset":"images/sportschau-image-5708_v-1to1__small.jpg 380w, images/sportschau-image-5708_v-1to1__medium.jpg 480w, images/sportschau-image-5708_v-1to1.jpg 720w, images/sportschau-image-5708_v-1to1__large.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":false,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Gundula Gause (Expertin), Anne Chebu, Anja Engelke und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"tickerItemResults":[{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 10:15","time":"10:15"},"tickerItemUrl":"Topnews1","relevantTitle":"Kritik an Privatisierung von Wasser"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:55","time":"9:55"},"tickerItemUrl":"Topnews2","relevantTitle":"Suche nach neuem Vorsitz für Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:25","time":"9:25"},"tickerItemUrl":"Topnews3","relevantTitle":"Pedelec-Fahrer auf B276 lebensgefährlich verletzt"}],"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Der Hasebe-Kane-Nahkampf geht in die zweite Runde","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-alternative","teaserSize":"hero","realTeaserSize":"hero","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-10-11T19:46+0200","htmlDate":"11.10.2022","date":"11.10.22","dateSeparatorTime":"11.10.22, 19:46"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/sportschau-image-5708_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","srcset":"images/sportschau-image-5708_v-16to9__small.jpg 320w, images/sportschau-image-5708_v-16to9__medium.jpg 480w, images/sportschau-image-5708_v-16to9__medium__extended.jpg 640w, images/sportschau-image-5708_v-16to9.jpg 960w, images/sportschau-image-5708_v-16to9__retina.jpg 1920w"},{"media":"all and (min-width: 48em)","srcset":"images/sportschau-image-5708_v-1to1__small.jpg 380w, images/sportschau-image-5708_v-1to1__medium.jpg 480w, images/sportschau-image-5708_v-1to1.jpg 720w, images/sportschau-image-5708_v-1to1__large.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":false,"isHeroTeaser":true,"isMediaTeaser":true,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":true,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":true,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Sport","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"hasebe-kane-100","profiles":"Von Gundula Gause (Expertin), Anne Chebu, Anja Engelke und Alice Merton","teaserLead":{"avDocument":{"isAudio":true,"toModel":{"audioElement":{"isPodcast":false,"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":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"100","realTeaserSize":"100"},"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":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"100","realTeaserSize":"100"}}}},"image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"tickerItemResults":[{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 10:15","time":"10:15"},"tickerItemUrl":"Topnews1","relevantTitle":"Kritik an Privatisierung von Wasser"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:55","time":"9:55"},"tickerItemUrl":"Topnews2","relevantTitle":"Suche nach neuem Vorsitz für Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:25","time":"9:25"},"tickerItemUrl":"Topnews3","relevantTitle":"Pedelec-Fahrer auf B276 lebensgefährlich verletzt"}],"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/ticker/teaser_ticker","includeModel":{"byline":"Byline","title":"Eintracht: +++ Eintracht-Halbfinale terminiert +++ Frankfurter Gala in Barcelona jährt sich +++ Berichte: Aouar in Gesprächen mit AS Rom +++","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-standard","teaserSize":"100","realTeaserSize":"100","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":false,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/sportschau-image-5708_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/sportschau-image-5708_v-16to9__small.jpg 320w, images/sportschau-image-5708_v-16to9__medium.jpg 480w, images/sportschau-image-5708_v-16to9__medium__extended.jpg 640w, images/sportschau-image-5708_v-16to9.jpg 960w, images/sportschau-image-5708_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Karsten Hufer","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"isSsi":true,"logicItem":{"includePath":"components/teaser/ticker/teaser_ticker","includeModel":{"byline":"Byline","title":"Eintracht: +++ Eintracht-Halbfinale terminiert +++ Frankfurter Gala in Barcelona jährt sich +++ Berichte: Aouar in Gesprächen mit AS Rom +++","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard","teaserSize":"100","realTeaserSize":"100","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":false,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/sportschau-image-5708_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/sportschau-image-5708_v-16to9__small.jpg 320w, images/sportschau-image-5708_v-16to9__medium.jpg 480w, images/sportschau-image-5708_v-16to9__medium__extended.jpg 640w, images/sportschau-image-5708_v-16to9.jpg 960w, images/sportschau-image-5708_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/ticker/teaser_ticker","includeModel":{"byline":"Byline","tickerTopic":"Eintracht","title":"Eintracht: +++ Eintracht-Halbfinale terminiert +++ Frankfurter Gala in Barcelona jährt sich +++ Berichte: Aouar in Gesprächen mit AS Rom +++","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-standard","teaserSize":"100","realTeaserSize":"100","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":false,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/sportschau-image-5708_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/sportschau-image-5708_v-16to9__small.jpg 320w, images/sportschau-image-5708_v-16to9__medium.jpg 480w, images/sportschau-image-5708_v-16to9__medium__extended.jpg 640w, images/sportschau-image-5708_v-16to9.jpg 960w, images/sportschau-image-5708_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Gundula Gause (Expertin), Anne Chebu, Anja Engelke und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"tickerItemResults":[{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 10:15","time":"10:15"},"tickerItemUrl":"Topnews1","relevantTitle":"Kritik an Privatisierung von Wasser"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:55","time":"9:55"},"tickerItemUrl":"Topnews2","relevantTitle":"Suche nach neuem Vorsitz für Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:25","time":"9:25"},"tickerItemUrl":"Topnews3","relevantTitle":"Pedelec-Fahrer auf B276 lebensgefährlich verletzt"}],"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/ticker/teaser_ticker","includeModel":{"byline":"Byline","tickerTopic":"Eintracht","title":"Eintracht: +++ Eintracht-Halbfinale terminiert +++ Frankfurter Gala in Barcelona jährt sich +++ Berichte: Aouar in Gesprächen mit AS Rom +++","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-standard","teaserSize":"25","realTeaserSize":"25","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":false,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/sportschau-image-5708_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","srcset":"images/sportschau-image-5708_v-16to9__small.jpg 320w, images/sportschau-image-5708_v-16to9__medium.jpg 480w, images/sportschau-image-5708_v-16to9__medium__extended.jpg 640w, images/sportschau-image-5708_v-16to9.jpg 960w, images/sportschau-image-5708_v-16to9__retina.jpg 1920w"},{"media":"all and (min-width: 48em)","srcset":"images/sportschau-image-5708_v-1to1__small.jpg 380w, images/sportschau-image-5708_v-1to1__medium.jpg 480w, images/sportschau-image-5708_v-1to1.jpg 720w, images/sportschau-image-5708_v-1to1__large.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Gundula Gause (Expertin), Anne Chebu, Anja Engelke und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"tickerItemResults":[{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 10:15","time":"10:15"},"tickerItemUrl":"Topnews1","relevantTitle":"Kritik an Privatisierung von Wasser"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:55","time":"9:55"},"tickerItemUrl":"Topnews2","relevantTitle":"Suche nach neuem Vorsitz für Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:25","time":"9:25"},"tickerItemUrl":"Topnews3","relevantTitle":"Pedelec-Fahrer auf B276 lebensgefährlich verletzt"}],"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/ticker/teaser_ticker","includeModel":{"byline":"Byline","title":"Eintracht: +++ Eintracht-Halbfinale terminiert +++ Frankfurter Gala in Barcelona jährt sich +++ Berichte: Aouar in Gesprächen mit AS Rom +++","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-standard","teaserSize":"33","realTeaserSize":"33","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":false,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/sportschau-image-5708_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/sportschau-image-5708_v-16to9__small.jpg 320w, images/sportschau-image-5708_v-16to9__medium.jpg 480w, images/sportschau-image-5708_v-16to9__medium__extended.jpg 640w, images/sportschau-image-5708_v-16to9.jpg 960w, images/sportschau-image-5708_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Karsten Hufer","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/ticker/teaser_ticker","includeModel":{"byline":"Byline","tickerTopic":"Eintracht","title":"Eintracht: +++ Eintracht-Halbfinale terminiert +++ Frankfurter Gala in Barcelona jährt sich +++ Berichte: Aouar in Gesprächen mit AS Rom +++","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-standard","teaserSize":"33","realTeaserSize":"33","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":false,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/sportschau-image-5708_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/sportschau-image-5708_v-16to9__small.jpg 320w, images/sportschau-image-5708_v-16to9__medium.jpg 480w, images/sportschau-image-5708_v-16to9__medium__extended.jpg 640w, images/sportschau-image-5708_v-16to9.jpg 960w, images/sportschau-image-5708_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Gundula Gause (Expertin), Anne Chebu, Anja Engelke und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"tickerItemResults":[{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 10:15","time":"10:15"},"tickerItemUrl":"Topnews1","relevantTitle":"Kritik an Privatisierung von Wasser"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:55","time":"9:55"},"tickerItemUrl":"Topnews2","relevantTitle":"Suche nach neuem Vorsitz für Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:25","time":"9:25"},"tickerItemUrl":"Topnews3","relevantTitle":"Pedelec-Fahrer auf B276 lebensgefährlich verletzt"}],"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/ticker/teaser_ticker","includeModel":{"byline":"Byline","title":"Eintracht: +++ Eintracht-Halbfinale terminiert +++ Frankfurter Gala in Barcelona jährt sich +++ Berichte: Aouar in Gesprächen mit AS Rom +++","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-standard","teaserSize":"50","realTeaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":false,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/sportschau-image-5708_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/sportschau-image-5708_v-16to9__small.jpg 320w, images/sportschau-image-5708_v-16to9__medium.jpg 480w, images/sportschau-image-5708_v-16to9__medium__extended.jpg 640w, images/sportschau-image-5708_v-16to9.jpg 960w, images/sportschau-image-5708_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Karsten Hufer","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/ticker/teaser_ticker","includeModel":{"byline":"Byline","title":"Eintracht: +++ Eintracht-Halbfinale terminiert +++ Frankfurter Gala in Barcelona jährt sich +++ Berichte: Aouar in Gesprächen mit AS Rom +++","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-standard","teaserSize":"50","realTeaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":false,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/sportschau-image-5708_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/sportschau-image-5708_v-16to9__small.jpg 320w, images/sportschau-image-5708_v-16to9__medium.jpg 480w, images/sportschau-image-5708_v-16to9__medium__extended.jpg 640w, images/sportschau-image-5708_v-16to9.jpg 960w, images/sportschau-image-5708_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Karsten Hufer","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/ticker/teaser_ticker","includeModel":{"byline":"Byline","tickerTopic":"Eintracht","title":"Eintracht: +++ Eintracht-Halbfinale terminiert +++ Frankfurter Gala in Barcelona jährt sich +++ Berichte: Aouar in Gesprächen mit AS Rom +++","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-standard","teaserSize":"50","realTeaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":false,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/sportschau-image-5708_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/sportschau-image-5708_v-16to9__small.jpg 320w, images/sportschau-image-5708_v-16to9__medium.jpg 480w, images/sportschau-image-5708_v-16to9__medium__extended.jpg 640w, images/sportschau-image-5708_v-16to9.jpg 960w, images/sportschau-image-5708_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Gundula Gause (Expertin), Anne Chebu, Anja Engelke und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"tickerItemResults":[{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 10:15","time":"10:15"},"tickerItemUrl":"Topnews1","relevantTitle":"Kritik an Privatisierung von Wasser"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:55","time":"9:55"},"tickerItemUrl":"Topnews2","relevantTitle":"Suche nach neuem Vorsitz für Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:25","time":"9:25"},"tickerItemUrl":"Topnews3","relevantTitle":"Pedelec-Fahrer auf B276 lebensgefährlich verletzt"}],"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Der Hasebe-Kane-Nahkampf geht in die zweite Runde","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-standard","teaserSize":"hero","realTeaserSize":"hero","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-10-11T19:46+0200","htmlDate":"11.10.2022","date":"11.10.22","dateSeparatorTime":"11.10.22, 19:46"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/hasebe-kane-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/hasebe-kane-102_v-16to9__small.jpg 320w, images/hasebe-kane-102_v-16to9__medium.jpg 480w, images/hasebe-kane-102_v-16to9__medium__extended.jpg 640w, images/hasebe-kane-102_v-16to9.jpg 960w, images/hasebe-kane-102_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":true,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":true,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":true,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Sport","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"hasebe-kane-100","profiles":"Von Nicolas Herold aus London","teaserLead":{"avDocument":{"isAudio":true,"toModel":{"audioElement":{"isPodcast":false,"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":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"100","realTeaserSize":"100"},"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":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"100","realTeaserSize":"100"}}}},"image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"tickerItemResults":[{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 10:15","time":"10:15"},"tickerItemUrl":"Topnews1","relevantTitle":"Kritik an Privatisierung von Wasser"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:55","time":"9:55"},"tickerItemUrl":"Topnews2","relevantTitle":"Suche nach neuem Vorsitz für Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:25","time":"9:25"},"tickerItemUrl":"Topnews3","relevantTitle":"Pedelec-Fahrer auf B276 lebensgefährlich verletzt"}],"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/ticker/teaser_ticker","includeModel":{"byline":"Byline","tickerTopic":"Eintracht","title":"Eintracht: +++ Eintracht-Halbfinale terminiert +++ Frankfurter Gala in Barcelona jährt sich +++ Berichte: Aouar in Gesprächen mit AS Rom +++","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-standard","teaserSize":"hero","realTeaserSize":"hero","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":false,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/sportschau-image-5708_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/sportschau-image-5708_v-16to9__small.jpg 320w, images/sportschau-image-5708_v-16to9__medium.jpg 480w, images/sportschau-image-5708_v-16to9__medium__extended.jpg 640w, images/sportschau-image-5708_v-16to9.jpg 960w, images/sportschau-image-5708_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Gundula Gause (Expertin), Anne Chebu, Anja Engelke und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"tickerItemResults":[{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 10:15","time":"10:15"},"tickerItemUrl":"Topnews1","relevantTitle":"Kritik an Privatisierung von Wasser"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:55","time":"9:55"},"tickerItemUrl":"Topnews2","relevantTitle":"Suche nach neuem Vorsitz für Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:25","time":"9:25"},"tickerItemUrl":"Topnews3","relevantTitle":"Pedelec-Fahrer auf B276 lebensgefährlich verletzt"}],"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_hero_audio copy.json
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Der Hasebe-Kane-Nahkampf geht in die zweite Runde","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-standard","teaserSize":"hero","realTeaserSize":"hero","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-10-11T19:46+0200","htmlDate":"11.10.2022","date":"11.10.22","dateSeparatorTime":"11.10.22, 19:46"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/hasebe-kane-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/hasebe-kane-102_v-16to9__small.jpg 320w, images/hasebe-kane-102_v-16to9__medium.jpg 480w, images/hasebe-kane-102_v-16to9__medium__extended.jpg 640w, images/hasebe-kane-102_v-16to9.jpg 960w, images/hasebe-kane-102_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":true,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":true,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":true,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Sport","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"hasebe-kane-100","profiles":"Von Nicolas Herold aus London","teaserLead":{"avDocument":{"isAudio":true,"toModel":{"audioElement":{"isPodcast":false,"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":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"100","realTeaserSize":"100"},"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":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"100","realTeaserSize":"100"}}}},"image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"tickerItemResults":[{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 10:15","time":"10:15"},"tickerItemUrl":"Topnews1","relevantTitle":"Kritik an Privatisierung von Wasser"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:55","time":"9:55"},"tickerItemUrl":"Topnews2","relevantTitle":"Suche nach neuem Vorsitz für Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:25","time":"9:25"},"tickerItemUrl":"Topnews3","relevantTitle":"Pedelec-Fahrer auf B276 lebensgefährlich verletzt"}],"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Der Hasebe-Kane-Nahkampf geht in die zweite Runde","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"ticker-standard","teaserSize":"hero","realTeaserSize":"hero","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-10-11T19:46+0200","htmlDate":"11.10.2022","date":"11.10.22","dateSeparatorTime":"11.10.22, 19:46"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/hasebe-kane-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/hasebe-kane-102_v-16to9__small.jpg 320w, images/hasebe-kane-102_v-16to9__medium.jpg 480w, images/hasebe-kane-102_v-16to9__medium__extended.jpg 640w, images/hasebe-kane-102_v-16to9.jpg 960w, images/hasebe-kane-102_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":true,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":true,"isAudio":true,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":true,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Sport","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"hasebe-kane-100","profiles":"Von Gundula Gause (Expertin), Anne Chebu, Anja Engelke und Alice Merton","teaserLead":{"avDocument":{"isAudio":true,"toModel":{"audioElement":{"isPodcast":false,"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":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"100","realTeaserSize":"100"},"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":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"100","realTeaserSize":"100"}}}},"image":""},"geotag":[{"title":"Frankfurt"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"tickerItemResults":[{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 10:15","time":"10:15"},"tickerItemUrl":"Topnews1","relevantTitle":"Kritik an Privatisierung von Wasser"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:55","time":"9:55"},"tickerItemUrl":"Topnews2","relevantTitle":"Suche nach neuem Vorsitz für Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss Hanau-Ausschuss"},{"isTopnews":true,"tickerItemDateTime":{"broadcastDate":"12. Juni, 9:25","time":"9:25"},"tickerItemUrl":"Topnews3","relevantTitle":"Pedelec-Fahrer auf B276 lebensgefährlich verletzt"}],"label":{"type":"ticker","loca":"label_ticker","byline":{"bylineSsi":"BylineText aus ssi","bylineText":"BylineText"}}}}}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<article class="bg-highlight-3 md:rounded-tl-hr md:rounded-br-hr items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 md:p-5
|
|
2
|
+
{{if this.isHeroTeaser 'mx-0 md:rounded-tl-hr md:rounded-br-hr' 'mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr'}}
|
|
3
|
+
{{~inline-switch this.realTeaserSize '["hero","100","50"]' '[" flex-col"," flex-col"," md:col-span-6 px-5"]'~}}"
|
|
4
|
+
x-data="{ avStart: false }"
|
|
5
|
+
>
|
|
6
|
+
{{#if this.teaserImage}}
|
|
7
|
+
{{#>components/base/link _link=this.link _css=(inline-switch this.realTeaserSize '["hero","100"]' '[" basis-full w-full md:basis-1/2-gap-6 ar-16-9"," basis-full w-full md:basis-1/3-gap-6 ar-16-9"]') }}
|
|
8
|
+
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative">
|
|
9
|
+
{{> components/teaser/components/teaser_lead _addClassImg=(if this.isHeroTeaser 'md:rounded-tl-hr' 'rounded-tl-hr') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio=(inline-switch this.realTeaserSize '["hero"]' '["ar-16-9","ar-1-1 md:ar-16-9"]') }}
|
|
10
|
+
</figure>
|
|
11
|
+
{{/components/base/link}}
|
|
12
|
+
{{> components/teaser/ticker/teaser_ticker_body _teaserType=this.teaserType _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100"]' '[" gap-y-5 md:basis-1/2-gap-6"," gap-y-5 md:basis-2/3-gap-6"]') }}
|
|
13
|
+
{{else}}
|
|
14
|
+
{{> components/teaser/ticker/teaser_ticker_body _outerCssClasses="basis-full h-full gap-y-5 pt-5 md:pt-0" }}
|
|
15
|
+
{{/if}}
|
|
16
|
+
</article>
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ArgsTable, Meta, Story, Canvas } from '@storybook/blocks'
|
|
2
|
+
import * as TeaserTickerAlternativStories from './teaser_ticker_alternativ.stories'
|
|
3
|
+
|
|
4
|
+
<Meta of={TeaserTickerAlternativStories} />
|
|
5
|
+
|
|
6
|
+
export const Template = (args, { globals: { customConditionalToolbar } }) => {
|
|
7
|
+
// You can either use a function to create DOM elements or use a plain html string!
|
|
8
|
+
// return `<div>${label}</div>`;
|
|
9
|
+
let brand =
|
|
10
|
+
undefined !== customConditionalToolbar ? customConditionalToolbar['brands'] : 'hessenschau'
|
|
11
|
+
return ticker({ brand, ...args })
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
<Canvas withToolbar>
|
|
15
|
+
<Story of={TeaserTickerAlternativStories.TickerTeaserAlternativHero} />
|
|
16
|
+
<Story of={TeaserTickerAlternativStories.TickerTeaserAlternativAudio} />
|
|
17
|
+
<Story of={TeaserTickerAlternativStories.TickerTeaserAlternativ100} />
|
|
18
|
+
|
|
19
|
+
</Canvas>
|
|
20
|
+
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import ticker from './teaser_ticker_alternativ.hbs'
|
|
2
|
+
import tickerTeaserHeroAlternativ from '../fixtures/ticker_teaser_alternativ_hero.json'
|
|
3
|
+
import tickerTeaserHeroAlternativAudio from '../fixtures/ticker_teaser_alternativ_hero_audio.json'
|
|
4
|
+
import tickerTeaser100Alternativ from '../fixtures/ticker_teaser_alternativ_100.json'
|
|
5
|
+
|
|
6
|
+
const Template = (args, { globals: { customConditionalToolbar } }) => {
|
|
7
|
+
// You can either use a function to create DOM elements or use a plain html string!
|
|
8
|
+
// return `<div>${label}</div>`;
|
|
9
|
+
let brand =
|
|
10
|
+
undefined !== customConditionalToolbar ? customConditionalToolbar['brands'] : 'hessenschau'
|
|
11
|
+
return ticker({ brand, ...args })
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export default {
|
|
15
|
+
title: 'Komponenten/Teaser/Ticker/Alternativ',
|
|
16
|
+
|
|
17
|
+
parameters: {
|
|
18
|
+
layout: '',
|
|
19
|
+
},
|
|
20
|
+
|
|
21
|
+
argTypes: {},
|
|
22
|
+
|
|
23
|
+
decorators: [
|
|
24
|
+
(Story) => {
|
|
25
|
+
return `<div class="grid grid-page"><div class="grid grid-cols-12 py-6 col-full gap-x-6 gap-y-6 sm:px-9.5 sm:col-main">
|
|
26
|
+
${Story()}
|
|
27
|
+
</div></div>`
|
|
28
|
+
},
|
|
29
|
+
],
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export const TickerTeaserAlternativHero = {
|
|
33
|
+
render: Template.bind({}),
|
|
34
|
+
name: 'Alternativ Hero',
|
|
35
|
+
args: tickerTeaserHeroAlternativ.logicItem.includeModel,
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export const TickerTeaserAlternativAudio = {
|
|
39
|
+
render: Template.bind({}),
|
|
40
|
+
name: 'Alternativ Hero Media',
|
|
41
|
+
args: tickerTeaserHeroAlternativAudio.logicItem.includeModel,
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export const TickerTeaserAlternativ100 = {
|
|
45
|
+
render: Template.bind({}),
|
|
46
|
+
name: 'Alternativ 100',
|
|
47
|
+
args: tickerTeaser100Alternativ.logicItem.includeModel,
|
|
48
|
+
}
|
|
49
|
+
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<div class="h-full flex-col flex w-full{{#if _outerCssClasses}} {{_outerCssClasses}}{{/if}}">
|
|
2
|
+
|
|
3
|
+
{{#> components/teaser/components/teaser_header _css=(if this.isStandardTeaser "px-5" "px-5 md:px-0")}}
|
|
4
|
+
{{#>components/base/link _link=this.link _css="cy-teaser-link hover:text-toplineColor" }}
|
|
5
|
+
{{#with this.label}}
|
|
6
|
+
{{#> components/label/label_group}}
|
|
7
|
+
{{> components/label/label _type=this.type _text=(loca this.loca) }}
|
|
8
|
+
{{> components/label/label_byline _css="ml-2 text-tickerTeaserlabelByline" _text=../this.tickerTopic }}
|
|
9
|
+
{{/components/label/label_group}}
|
|
10
|
+
{{/with~}}
|
|
11
|
+
{{#> components/teaser/components/teaser_headline _headlineTag=this.headlineTag _css="overflow-anywhere hyphens-auto"}}
|
|
12
|
+
{{> components/teaser/components/teaser_title _css="text-tickerTeaserHeadline" _text=this.title _size=this.realTeaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
|
|
13
|
+
{{#if this.extendedTitle}}
|
|
14
|
+
{{> components/teaser/components/teaser_subline _text=this.extendedTitle}}
|
|
15
|
+
{{/if}}
|
|
16
|
+
{{/components/teaser/components/teaser_headline}}
|
|
17
|
+
{{/components/base/link}}
|
|
18
|
+
{{/components/teaser/components/teaser_header}}
|
|
19
|
+
|
|
20
|
+
{{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:hidden"]') _color="white" _css=(if this.isStandardTeaser "px-10" "px-5 md:px-0 md:pb-5")}}
|
|
21
|
+
{{> components/teaser/ticker/teaser_ticker_footer _teaserSize=_teaserSize}}
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
</div>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<div class="flex flex-wrap text-base justify-between items-end {{~inline-switch _teaserSize '["25"]' '[" mb-3"," mb-5"]'}} {{if this.isStandardTeaser ' px-5' ' px-5 md:px-0 mt-0 md:mt-auto md:mb-0'}}">
|
|
2
|
+
{{#if this.hasByline}}
|
|
3
|
+
<p class="self-center basis-3/5 text-xs text-tickerTeaserFooter font-headingSerif empty:hidden overflow-anywhere hyphens-auto {{inline-switch this.teaserSize '["25"]' '[" hidden"]'~}}">
|
|
4
|
+
{{~#if this.profiles~}}
|
|
5
|
+
<span>{{this.profiles}}</span>
|
|
6
|
+
{{~/if~}}
|
|
7
|
+
</p>
|
|
8
|
+
{{/if}}
|
|
9
|
+
{{#>components/base/link _link=this.link _css="ml-auto text-tickerTeaserFooter underline ds-link decoration-1" }}
|
|
10
|
+
{{loca "ticker_more"}}
|
|
11
|
+
{{/components/base/link}}
|
|
12
|
+
</div>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<article class="bg-highlight-3 items-start relative col-span-12 flex flex-col gap-y-3 gap-x-4
|
|
2
|
+
{{if this.isHeroTeaser 'mx-0 md:rounded-tl-hr md:rounded-br-hr' 'mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr'}}
|
|
3
|
+
{{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}"
|
|
4
|
+
x-data="{ avStart: false }"
|
|
5
|
+
>
|
|
6
|
+
{{#if this.teaserImage}}
|
|
7
|
+
{{#>components/base/link _link=this.link }}
|
|
8
|
+
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative ar-16-9 w-full {{inline-switch this.teaserSize '["25"]' '[" hidden"]'~}}">
|
|
9
|
+
{{> components/teaser/components/teaser_lead _addClassImg=(if this.isHeroTeaser 'md:rounded-tl-hr' 'rounded-tl-hr') _teaserSize=this.teaserSize _teaserType=this.teaserType }}
|
|
10
|
+
</figure>
|
|
11
|
+
{{/components/base/link}}
|
|
12
|
+
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.teaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" gap-y-3", "gap-y-5"]')}}
|
|
13
|
+
{{else}}
|
|
14
|
+
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.teaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" gap-y-3", " pt-5 gap-y-5"]')}}
|
|
15
|
+
{{/if}}
|
|
16
|
+
</article>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ArgsTable, Meta, Story, Canvas } from '@storybook/blocks'
|
|
2
|
+
import * as TeaserTickerStandardStories from './teaser_ticker_standard.stories'
|
|
3
|
+
|
|
4
|
+
<Meta of={TeaserTickerStandardStories} />
|
|
5
|
+
|
|
6
|
+
export const Template = (args, { globals: { customConditionalToolbar } }) => {
|
|
7
|
+
// You can either use a function to create DOM elements or use a plain html string!
|
|
8
|
+
// return `<div>${label}</div>`;
|
|
9
|
+
let brand =
|
|
10
|
+
undefined !== customConditionalToolbar ? customConditionalToolbar['brands'] : 'hessenschau'
|
|
11
|
+
return ticker({ brand, ...args })
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
<Canvas withToolbar>
|
|
15
|
+
<Story of={TeaserTickerStandardStories.TickerTeaserHero} />
|
|
16
|
+
<Story of={TeaserTickerStandardStories.TickerTeaserHeroAudio} />
|
|
17
|
+
<Story of={TeaserTickerStandardStories.TickerTeaser100} />
|
|
18
|
+
<Story of={TeaserTickerStandardStories.TickerTeaser50} />
|
|
19
|
+
<Story of={TeaserTickerStandardStories.TickerTeaser33} />
|
|
20
|
+
<Story of={TeaserTickerStandardStories.TickerTeaser25} />
|
|
21
|
+
</Canvas>
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import ticker from './teaser_ticker_standard.hbs'
|
|
2
|
+
import tickerTeaserHeroStandard from '../fixtures/ticker_teaser_standard_hero.json'
|
|
3
|
+
import tickerTeaserHeroStandardAudio from '../fixtures/ticker_teaser_standard_hero_audio.json'
|
|
4
|
+
import tickerTeaser100Standard from '../fixtures/ticker_teaser_standard_100.json'
|
|
5
|
+
import tickerTeaser50Standard from '../fixtures/ticker_teaser_standard_50.json'
|
|
6
|
+
import tickerTeaser33Standard from '../fixtures/ticker_teaser_standard_33.json'
|
|
7
|
+
import tickerTeaser25Standard from '../fixtures/ticker_teaser_standard_25.json'
|
|
8
|
+
|
|
9
|
+
const Template = (args, { globals: { customConditionalToolbar } }) => {
|
|
10
|
+
// You can either use a function to create DOM elements or use a plain html string!
|
|
11
|
+
// return `<div>${label}</div>`;
|
|
12
|
+
let brand =
|
|
13
|
+
undefined !== customConditionalToolbar ? customConditionalToolbar['brands'] : 'hessenschau'
|
|
14
|
+
return ticker({ brand, ...args })
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export default {
|
|
18
|
+
title: 'Komponenten/Teaser/Ticker/Standard',
|
|
19
|
+
|
|
20
|
+
parameters: {
|
|
21
|
+
layout: '',
|
|
22
|
+
},
|
|
23
|
+
|
|
24
|
+
argTypes: {},
|
|
25
|
+
|
|
26
|
+
decorators: [
|
|
27
|
+
(Story) => {
|
|
28
|
+
return `<div class="grid grid-page"><div class="grid grid-cols-12 py-6 col-full gap-x-6 gap-y-6 sm:px-9.5 sm:col-main">
|
|
29
|
+
${Story()}
|
|
30
|
+
</div></div>`
|
|
31
|
+
},
|
|
32
|
+
],
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
export const TickerTeaserHero = {
|
|
36
|
+
render: Template.bind({}),
|
|
37
|
+
name: 'Standard Hero',
|
|
38
|
+
args: tickerTeaserHeroStandard.logicItem.includeModel,
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export const TickerTeaserHeroAudio = {
|
|
42
|
+
render: Template.bind({}),
|
|
43
|
+
name: 'Standard Hero Media',
|
|
44
|
+
args: tickerTeaserHeroStandardAudio.logicItem.includeModel,
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
export const TickerTeaser100 = {
|
|
48
|
+
render: Template.bind({}),
|
|
49
|
+
name: 'Standard 100',
|
|
50
|
+
args: tickerTeaser100Standard.logicItem.includeModel,
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
export const TickerTeaser50 = {
|
|
54
|
+
render: Template.bind({}),
|
|
55
|
+
name: 'Standard 50',
|
|
56
|
+
args: tickerTeaser50Standard.logicItem.includeModel,
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
export const TickerTeaser33 = {
|
|
60
|
+
render: Template.bind({}),
|
|
61
|
+
name: 'Standard 33',
|
|
62
|
+
args: tickerTeaser33Standard.logicItem.includeModel,
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
export const TickerTeaser25 = {
|
|
66
|
+
render: Template.bind({}),
|
|
67
|
+
name: 'Standard 25',
|
|
68
|
+
args: tickerTeaser25Standard.logicItem.includeModel,
|
|
69
|
+
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{{~#with this.tickerItemResults ~}}
|
|
2
|
-
<ul class="
|
|
2
|
+
<ul class="{{#if ../_css}} {{../_css}}{{/if}} {{if ../this.isStandardTeaser ' pl-10 pr-5' ' pl-10 md:pl-5 pr-5 md:pr-0'}}">
|
|
3
3
|
{{~#each this~}}
|
|
4
4
|
{{#if this.isTopnews}}
|
|
5
|
-
<li class="relative h-auto pb-5">
|
|
5
|
+
<li class="relative h-auto [&:not(:last-child)]:pb-5">
|
|
6
6
|
<div class="absolute h-full">
|
|
7
|
-
<div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-
|
|
7
|
+
<div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
|
|
8
8
|
{{#unless @last}}
|
|
9
9
|
<div class="relative flex flex-col w-0 h-full -left-4">
|
|
10
10
|
<div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-400{{/if}}"></div>
|
package/tailwind.config.js
CHANGED
|
@@ -322,6 +322,7 @@ module.exports = {
|
|
|
322
322
|
'secondary': 'var(--color-secondary-ds)',
|
|
323
323
|
'highlight-1': 'var(--color-highlight-1)',
|
|
324
324
|
'highlight-2': 'var(--color-highlight-2)',
|
|
325
|
+
'highlight-3': 'var(--color-highlight-3)',
|
|
325
326
|
'top-topic-background': 'var(--color-top-topic-background)',
|
|
326
327
|
'labelMedia': 'var(--color-label-media)',
|
|
327
328
|
'labelEvent': 'var(--color-label-event)',
|
|
@@ -358,6 +359,10 @@ module.exports = {
|
|
|
358
359
|
'event-calendar-primary': 'var(--color-eventcalendar-primary)',
|
|
359
360
|
'event-calendar-secondary': 'var(--color-eventcalendar-secondary)',
|
|
360
361
|
'byline': 'var(--color-byline)',
|
|
362
|
+
'tickerTeaserHeadline': 'var(--color-ticker-teaser-headline,#000)',
|
|
363
|
+
'tickerTeaserlabelByline': 'var(--color-ticker-teaser-label-byline)',
|
|
364
|
+
'tickerTeaserTimelineScore': 'var(--color-ticker-teaser-timeline-score)',
|
|
365
|
+
'tickerTeaserFooter': 'var(--color-ticker-teaser-footer)'
|
|
361
366
|
},
|
|
362
367
|
},
|
|
363
368
|
},
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
<div class="{{#if _outerCssClasses}} {{_outerCssClasses}}{{/if}}"
|
|
2
|
-
{{~#if this.isMobile1to1}}:class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"{{/if}}>
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
{{#> components/teaser/components/teaser_header _css=(if this.isMobile1to1 "" "px-5 sm:px-0 mx-4 mb-5")}}
|
|
6
|
-
{{#>components/base/link _link=this.link _css="cy-teaser-link ds-teaser-focus hover:text-toplineColor" }}
|
|
7
|
-
{{#with this.label}}
|
|
8
|
-
{{#> components/label/label_group}}
|
|
9
|
-
{{> components/label/label _type=this.type _text=(loca this.loca)}}
|
|
10
|
-
{{> components/label/label_byline _css="ml-2"}}
|
|
11
|
-
{{/components/label/label_group}}
|
|
12
|
-
{{/with~}}
|
|
13
|
-
{{#> components/teaser/components/teaser_headline _headlineTag=this.headlineTag _css="overflow-anywhere hyphens-auto"}}
|
|
14
|
-
{{#if this.topline}}
|
|
15
|
-
{{> components/teaser/components/teaser_topline _css="" _text=this.topline}}
|
|
16
|
-
{{/if}}
|
|
17
|
-
{{> components/teaser/components/teaser_title _css="!text-white" _text=this.title _size=this.realTeaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
|
|
18
|
-
{{#if this.extendedTitle}}
|
|
19
|
-
{{> components/teaser/components/teaser_subline _text=this.extendedTitle}}
|
|
20
|
-
{{/if}}
|
|
21
|
-
{{/components/teaser/components/teaser_headline}}
|
|
22
|
-
{{/components/base/link}}
|
|
23
|
-
{{/components/teaser/components/teaser_header}}
|
|
24
|
-
|
|
25
|
-
<div class="flex flex-wrap justify-between mx-4 my-5 text-base text-white justify-items-center">
|
|
26
|
-
{{#if this.hasByline}}
|
|
27
|
-
<p class="self-center text-xs text-white font-headingSerif empty:hidden overflow-anywhere hyphens-auto">
|
|
28
|
-
{{~#if this.profiles~}}
|
|
29
|
-
<span>{{this.profiles}}</span>
|
|
30
|
-
{{~/if~}}
|
|
31
|
-
</p>
|
|
32
|
-
{{/if}}
|
|
33
|
-
<a class="underline ds-link" href="{{this.url}}">Zum Ticker</a>
|
|
34
|
-
</div>
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
</div>
|