2019-10-27 10:24:09 +00:00
|
|
|
import uri, strutils, strformat
|
2019-07-10 22:42:31 +00:00
|
|
|
import karax/[karaxdsl, vdom]
|
|
|
|
|
|
2019-08-15 02:00:40 +00:00
|
|
|
import renderutils
|
2019-10-08 13:07:10 +00:00
|
|
|
import ../utils, ../types, ../prefs, ../formatters
|
2019-09-20 20:56:27 +00:00
|
|
|
|
|
|
|
|
import jester
|
2019-08-07 20:02:19 +00:00
|
|
|
|
2019-07-10 22:42:31 +00:00
|
|
|
const doctype = "<!DOCTYPE html>\n"
|
|
|
|
|
|
2019-09-20 20:56:27 +00:00
|
|
|
proc renderNavbar*(title, rss: string; req: Request): VNode =
|
2019-10-08 13:07:10 +00:00
|
|
|
let twitterPath = getTwitterLink(req.path, req.params)
|
2019-10-26 15:21:35 +00:00
|
|
|
var path = $(parseUri(req.path) ? filterParams(req.params))
|
|
|
|
|
if "/status" in path: path.add "#m"
|
2019-10-07 16:09:56 +00:00
|
|
|
|
2019-09-13 17:52:05 +00:00
|
|
|
buildHtml(nav):
|
2019-08-12 20:57:43 +00:00
|
|
|
tdiv(class="inner-nav"):
|
2019-09-13 17:52:05 +00:00
|
|
|
tdiv(class="nav-item"):
|
2019-08-12 20:57:43 +00:00
|
|
|
a(class="site-name", href="/"): text title
|
|
|
|
|
|
|
|
|
|
a(href="/"): img(class="site-logo", src="/logo.png")
|
|
|
|
|
|
2019-09-13 17:52:05 +00:00
|
|
|
tdiv(class="nav-item right"):
|
2019-09-19 02:51:17 +00:00
|
|
|
icon "search", title="Search", href="/search"
|
2019-09-15 09:29:14 +00:00
|
|
|
if rss.len > 0:
|
2019-09-22 23:03:12 +00:00
|
|
|
icon "rss-feed", title="RSS Feed", href=rss
|
2019-10-08 13:07:10 +00:00
|
|
|
icon "bird", title="Open in Twitter", href=twitterPath
|
2019-08-15 02:00:40 +00:00
|
|
|
icon "info-circled", title="About", href="/about"
|
2019-09-05 20:40:36 +00:00
|
|
|
iconReferer "cog", "/settings", path, title="Preferences"
|
2019-08-12 20:57:43 +00:00
|
|
|
|
2019-12-08 11:38:55 +00:00
|
|
|
proc renderHead*(prefs: Prefs; cfg: Config; titleText=""; desc=""; video="";
|
|
|
|
|
images: seq[string] = @[]): VNode =
|
|
|
|
|
let ogType =
|
|
|
|
|
if video.len > 0: "video"
|
|
|
|
|
elif images.len > 0: "photo"
|
|
|
|
|
else: "article"
|
|
|
|
|
|
2020-01-03 15:17:38 +00:00
|
|
|
var opensearchUrl = ""
|
|
|
|
|
if cfg.useHttps:
|
|
|
|
|
opensearchUrl = "https://" & cfg.hostname & "/opensearch"
|
|
|
|
|
else:
|
|
|
|
|
opensearchUrl = "http://" & cfg.hostname & "/opensearch"
|
|
|
|
|
|
2019-12-06 14:15:56 +00:00
|
|
|
buildHtml(head):
|
|
|
|
|
link(rel="stylesheet", `type`="text/css", href="/css/style.css")
|
|
|
|
|
link(rel="stylesheet", `type`="text/css", href="/css/fontello.css")
|
|
|
|
|
link(rel="apple-touch-icon", sizes="180x180", href="/apple-touch-icon.png")
|
|
|
|
|
link(rel="icon", type="image/png", sizes="32x32", href="/favicon-32x32.png")
|
|
|
|
|
link(rel="icon", type="image/png", sizes="16x16", href="/favicon-16x16.png")
|
|
|
|
|
link(rel="manifest", href="/site.webmanifest")
|
|
|
|
|
link(rel="mask-icon", href="/safari-pinned-tab.svg", color="#ff6c60")
|
2020-01-03 14:47:57 +00:00
|
|
|
link(rel="search", type="application/opensearchdescription+xml", title=cfg.title,
|
2020-01-03 15:17:38 +00:00
|
|
|
href=opensearchUrl)
|
2019-12-06 14:15:56 +00:00
|
|
|
|
|
|
|
|
if prefs.hlsPlayback:
|
|
|
|
|
script(src="/js/hls.light.min.js")
|
|
|
|
|
script(src="/js/hlsPlayback.js")
|
|
|
|
|
|
2020-01-07 02:00:16 +00:00
|
|
|
if prefs.infiniteScroll:
|
|
|
|
|
script(src="/js/infiniteScroll.js")
|
|
|
|
|
|
2019-12-06 14:15:56 +00:00
|
|
|
title:
|
|
|
|
|
if titleText.len > 0:
|
|
|
|
|
text titleText & " | " & cfg.title
|
|
|
|
|
else:
|
|
|
|
|
text cfg.title
|
|
|
|
|
|
|
|
|
|
meta(name="viewport", content="width=device-width, initial-scale=1.0")
|
2019-12-08 11:38:55 +00:00
|
|
|
meta(property="og:type", content=ogType)
|
2019-12-06 14:15:56 +00:00
|
|
|
meta(property="og:title", content=titleText)
|
|
|
|
|
meta(property="og:description", content=stripHtml(desc))
|
|
|
|
|
meta(property="og:site_name", content="Nitter")
|
|
|
|
|
|
|
|
|
|
for url in images:
|
|
|
|
|
meta(property="og:image", content=getPicUrl(url))
|
|
|
|
|
|
|
|
|
|
if video.len > 0:
|
|
|
|
|
meta(property="og:video:url", content=video)
|
|
|
|
|
meta(property="og:video:secure_url", content=video)
|
|
|
|
|
meta(property="og:video:type", content="text/html")
|
|
|
|
|
|
2019-10-21 03:19:00 +00:00
|
|
|
proc renderMain*(body: VNode; req: Request; cfg: Config; titleText=""; desc="";
|
2019-12-08 11:38:55 +00:00
|
|
|
rss=""; video=""; images: seq[string] = @[]): string =
|
2019-10-23 12:06:47 +00:00
|
|
|
let prefs = getPrefs(req.cookies.getOrDefault("preferences"), cfg)
|
2019-10-27 10:24:09 +00:00
|
|
|
let theme = toLowerAscii(prefs.theme).replace(" ", "_")
|
2019-12-06 14:15:56 +00:00
|
|
|
|
2019-07-10 22:42:31 +00:00
|
|
|
let node = buildHtml(html(lang="en")):
|
2019-12-08 11:38:55 +00:00
|
|
|
renderHead(prefs, cfg, titleText, desc, video, images):
|
2019-10-27 10:24:09 +00:00
|
|
|
if theme.len > 0:
|
|
|
|
|
link(rel="stylesheet", `type`="text/css", href=(&"/css/themes/{theme}.css"))
|
2019-07-10 22:42:31 +00:00
|
|
|
|
2019-09-15 10:57:44 +00:00
|
|
|
if rss.len > 0:
|
|
|
|
|
link(rel="alternate", `type`="application/rss+xml", href=rss, title="RSS feed")
|
|
|
|
|
|
2019-07-10 22:42:31 +00:00
|
|
|
body:
|
2019-10-21 03:19:00 +00:00
|
|
|
renderNavbar(cfg.title, rss, req)
|
2019-07-10 22:42:31 +00:00
|
|
|
|
2019-09-13 17:52:05 +00:00
|
|
|
tdiv(class="container"):
|
2019-07-10 22:42:31 +00:00
|
|
|
body
|
|
|
|
|
|
|
|
|
|
result = doctype & $node
|
|
|
|
|
|
|
|
|
|
proc renderError*(error: string): VNode =
|
2019-09-13 08:44:21 +00:00
|
|
|
buildHtml(tdiv(class="panel-container")):
|
2019-07-10 22:42:31 +00:00
|
|
|
tdiv(class="error-panel"):
|
|
|
|
|
span: text error
|
|
|
|
|
|
2019-10-21 03:19:00 +00:00
|
|
|
template showError*(error: string; cfg: Config): string =
|
|
|
|
|
renderMain(renderError(error), request, cfg, "Error")
|
