import strutils, strformat import karax/[karaxdsl, vdom, vstyles] import ../types, ../utils, ../formatters import tweet, timeline, renderutils 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) 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: text "📍 " & profile.location if profile.website.len > 0: tdiv(class="profile-website"): span: text "🔗 " linkText(profile.website) tdiv(class="profile-joindate"): span(title=getJoinDateFull(profile)): text "📅 " & getJoinDate(profile) tdiv(class="profile-card-extra-links"): ul(class="profile-statlist"): renderStat(profile.tweets, "posts", text="Tweets") renderStat(profile.followers, "followers") renderStat(profile.following, "following") renderStat(profile.likes, "likes") proc renderPhotoRail(profile: Profile; photoRail: seq[GalleryPhoto]): VNode = buildHtml(tdiv(class="photo-rail-card")): tdiv(class="photo-rail-header"): a(href=(&"/{profile.username}/media")): text &"🖼 {profile.media} Photos and videos" tdiv(class="photo-rail-grid"): for i, photo in photoRail: if i == 16: break 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; photoRail: seq[GalleryPhoto]): VNode = buildHtml(tdiv(class="profile-tabs")): tdiv(class="profile-banner"): renderBanner(profile) tdiv(class="profile-tab"): renderProfileCard(profile) if photoRail.len > 0: renderPhotoRail(profile, photoRail) tdiv(class="timeline-tab"): renderTimeline(timeline, profile.username, profile.protected) proc renderMulti*(timeline: Timeline; usernames: string): VNode = buildHtml(tdiv(class="multi-timeline")): tdiv(class="timeline-tab"): renderTimeline(timeline, usernames, false, multi=true)