Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters
2019-07-11 00:42:31 +02:00
parent fad2575d93
commit ab36664ad2
21 changed files with 482 additions and 507 deletions
--- a/src/views/general.nim
+++ b/src/views/general.nim
@@ -0,0 +1,35 @@
+import karax/[karaxdsl, vdom]
+
+const doctype = "<!DOCTYPE html>\n"
+
+proc renderMain*(body: VNode; title="Nitter"): string =
+  let node = buildHtml(html(lang="en")):
+    head:
+      title: text title
+      link(rel="stylesheet", `type`="text/css", href="/style.css")
+
+    body:
+      nav(id="nav", class="nav-bar container"):
+        tdiv(class="inner-nav"):
+          tdiv(class="item"):
+            a(href="/", class="site-name"): text "nitter"
+
+      tdiv(id="content", class="container"):
+        body
+
+  result = doctype & $node
+
+proc renderSearch*(): VNode =
+  buildHtml(tdiv(class="panel")):
+    tdiv(class="search-panel"):
+      form(`method`="post", action="search"):
+        input(`type`="text", name="query", placeholder="Enter username...")
+        button(`type`="submit"): text "🔎"
+
+proc renderError*(error: string): VNode =
+  buildHtml(tdiv(class="panel")):
+    tdiv(class="error-panel"):
+      span: text error
+
+proc showError*(error: string): string =
+  renderMain(renderError(error), title = "Error | Nitter")