|
|
|
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
|
|
|
|
|
|
|
|
.uk-card-body
|
|
|
|
.uk-card-title.uk-margin-remove.uk-text-truncate
|
|
|
|
a(href= episode.url, target="_blank", title= `Watch "${episode.title}" on Gab TV`)= episode.title
|
|
|
|
.uk-text-small Posted: #{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-display-block
|
|
|
|
.uk-card.uk-card-default.uk-card-small
|
|
|
|
img(src= item.image.url).responsive
|
|
|
|
.uk-card-body
|
|
|
|
.uk-text-bold.uk-text-truncate= item.title
|
|
|
|
.uk-text-small!= item.summary
|
|
|
|
//-
|
|
|
|
//- 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="johnsmith@example.com").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
|