The DTP Sites web app development engine.
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.
 
 
 
 
 

108 lines
4.1 KiB

include ../announcement/components/announcement
- var isLive = !!shingChannelStatus && shingChannelStatus.isLive && !!shingChannelStatus.liveEpisode;
mixin renderSidebarEpisode(episode)
.uk-card.uk-card-default.uk-card-small.uk-card-hover
.uk-card-media-top
a(href= episode.url, target="_blank", title="Watch on Gab TV")
img(src=episode.image).responsive
a(
href= episode.url,
uk-tooltip=`Watch ${episode.title} on Gab TV`,
target="_blank",
).uk-link-reset.uk-display-block
.uk-card-body
.uk-text-bold.uk-text-truncate= episode.title
.uk-text-small= moment(episode.date_modified).format("MMM DD YYYY HH:MM a")
mixin renderPageSidebar ( )
//-
//- Announcements
//-
if Array.isArray(announcements) && (announcements.length > 0)
ul.uk-list.uk-margin
each announcement in announcements
li
+renderAnnouncement(announcement)
//-
//- Shing.tv Channel Integration
//-
if isLive
.uk-margin
+renderSectionTitle('Live Now!', {
label: 'Tune In',
title: shingChannelStatus.name,
url: '/venue',
})
.uk-card.uk-card-default.uk-card-small.uk-card-hover.uk-margin
if shingChannelStatus.liveThumbnail
.uk-card-media-top
a(href="/venue")
img(
src= shingChannelStatus.liveThumbnail.url,
onerror=`this.src = '${shingChannelStatus.thumbnailUrl}';`,
title="Tune in now",
)
if shingChannelStatus.liveEpisode && shingChannelStatus.liveEpisode.title
.uk-card-body
.uk-card-title.uk-margin-remove.uk-text-truncate
a(href="/venue", uk-tooltip= `Watch "${shingChannelStatus.liveEpisode.title}" now!`)= shingChannelStatus.liveEpisode.title
.uk-text-small
div(uk-grid).uk-grid-small.uk-flex-between
.uk-width-auto
div Started: #{moment(shingChannelStatus.liveEpisode.created).fromNow()}
.uk-width-auto #[i.fas.fa-eye] #{formatCount(shingChannelStatus.liveEpisode.stats.currentViewerCount)}
if shingChannelFeed && Array.isArray(shingChannelFeed.items) && (shingChannelFeed.items.length > 0)
.uk-margin
+renderSectionTitle(shingChannelFeed.title, {
label: 'Tune In',
title: shingChannelFeed.title,
url: '/venue',
})
ul.uk-list
each item in shingChannelFeed.items.slice(0, 3)
li
a(href= item.url, uk-tooltip=`Watch ${item.title} on Shing.tv`).uk-link-reset.uk-display-block
.uk-card.uk-card-default.uk-card-small
img(src= item.image.url, width="640", height="360", alt=`Thumbnail image for ${item.title}`).responsive
.uk-card-body
.uk-text-bold.uk-text-truncate= item.title
.uk-text-small= moment(item.date_modified).format("MMM DD YYYY hh:mm a")
//- .uk-text-small!= item.summary
pre= JSON.stringify(item, null, 2)
//-
//- Gab TV channel integration
//-
if gabTvChannel
.uk-margin
+renderSectionTitle('Gab TV', {
label: 'Visit Channel',
title: gabTvChannel.title,
url: gabTvChannel.home_page_url,
})
ul.uk-list
each episode in gabTvChannel.items.slice(0, 3)
li
+renderSidebarEpisode(episode)
//-
//- Newsletter Signup
//-
div(uk-sticky={ offset: 60, bottom: '#dtp-content-grid' }, style="z-index: initial;").uk-margin
+renderSectionTitle('Mailing List')
form(method="post", action="/newsletter", onsubmit="return dtp.app.submitForm(event, 'Subscribe to newsletter');").uk-form
.uk-card.uk-card-default.uk-card-small
.uk-card-body
p Join the #{site.name} FREE newsletter to get news and updates in your inbox.
.uk-margin
label(for="email").uk-form-label.sr-only Email Address
input(id="email", name="email", type="email", placeholder="[email protected]").uk-input
.uk-card-footer.uk-flex.uk-flex-center
button(type="submit").uk-button.uk-button-primary.uk-button-small.uk-border-rounded Sign Up