3 files changed, 77 insertions, 0 deletions

diff --git a/src/mixins/comment.pug b/src/mixins/comment.pug
new file mode 100644
index 0000000..ec01dad
--- /dev/null
+++ b/src/mixins/comment.pug
@@ -0,0 +1,20 @@
+include ../utils
+mixin comment(com, isfirst)
+  - var data = com.data
+  - var kind = com.kind
+  if kind == "more"
+    div(class=`${isfirst?'first':''}`)
+      div.more #{data.count} more comments
+  else
+    div(class=`comment ${isfirst?'first':''}`)
+      div.comment-info-container
+        div.info-item u/#{data.author}
+        div.info-item ↑ #{fmtnum(data.ups)}
+      div.comment-body 
+        != data.body_html
+      div.replies
+      if data.replies
+        if data.replies.data
+          if data.replies.data.children
+            each reply in data.replies.data.children
+              +comment(reply,false)
diff --git a/src/mixins/post.pug b/src/mixins/post.pug
new file mode 100644
index 0000000..f5819d4
--- /dev/null
+++ b/src/mixins/post.pug
@@ -0,0 +1,25 @@
+include ../utils
+mixin post(p)
+  article.post
+    div.post-container
+      div.post-text
+        div.title-container
+          != p.title
+          span.domain   (#{p.domain})
+        div.info-container 
+          div.info-item ↑ #{fmtnum(p.ups)}
+          div.info-item by u/#{p.author}
+          div.info-item 
+            a(href=`/r/${p.subreddit}`) r/#{p.subreddit}
+          div.info-item 
+            a(href=`/comments/${p.id}`) #{fmtnum (p.num_comments)} #{fmttxt(p.num_comments, 'comment')} 
+      div.media-preview
+        if p.post_hint == "image" || p.post_hint == "link"
+          if p.thumbnail && p.thumbnail != "self" || p.thumbnail != "default"
+            a(href=p.url)
+              img(src=p.thumbnail width='100px') 
+          else if p.post_hint == "hosted:video"
+            - var url = p.secure_media.reddit_video.fallback_url
+            a(href=url)
+              video(src=url height='100px')
+
diff --git a/src/mixins/sub.pug b/src/mixins/sub.pug
new file mode 100644
index 0000000..a40aa68
--- /dev/null
+++ b/src/mixins/sub.pug
@@ -0,0 +1,32 @@
+mixin subMgmt()
+  script.
+    function getSubs() {
+      var store = localStorage.getItem('subs');
+      if (store) {
+        return store.split(',').map((n)=>n.replace(/\/?r\//,''));
+      } else {
+        return [];
+      }
+    }
+
+    function subscribe(newsub) {
+      var subs = getSubs();
+      if (!subs.includes(newsub)) {
+        localStorage.setItem('subs',[...subs,newsub]);
+        updateButton(newsub);
+      }
+    }
+
+    function unsubscribe(sub) {
+      var subs = getSubs();
+      if (subs.includes(sub)) {
+        localStorage.setItem('subs',subs.filter((s)=>s!=sub));
+        updateButton(sub);
+      }
+    }
+
+    function issub(sub) {
+      return getSubs().includes(sub);
+    }
+
+