mirror of https://github.com/zedeus/nitter
146 lines
4.1 KiB
Plaintext
146 lines
4.1 KiB
Plaintext
#? stdtmpl(subsChar = '$', metaChar = '#')
|
|
#import xmltree, strutils, uri
|
|
#import ../types, ../formatters, ../utils
|
|
#include "tweet.nimf"
|
|
#
|
|
#proc renderProfileCard*(profile: Profile): string =
|
|
<div class="profile-card">
|
|
<a class="profile-card-avatar" href="${profile.getUserPic().getSigUrl("pic")}">
|
|
${genImg(profile.getUserpic("_200x200"))}
|
|
</a>
|
|
<div class="profile-card-tabs">
|
|
<div class="profile-card-tabs-name">
|
|
${linkUser(profile, class="profile-card-fullname")}
|
|
${linkUser(profile, class="profile-card-username")}
|
|
</div>
|
|
</div>
|
|
<div class="profile-card-extra">
|
|
<div class="profile-bio">
|
|
#if profile.bio.len > 0:
|
|
<div class="profile-bio">
|
|
<p>${linkifyText(profile.bio)}</p>
|
|
</div>
|
|
#end if
|
|
</div>
|
|
|
|
<div class="profile-card-extra-links">
|
|
<ul class="profile-statlist">
|
|
<li class="tweets">
|
|
<span class="profile-stat-header">Tweets</span>
|
|
<span>${$profile.tweets}</span>
|
|
</li>
|
|
<li class="followers">
|
|
<span class="profile-stat-header">Followers</span>
|
|
<span>${$profile.followers}</span>
|
|
</li>
|
|
<li class="following">
|
|
<span class="profile-stat-header">Following</span>
|
|
<span>${$profile.following}</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
#end proc
|
|
#
|
|
#proc renderBanner(profile: Profile): string =
|
|
#if "#" in profile.banner:
|
|
<div style="${profile.banner}" class="profile-banner-color"></div>
|
|
#else:
|
|
#let url = getSigUrl(profile.banner, "pic")
|
|
<a href="${url}">${genImg(profile.banner)}</a>
|
|
#end if
|
|
#end proc
|
|
#
|
|
#proc renderTimeline*(timeline: Timeline; profile: Profile; beginning: bool): string =
|
|
#var retweets: Tweets
|
|
<div id="tweets">
|
|
#if profile.protected:
|
|
<div class="timeline-protected">
|
|
<h2 class="timeline-protected-header">This account's Tweets are protected.</h2>
|
|
<p class="timeline-protected-explanation">Only confirmed followers have access to @${profile.username}'s Tweets.</p>
|
|
</div>
|
|
#end if
|
|
#
|
|
#if not beginning:
|
|
<div class="show-more status-el">
|
|
<a href="/${profile.username}">Load newest tweets</a>
|
|
</div>
|
|
#end if
|
|
#
|
|
#for tweet in timeline.tweets:
|
|
#if tweet in retweets: continue
|
|
#elif tweet.retweetBy.isSome: retweets.add tweet
|
|
#end if
|
|
${renderTweet(tweet, "timeline-tweet")}
|
|
#end for
|
|
#
|
|
#if timeline.hasMore:
|
|
<div class="show-more">
|
|
<a href="/${profile.username}?after=${timeline.minId}">Load older tweets</a>
|
|
</div>
|
|
#else:
|
|
<div class="timeline-protected">
|
|
<h2 class="timeline-end" style="text-align: center;">No more tweets.</h2>
|
|
</div>
|
|
#end if
|
|
#
|
|
#if timeline.tweets.len == 0:
|
|
<div class="timeline-protected">
|
|
<h2 class="timeline-protected-header" style="text-align: center;">No tweets found.</h2>
|
|
</div>
|
|
#end if
|
|
</div>
|
|
#end proc
|
|
#
|
|
#proc renderProfile*(profile: Profile; timeline: Timeline; beginning: bool): string =
|
|
<div class="profile-tabs">
|
|
<div class="profile-banner">
|
|
${renderBanner(profile)}
|
|
</div>
|
|
<div class="profile-tab">
|
|
${renderProfileCard(profile)}
|
|
</div>
|
|
<div class="timeline-tab">
|
|
${renderTimeline(timeline, profile, beginning)}
|
|
</div>
|
|
</div>
|
|
#end proc
|
|
#
|
|
#proc renderConversation*(conversation: Conversation): string =
|
|
<div class="conversation" id="tweets">
|
|
<div class="main-thread">
|
|
#if conversation.before.len > 0:
|
|
<div class="before-tweet">
|
|
#for tweet in conversation.before:
|
|
${renderTweet(tweet)}
|
|
#end for
|
|
</div>
|
|
#end if
|
|
<div class="main-tweet">
|
|
#let afterClass = if conversation.after.len > 0: "thread" else: ""
|
|
${renderTweet(conversation.tweet, class=afterClass)}
|
|
</div>
|
|
#if conversation.after.len > 0:
|
|
<div class="after-tweet">
|
|
#for i, tweet in conversation.after:
|
|
${renderTweet(tweet, last=(i == conversation.after.high))}
|
|
#end for
|
|
</div>
|
|
#end if
|
|
</div>
|
|
#if conversation.replies.len > 0:
|
|
<div class="replies">
|
|
#for thread in conversation.replies:
|
|
<div class="reply thread">
|
|
#for i, tweet in thread:
|
|
${renderTweet(tweet, last=(i == thread.high))}
|
|
#end for
|
|
</div>
|
|
#end for
|
|
</div>
|
|
#end if
|
|
</div>
|
|
</div>
|
|
#end proc
|