You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
1.3 KiB
26 lines
1.3 KiB
mixin renderVenueChannelCard (channel, options)
|
|
- options = Object.assign({ withDescription: false }, options);
|
|
.uk-card.uk-card-default.uk-card-small.uk-card-hover.uk-margin
|
|
|
|
if channel.currentStatus && channel.currentStatus.liveThumbnail
|
|
.uk-card-media-top
|
|
a(href=`/venue/${channel.slug}`)
|
|
img(
|
|
src= channel.currentStatus.liveThumbnail.url,
|
|
onerror=`this.src = '${channel.currentStatus.thumbnailUrl}';`,
|
|
title="Tune in now",
|
|
)
|
|
|
|
if channel.currentStatus && channel.currentStatus.liveEpisode && channel.currentStatus.liveEpisode.title
|
|
.uk-card-body
|
|
.uk-text-bold.uk-text-truncate(style="font-size: 1.2em; line-height: 1;")
|
|
a(href="/venue", uk-tooltip= `Watch "${channel.currentStatus.liveEpisode.title}" now!`)= channel.currentStatus.liveEpisode.title
|
|
|
|
if options.withDescription
|
|
.uk-margin(style="font-size: 1em; line-height: 1.2; max-height: 4.8em; overflow: auto;")!= marked.parse(channel.currentStatus.liveEpisode.description)
|
|
|
|
.uk-text-small.uk-article-meta
|
|
div(uk-grid).uk-grid-small.uk-flex-between
|
|
.uk-width-auto
|
|
div Started: #{moment(channel.currentStatus.liveEpisode.created).fromNow()}
|
|
.uk-width-auto #[i.fas.fa-eye] #{formatCount(channel.currentStatus.liveEpisode.stats.currentViewerCount)} |