nitter/src/views/profile.nim

112 lines
4.0 KiB
Nim
Raw Normal View History

import strutils, strformat
import karax/[karaxdsl, vdom, vstyles]
import renderutils, search
2019-09-06 00:42:35 +00:00
import ".."/[types, utils, formatters]
2019-08-06 13:57:47 +00:00
proc renderStat(num, class: string; text=""): VNode =
let t = if text.len > 0: text else: class
buildHtml(li(class=class)):
span(class="profile-stat-header"): text capitalizeAscii(t)
2019-08-11 21:30:33 +00:00
span(class="profile-stat-num"):
2020-05-26 12:24:41 +00:00
text if num.len == 0: "?" else: insertSep(num, ',')
proc renderProfileCard*(profile: Profile; prefs: Prefs): VNode =
buildHtml(tdiv(class="profile-card")):
2019-09-07 22:55:12 +00:00
tdiv(class="profile-card-info"):
let url = getPicUrl(profile.getUserPic())
a(class="profile-card-avatar", href=url, target="_blank"):
genImg(profile.getUserpic("_400x400"))
2019-09-07 22:55:12 +00:00
tdiv(class="profile-card-tabs-name"):
linkUser(profile, class="profile-card-fullname")
linkUser(profile, class="profile-card-username")
tdiv(class="profile-card-extra"):
if profile.bio.len > 0:
tdiv(class="profile-bio"):
2019-10-17 22:54:22 +00:00
p(dir="auto"):
verbatim replaceUrl(profile.bio, prefs)
if profile.location.len > 0:
tdiv(class="profile-location"):
span: icon "location"
2020-03-09 00:03:24 +00:00
let (place, url) = getLocation(profile)
2019-12-21 04:44:58 +00:00
if url.len > 1:
a(href=url): text place
2020-03-09 00:03:24 +00:00
elif "://" in place:
a(href=place): text place
else:
2019-12-21 04:44:58 +00:00
span: text place
if profile.website.len > 0:
tdiv(class="profile-website"):
span:
let url = replaceUrl(profile.website, prefs)
icon "link"
a(href=url): text shortLink(url)
tdiv(class="profile-joindate"):
span(title=getJoinDateFull(profile)):
icon "calendar", getJoinDate(profile)
tdiv(class="profile-card-extra-links"):
ul(class="profile-statlist"):
2019-08-06 13:57:47 +00:00
renderStat(profile.tweets, "posts", text="Tweets")
renderStat(profile.following, "following")
2019-10-08 18:51:25 +00:00
renderStat(profile.followers, "followers")
renderStat(profile.likes, "likes")
2020-05-26 12:24:41 +00:00
proc renderPhotoRail(profile: Profile; photoRail: PhotoRail): VNode =
2020-06-01 00:22:22 +00:00
let count = insertSep($profile.media, ',')
buildHtml(tdiv(class="photo-rail-card")):
tdiv(class="photo-rail-header"):
2019-08-11 21:24:02 +00:00
a(href=(&"/{profile.username}/media")):
2020-06-01 00:22:22 +00:00
icon "picture", count & " Photos and videos"
input(id="photo-rail-grid-toggle", `type`="checkbox")
label(`for`="photo-rail-grid-toggle", class="photo-rail-header-mobile"):
2020-06-01 00:22:22 +00:00
icon "picture", count & " Photos and videos"
icon "down"
2019-09-07 22:55:12 +00:00
tdiv(class="photo-rail-grid"):
for i, photo in photoRail:
if i == 16: break
let col = if photo.color.len > 0: photo.color else: "#161616"
2020-01-10 01:00:00 +00:00
a(href=(&"/{profile.username}/status/{photo.tweetId}#m"),
style={backgroundColor: col}):
2020-06-01 00:22:22 +00:00
genImg(photo.url & (if "format" in photo.url: "" else: ":thumb"))
proc renderBanner(profile: Profile): VNode =
buildHtml():
if "#" in profile.banner:
tdiv(class="profile-banner-color", style={backgroundColor: profile.banner})
else:
a(href=getPicUrl(profile.banner), target="_blank"):
genImg(profile.banner)
2019-09-13 17:57:27 +00:00
proc renderProtected(username: string): VNode =
buildHtml(tdiv(class="timeline-container")):
2019-09-19 00:29:24 +00:00
tdiv(class="timeline-header timeline-protected"):
h2: text "This account's tweets are protected."
p: text &"Only confirmed followers have access to @{username}'s tweets."
2019-09-13 17:57:27 +00:00
2020-06-01 00:22:22 +00:00
proc renderProfile*(profile: Profile; timeline: var Timeline;
2020-05-26 12:24:41 +00:00
photoRail: PhotoRail; prefs: Prefs; path: string): VNode =
2019-09-19 00:23:22 +00:00
timeline.query.fromUser = @[profile.username]
buildHtml(tdiv(class="profile-tabs")):
2019-08-13 19:25:29 +00:00
if not prefs.hideBanner:
tdiv(class="profile-banner"):
renderBanner(profile)
2019-08-13 19:25:29 +00:00
let sticky = if prefs.stickyProfile: "sticky" else: "unset"
tdiv(class="profile-tab", style={position: sticky}):
renderProfileCard(profile, prefs)
if photoRail.len > 0:
2019-08-11 21:24:02 +00:00
renderPhotoRail(profile, photoRail)
if profile.protected:
renderProtected(profile.username)
else:
renderTweetSearch(timeline, prefs, path)