mirror of
https://github.com/zedeus/nitter
synced 2026-09-05 22:59:31 +00:00
parent
0375145ea2
commit
61246df9de
14 changed files with 475 additions and 78 deletions
|
|
@ -50,7 +50,7 @@ proc renderHead*(prefs: Prefs; cfg: Config; req: Request; titleText=""; desc="";
|
|||
let opensearchUrl = getUrlPrefix(cfg) & "/opensearch"
|
||||
|
||||
buildHtml(head):
|
||||
link(rel="stylesheet", type="text/css", href="/css/style.css?v=46")
|
||||
link(rel="stylesheet", type="text/css", href="/css/style.css?v=50")
|
||||
link(rel="stylesheet", type="text/css", href="/css/fontello.css?v=7")
|
||||
|
||||
if theme.len > 0:
|
||||
|
|
|
|||
|
|
@ -39,28 +39,45 @@ proc renderProfileTabs*(query: Query; username: string): VNode =
|
|||
li(class=query.getTabClass(tweets)):
|
||||
a(href=(link & "/search")): text "Search"
|
||||
|
||||
proc renderMediaViewTabs*(query: Query; username: string): VNode =
|
||||
proc mediaViewUrl(query: Query; view: string): string =
|
||||
var q = query
|
||||
q.view = view
|
||||
"?" & genQueryUrl(q)
|
||||
|
||||
proc renderMediaViewTabs*(query: Query): VNode =
|
||||
let currentView = if query.view.len > 0: query.view else: "timeline"
|
||||
let base = "/" & username & "/media?view="
|
||||
func cls(view: string): string =
|
||||
if currentView == view: "tab-item active" else: "tab-item"
|
||||
buildHtml(ul(class="tab media-view-tabs")):
|
||||
li(class=cls("timeline")):
|
||||
a(href=(base & "timeline")): text "Timeline"
|
||||
a(href=query.mediaViewUrl("timeline")): text "Timeline"
|
||||
li(class=cls("grid")):
|
||||
a(href=(base & "grid")): text "Grid"
|
||||
a(href=query.mediaViewUrl("grid")): text "Grid"
|
||||
li(class=cls("gallery")):
|
||||
a(href=(base & "gallery")): text "Gallery"
|
||||
a(href=query.mediaViewUrl("gallery")): text "Gallery"
|
||||
|
||||
proc renderSearchTabs*(query: Query): VNode =
|
||||
var q = query
|
||||
# the media view mode only applies to the Media tab
|
||||
q.view = ""
|
||||
buildHtml(ul(class="tab")):
|
||||
li(class=query.getTabClass(top)):
|
||||
q.kind = top
|
||||
a(href=("?" & genQueryUrl(q))): text "Top"
|
||||
li(class=query.getTabClass(tweets)):
|
||||
q.kind = tweets
|
||||
a(href=("?" & genQueryUrl(q))): text "Tweets"
|
||||
a(href=("?" & genQueryUrl(q))): text "Latest"
|
||||
li(class=query.getTabClass(media)):
|
||||
q.kind = media
|
||||
q.view = query.view
|
||||
a(href=("?" & genQueryUrl(q))): text "Media"
|
||||
li(class=query.getTabClass(users)):
|
||||
q.kind = users
|
||||
q.view = ""
|
||||
a(href=("?" & genQueryUrl(q))): text "Users"
|
||||
li(class=query.getTabClass(lists)):
|
||||
q.kind = lists
|
||||
a(href=("?" & genQueryUrl(q))): text "Lists"
|
||||
|
||||
proc isPanelOpen(q: Query): bool =
|
||||
q.fromUser.len == 0 and (q.filters.len > 0 or q.excludes.len > 0 or
|
||||
|
|
@ -71,7 +88,7 @@ proc renderSearchPanel*(query: Query): VNode =
|
|||
let action = if user.len > 0: &"/{user}/search" else: "/search"
|
||||
buildHtml(form(`method`="get", action=action,
|
||||
class="search-field", autocomplete="off")):
|
||||
hiddenField("f", "tweets")
|
||||
hiddenField("f", $query.kind)
|
||||
genInput("q", "", query.text, "Enter search...", class="pref-inline")
|
||||
button(`type`="submit"): icon "search"
|
||||
|
||||
|
|
@ -102,7 +119,11 @@ proc renderSearchPanel*(query: Query): VNode =
|
|||
proc renderTweetSearch*(results: Timeline; prefs: Prefs; path: string;
|
||||
pinned=none(Tweet)): VNode =
|
||||
let query = results.query
|
||||
buildHtml(tdiv(class="timeline-container")):
|
||||
let containerClass =
|
||||
if query.fromUser.len == 0 and query.kind == media and
|
||||
query.view == "gallery": "timeline-container media-only"
|
||||
else: "timeline-container"
|
||||
buildHtml(tdiv(class=containerClass)):
|
||||
if query.fromUser.len > 1:
|
||||
tdiv(class="timeline-header"):
|
||||
text query.fromUser.join(" | ")
|
||||
|
|
@ -111,7 +132,7 @@ proc renderTweetSearch*(results: Timeline; prefs: Prefs; path: string;
|
|||
if query.kind != media or query.view != "gallery":
|
||||
renderProfileTabs(query, query.fromUser.join(","))
|
||||
if query.kind == media and query.fromUser.len == 1:
|
||||
renderMediaViewTabs(query, query.fromUser[0])
|
||||
renderMediaViewTabs(query)
|
||||
|
||||
if query.fromUser.len == 0 or query.kind == tweets:
|
||||
tdiv(class="timeline-header"):
|
||||
|
|
@ -119,16 +140,31 @@ proc renderTweetSearch*(results: Timeline; prefs: Prefs; path: string;
|
|||
|
||||
if query.fromUser.len == 0:
|
||||
renderSearchTabs(query)
|
||||
if query.kind == media:
|
||||
renderMediaViewTabs(query)
|
||||
|
||||
renderTimelineTweets(results, prefs, path, pinned)
|
||||
|
||||
proc renderSearchForm(kind, placeholder, value: string): VNode =
|
||||
buildHtml(form(`method`="get", action="/search",
|
||||
class="search-field", autocomplete="off")):
|
||||
hiddenField("f", kind)
|
||||
genInput("q", "", value, placeholder, class="pref-inline")
|
||||
button(`type`="submit"): icon "search"
|
||||
|
||||
proc renderUserSearch*(results: Result[User]; prefs: Prefs): VNode =
|
||||
buildHtml(tdiv(class="timeline-container")):
|
||||
tdiv(class="timeline-header"):
|
||||
form(`method`="get", action="/search", class="search-field", autocomplete="off"):
|
||||
hiddenField("f", "users")
|
||||
genInput("q", "", results.query.text, "Enter username...", class="pref-inline")
|
||||
button(`type`="submit"): icon "search"
|
||||
renderSearchForm("users", "Enter username...", results.query.text)
|
||||
|
||||
renderSearchTabs(results.query)
|
||||
renderTimelineUsers(results, prefs)
|
||||
|
||||
proc renderListSearch*(results: Result[ListSearchResult]; prefs: Prefs;
|
||||
path: string): VNode =
|
||||
buildHtml(tdiv(class="timeline-container")):
|
||||
tdiv(class="timeline-header"):
|
||||
renderSearchForm("lists", "Enter search...", results.query.text)
|
||||
|
||||
renderSearchTabs(results.query)
|
||||
renderTimelineLists(results, prefs, path)
|
||||
|
|
|
|||
|
|
@ -114,6 +114,84 @@ proc renderTimelineUsers*(results: Result[User]; prefs: Prefs; path=""): VNode =
|
|||
else:
|
||||
renderNoMore()
|
||||
|
||||
proc mentionUsername(word: string): string =
|
||||
# "@user" -> "user" for well-formed mentions, "" otherwise
|
||||
if word.len > 1 and word[0] == '@' and
|
||||
word[1 .. ^1].allCharsInSet({'A'..'Z', 'a'..'z', '0'..'9', '_'}):
|
||||
word[1 .. ^1]
|
||||
else: ""
|
||||
|
||||
proc mentionedUser(s: string): string =
|
||||
# last @mention in strings like "65 followers including @user"
|
||||
let words = s.split(' ')
|
||||
for i in countdown(words.high, 0):
|
||||
result = mentionUsername(words[i])
|
||||
if result.len > 0: return
|
||||
|
||||
proc renderMentionedText(s: string): VNode =
|
||||
# linkify @mentions in plain API strings like "65 followers including @user"
|
||||
let words = s.split(' ')
|
||||
buildHtml(span):
|
||||
for i in 0 ..< words.len:
|
||||
if i > 0: text " "
|
||||
let username = mentionUsername(words[i])
|
||||
if username.len > 0:
|
||||
a(href=("/" & username)): text words[i]
|
||||
else:
|
||||
text words[i]
|
||||
|
||||
proc renderListCard(r: ListSearchResult): VNode =
|
||||
let listUrl = "/i/lists/" & r.list.id
|
||||
buildHtml(tdiv(class="timeline-item list-result")):
|
||||
a(class="tweet-link", href=listUrl)
|
||||
a(class="list-result-banner", href=listUrl):
|
||||
if r.list.banner.len > 0:
|
||||
genImg(r.list.banner)
|
||||
tdiv(class="list-result-body"):
|
||||
tdiv(class="list-result-title fullname-and-username"):
|
||||
a(class="list-name fullname", href=listUrl): text r.list.name
|
||||
span(class="list-members"):
|
||||
text &"· {insertSep($r.list.members, ',')} members"
|
||||
tdiv(class="list-result-context"):
|
||||
if r.followersContext.len > 0:
|
||||
# the first facepile belongs to the "including @user" account
|
||||
let mentioned = mentionedUser(r.followersContext)
|
||||
for i in 0 ..< r.facepiles.len:
|
||||
if i == 0 and mentioned.len > 0:
|
||||
a(class="facepile-link", href=("/" & mentioned)):
|
||||
genImg(r.facepiles[i], class="list-facepile")
|
||||
else:
|
||||
genImg(r.facepiles[i], class="list-facepile")
|
||||
renderMentionedText(r.followersContext)
|
||||
else:
|
||||
if r.owner.username.len > 0:
|
||||
a(class="facepile-link", href=("/" & r.owner.username)):
|
||||
genImg(r.owner.getUserPic("_mini"), class="list-facepile")
|
||||
else:
|
||||
genImg(r.owner.getUserPic("_mini"), class="list-facepile")
|
||||
linkUser(r.owner, class="fullname")
|
||||
linkUser(r.owner, class="username")
|
||||
if r.list.description.len > 0:
|
||||
tdiv(class="list-result-description"):
|
||||
text r.list.description
|
||||
|
||||
proc renderTimelineLists*(results: Result[ListSearchResult]; prefs: Prefs;
|
||||
path=""): VNode =
|
||||
buildHtml(tdiv(class="timeline")):
|
||||
if not results.beginning:
|
||||
renderNewer(results.query, path)
|
||||
|
||||
if results.content.len > 0:
|
||||
for list in results.content:
|
||||
renderListCard(list)
|
||||
if results.bottom.len > 0:
|
||||
renderMore(results.query, results.bottom)
|
||||
renderToTop()
|
||||
elif results.beginning:
|
||||
renderNoneFound()
|
||||
else:
|
||||
renderNoMore()
|
||||
|
||||
proc filterThreads(threads: seq[Tweets]; prefs: Prefs): seq[Tweets] =
|
||||
var retweets: seq[int64]
|
||||
for thread in threads:
|
||||
|
|
|
|||
Loading…
Reference in a new issue