mirror of https://github.com/zedeus/nitter
155 lines
4.5 KiB
Plaintext
155 lines
4.5 KiB
Plaintext
#? stdtmpl(subsChar = '$', metaChar = '#')
|
|
#import xmltree, strutils, times, sequtils, uri
|
|
#import ../types, ../formatters, ../utils
|
|
#
|
|
#proc renderHeading(tweet: Tweet): string =
|
|
#if tweet.retweetBy.isSome:
|
|
<div class="retweet">
|
|
<span>🔄 ${tweet.retweetBy.get()} retweeted</span>
|
|
</div>
|
|
#end if
|
|
#if tweet.pinned:
|
|
<div class="pinned">
|
|
<span>📌 Pinned Tweet</span>
|
|
</div>
|
|
#end if
|
|
<div class="media-heading">
|
|
<div class="heading-name-row">
|
|
<a class="tweet-avatar" href="/${tweet.profile.username}">
|
|
${genImg(tweet.profile.getUserpic("_bigger"), "avatar")}
|
|
</a>
|
|
<div class="fullname-and-username">
|
|
${linkUser(tweet.profile, class="fullname")}
|
|
${linkUser(tweet.profile, class="username")}
|
|
</div>
|
|
<span class="heading-right">
|
|
<a href="${tweet.link}" title="${tweet.getTime()}">${tweet.shortTime}</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
#end proc
|
|
#
|
|
#proc renderQuote(quote: Quote): string =
|
|
#let hasMedia = quote.thumb.isSome() or quote.sensitive
|
|
<div class="quote">
|
|
<div class="quote-container">
|
|
<a class="quote-link" href="${quote.link}"></a>
|
|
#if hasMedia:
|
|
<div class="quote-media-container">
|
|
<div class="quote-media">
|
|
#if quote.thumb.isSome():
|
|
${genImg(quote.thumb.get())}
|
|
#if quote.badge.isSome():
|
|
<div class="quote-badge">
|
|
<div class="quote-badge-text">${quote.badge.get()}</div>
|
|
</div>
|
|
#end if
|
|
#elif quote.sensitive:
|
|
<div class="quote-sensitive">
|
|
<span class="icon quote-sensitive-icon">❗</span>
|
|
</div>
|
|
#end if
|
|
</div>
|
|
</div>
|
|
#end if
|
|
<div class="fullname-and-username">
|
|
${linkUser(quote.profile, class="fullname")}
|
|
${linkUser(quote.profile, class="username")}
|
|
</div>
|
|
<div class="quote-text">${linkifyText(quote.text)}</div>
|
|
</div>
|
|
</div>
|
|
#end proc
|
|
#
|
|
#proc renderMediaGroup(tweet: Tweet): string =
|
|
#let groups = if tweet.photos.len > 2: tweet.photos.distribute(2) else: @[tweet.photos]
|
|
#let display = if groups.len == 1 and groups[0].len == 1: "display: table-caption;" else: ""
|
|
#var first = true
|
|
<div class="attachments" style="${display}">
|
|
#for photos in groups:
|
|
#let margin = if not first: "margin-top: .25em;" else: ""
|
|
#let flex = if photos.len > 1 or groups.len > 1: "display: flex;" else: ""
|
|
<div class="gallery-row cover-fit" style="${margin}">
|
|
#for photo in photos:
|
|
<div class="attachment image">
|
|
##TODO: why doesn't this work?
|
|
<a href=${getSigUrl(photo & "?name=orig", "pic")} target="_blank" class="image-attachment">
|
|
<div class="still-image" style="${flex}">
|
|
${genImg(photo)}
|
|
</div>
|
|
</a>
|
|
</div>
|
|
#end for
|
|
</div>
|
|
#first = false
|
|
#end for
|
|
</div>
|
|
#end proc
|
|
#
|
|
#proc renderVideo(video: Video): string =
|
|
<div class="attachments">
|
|
<div class="gallery-row" style="max-height: unset;">
|
|
<div class="attachment image">
|
|
<video poster=${video.thumb.getSigUrl("pic")} autoplay muted loop></video>
|
|
<div class="video-overlay">
|
|
<p>Video playback not supported</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
#end proc
|
|
#
|
|
#proc renderGif(gif: Gif): string =
|
|
<div class="attachments media-gif">
|
|
<div class="gallery-row" style="max-height: unset;">
|
|
<div class="attachment image">
|
|
<video class="gif" poster=${gif.thumb.getSigUrl("pic")} autoplay muted loop>
|
|
<source src=${gif.url.getSigUrl("video")} type="video/mp4">
|
|
</video>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
#end proc
|
|
#
|
|
#proc renderStats(tweet: Tweet): string =
|
|
<div class="tweet-stats">
|
|
<span class="tweet-stat">💬 ${$tweet.replies}</span>
|
|
<span class="tweet-stat">🔄 ${$tweet.retweets}</span>
|
|
<span class="tweet-stat">👍 ${$tweet.likes}</span>
|
|
</div>
|
|
#end proc
|
|
#
|
|
#proc renderTweet*(tweet: Tweet; class=""; last=false): string =
|
|
#var divClass = if last: "thread-last " & class else: class
|
|
#if divClass.len > 0:
|
|
<div class="${divClass}">
|
|
#end if
|
|
#if tweet.available:
|
|
<div class="status-el">
|
|
<div class="status-body">
|
|
${renderHeading(tweet)}
|
|
<div class="status-content-wrapper">
|
|
<div class="status-content media-body">${linkifyText(tweet.text)}</div>
|
|
</div>
|
|
#if tweet.photos.len > 0:
|
|
${renderMediaGroup(tweet)}
|
|
#elif tweet.video.isSome:
|
|
${renderVideo(tweet.video.get())}
|
|
#elif tweet.gif.isSome:
|
|
${renderGif(tweet.gif.get())}
|
|
#elif tweet.quote.isSome:
|
|
${renderQuote(tweet.quote.get())}
|
|
#end if
|
|
${renderStats(tweet)}
|
|
</div>
|
|
</div>
|
|
#else:
|
|
<div class="status-el unavailable">
|
|
<div class="unavailable-box">This tweet is unavailable</div>
|
|
</div>
|
|
#end if
|
|
#if divClass.len > 0:
|
|
</div>
|
|
#end if
|
|
#end proc
|