nitter/src/views/profile.nim

90 lines
3.2 KiB
Nim
Raw Normal View History

import strutils, strformat
import karax/[karaxdsl, vdom, vstyles]
import tweet, timeline, renderutils
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"):
text if num.len == 0: "?" else: num
proc renderProfileCard*(profile: Profile): VNode =
buildHtml(tdiv(class="profile-card")):
a(class="profile-card-avatar", href=profile.getUserPic().getSigUrl("pic")):
genImg(profile.getUserpic("_200x200"))
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"):
p: verbatim linkifyText(profile.bio)
if profile.location.len > 0:
tdiv(class="profile-location"):
span: icon "location", profile.location
if profile.website.len > 0:
tdiv(class="profile-website"):
span:
icon "link"
2019-08-12 01:32:27 +00:00
linkText(profile.website)
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.followers, "followers")
renderStat(profile.following, "following")
renderStat(profile.likes, "likes")
2019-08-11 21:24:02 +00:00
proc renderPhotoRail(profile: Profile; photoRail: seq[GalleryPhoto]): VNode =
buildHtml(tdiv(class="photo-rail-card")):
tdiv(class="photo-rail-header"):
2019-08-11 21:24:02 +00:00
a(href=(&"/{profile.username}/media")):
icon "picture-1", $profile.media & " Photos and videos"
tdiv(class="photo-rail-grid"):
for i, photo in photoRail:
if i == 16: break
2019-08-11 21:24:02 +00:00
a(href=(&"/{profile.username}/status/{photo.tweetId}"),
style={backgroundColor: photo.color}):
genImg(photo.url & ":thumb")
proc renderBanner(profile: Profile): VNode =
buildHtml():
if "#" in profile.banner:
tdiv(class="profile-banner-color", style={backgroundColor: profile.banner})
else:
a(href=getSigUrl(profile.banner, "pic")):
genImg(profile.banner)
proc renderProfile*(profile: Profile; timeline: Timeline;
2019-08-13 17:44:29 +00:00
photoRail: seq[GalleryPhoto]; prefs: Prefs): VNode =
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)
if photoRail.len > 0:
2019-08-11 21:24:02 +00:00
renderPhotoRail(profile, photoRail)
tdiv(class="timeline-tab"):
2019-08-13 17:44:29 +00:00
renderTimeline(timeline, profile.username, profile.protected, prefs)
2019-08-06 15:41:06 +00:00
2019-08-13 17:44:29 +00:00
proc renderMulti*(timeline: Timeline; usernames: string; prefs: Prefs): VNode =
2019-08-06 15:41:06 +00:00
buildHtml(tdiv(class="multi-timeline")):
tdiv(class="timeline-tab"):
2019-08-13 17:44:29 +00:00
renderTimeline(timeline, usernames, false, prefs, multi=true)