nitter/src/views/renderutils.nim

97 lines
3 KiB
Nim
Raw Normal View History

2019-11-12 09:57:28 +00:00
import strutils, xmltree
import karax/[karaxdsl, vdom, vstyles]
import ../types, ../utils
proc icon*(icon: string; text=""; title=""; class=""; href=""): VNode =
var c = "icon-" & icon
if class.len > 0: c = c & " " & class
buildHtml(tdiv(class="icon-container")):
if href.len > 0:
a(class=c, title=title, href=href)
else:
span(class=c, title=title)
if text.len > 0:
text " " & text
proc linkUser*(profile: Profile, class=""): VNode =
let
isName = "username" notin class
href = "/" & profile.username
nameText = if isName: profile.fullname
else: "@" & profile.username
buildHtml(a(href=href, class=class, title=nameText)):
text nameText
if isName and profile.verified:
icon "ok", class="verified-icon", title="Verified account"
if isName and profile.protected:
text " "
icon "lock-circled", title="Protected account"
2019-08-12 01:32:27 +00:00
proc linkText*(text: string; class=""): VNode =
let url = if "http" notin text: "http://" & text else: text
buildHtml():
a(href=url, class=class): text text
2019-09-17 19:01:44 +00:00
proc hiddenField*(name, value: string): VNode =
2019-09-05 20:53:23 +00:00
buildHtml():
2019-11-12 09:57:28 +00:00
input(name=name, style={display: "none"}, value=value)
2019-09-17 19:01:44 +00:00
proc refererField*(path: string): VNode =
hiddenField("referer", path)
2019-09-05 20:53:23 +00:00
proc iconReferer*(icon, action, path: string, title=""): VNode =
buildHtml(form(`method`="get", action=action, class="icon-button")):
2019-09-05 20:53:23 +00:00
refererField path
button(`type`="submit"):
icon icon, title=title
2019-09-05 20:53:23 +00:00
proc buttonReferer*(action, text, path: string; class=""; `method`="post"): VNode =
buildHtml(form(`method`=`method`, action=action, class=class)):
refererField path
button(`type`="submit"):
text text
2019-09-17 19:01:44 +00:00
proc genCheckbox*(pref, label: string; state: bool): VNode =
buildHtml(label(class="pref-group checkbox-container")):
2019-09-18 23:11:35 +00:00
text label
if state: input(name=pref, `type`="checkbox", checked="")
else: input(name=pref, `type`="checkbox")
span(class="checkbox")
2019-09-17 19:01:44 +00:00
2019-11-14 06:32:11 +00:00
proc genInput*(pref, label, state, placeholder: string; class=""): VNode =
2019-11-26 04:45:05 +00:00
let p = placeholder
2019-09-17 19:01:44 +00:00
buildHtml(tdiv(class=("pref-group pref-input " & class))):
if label.len > 0:
label(`for`=pref): text label
2019-11-26 04:45:05 +00:00
if state.len == 0:
input(name=pref, `type`="text", placeholder=p, value=state, autofocus="")
2019-11-14 06:32:11 +00:00
else:
2019-11-26 04:45:05 +00:00
input(name=pref, `type`="text", placeholder=p, value=state)
2019-09-17 19:01:44 +00:00
proc genSelect*(pref, label, state: string; options: seq[string]): VNode =
2019-10-23 10:05:08 +00:00
buildHtml(tdiv(class="pref-group pref-input")):
2019-09-17 19:01:44 +00:00
label(`for`=pref): text label
select(name=pref):
for opt in options:
if opt == state:
option(value=opt, selected=""): text opt
else:
option(value=opt): text opt
2019-09-19 20:11:38 +00:00
proc genDate*(pref, state: string): VNode =
2019-09-19 21:36:21 +00:00
buildHtml(span(class="date-input")):
2019-11-12 09:57:28 +00:00
input(name=pref, `type`="date", value=state)
2019-09-19 20:11:38 +00:00
icon "calendar"
2019-09-20 23:08:30 +00:00
proc genImg*(url: string; class=""): VNode =
buildHtml():
img(src=getPicUrl(url), class=class, alt="Image")
proc getTabClass*(query: Query; tab: QueryKind): string =
result = "tab-item"
if query.kind == tab:
result &= " active"