From 78400d587ea5367d3424333913ff4f94ca3f1908 Mon Sep 17 00:00:00 2001
From: James Barnett <noreply@jamesbarnett.xyz>
Date: Fri, 10 Apr 2020 13:34:23 +0100
Subject: Reimplement in Kotlin

---
 src/main/resources/application.properties       |   1 +
 src/main/resources/static/stylesheets/style.css | 143 ++++++++++++++++++++++++
 src/main/resources/templates/landing.ftlh       |  58 ++++++++++
 src/main/resources/templates/lib.ftlh           |  62 ++++++++++
 src/main/resources/templates/postDetail.ftlh    |  19 ++++
 src/main/resources/templates/posts.ftlh         |  30 +++++
 6 files changed, 313 insertions(+)
 create mode 100644 src/main/resources/application.properties
 create mode 100644 src/main/resources/static/stylesheets/style.css
 create mode 100644 src/main/resources/templates/landing.ftlh
 create mode 100644 src/main/resources/templates/lib.ftlh
 create mode 100644 src/main/resources/templates/postDetail.ftlh
 create mode 100644 src/main/resources/templates/posts.ftlh

(limited to 'src/main/resources')

diff --git a/src/main/resources/application.properties b/src/main/resources/application.properties
new file mode 100644
index 0000000..4d1b8ec
--- /dev/null
+++ b/src/main/resources/application.properties
@@ -0,0 +1 @@
+spring.freemarker.settings.template_exception_handler=rethrow
diff --git a/src/main/resources/static/stylesheets/style.css b/src/main/resources/static/stylesheets/style.css
new file mode 100644
index 0000000..c561bb7
--- /dev/null
+++ b/src/main/resources/static/stylesheets/style.css
@@ -0,0 +1,143 @@
+html {
+  -webkit-text-size-adjust: 100%;
+}
+
+body {
+  font-family: Verdana, Geneva, sans-serif;
+  font-size: 10pt;
+}
+
+p {
+  margin: 5pt 0pt;
+}
+
+.header {
+  background-color: #c0c0c0;
+  display: table;
+}
+
+.subreddit-title {
+  font-weight: bold;
+  font-size: 15pt;
+  padding: 4pt 10pt;
+  display: table-cell;
+  vertical-align: middle;
+  text-decoration: none;
+  color: #000000;
+  white-space: nowrap;
+}
+
+.header-links {
+  display: table-cell;
+  vertical-align: middle;
+  width: 100%;
+}
+
+.header-links a {
+  color: #000000;
+}
+
+.post-list {
+  display: table;
+  border-spacing: 5pt;
+}
+
+.no-list-style {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+
+.post {
+  color: #828282;
+  display: table-row;
+}
+
+.post-body {
+  display: table-cell;
+  vertical-align: top;
+}
+
+.post-thumbnail {
+  display: table-cell;
+  vertical-align: top;
+  width: 100px;
+  height: auto;
+}
+
+.post-title {
+  color: #000000;
+  text-decoration: none;
+}
+
+.post-domain {
+  font-size: 8pt;
+}
+
+.post-info {
+  font-size: 7pt;
+}
+
+.nowrap {
+  white-space: nowrap;
+}
+
+.next-page-link {
+  padding: 10pt;
+}
+
+.post-summary {
+  padding: 10pt 5pt;
+}
+
+.subreddit-link {
+  color: #828282;
+}
+
+.post-selftext {
+  padding: 0pt 15pt;
+}
+
+.comments {
+  padding: 10pt 5pt;
+}
+
+.comment-heading {
+  padding-left: 5pt;
+}
+
+.comment {
+  margin-bottom: 10pt;
+}
+
+.comment.child {
+  margin-left: 10pt;
+}
+
+.comment-details {
+  font-size: 8pt;
+  color: #828282;
+}
+
+summary {
+  outline: none;
+  margin-bottom: -5pt;
+}
+
+blockquote {
+  background: #f9f9f9;
+  border-left: 5pt solid #ccc;
+  margin: 10pt 10pt 5pt;
+  padding: 2pt 10pt;
+}
+
+pre {
+  background: #f9f9f9;
+  font-size: 8pt;
+  padding: 2pt 10pt;
+}
+
+.landing-desc {
+  padding: 10pt 5pt;
+  font-size: 10pt;
+}
\ No newline at end of file
diff --git a/src/main/resources/templates/landing.ftlh b/src/main/resources/templates/landing.ftlh
new file mode 100644
index 0000000..4e99c17
--- /dev/null
+++ b/src/main/resources/templates/landing.ftlh
@@ -0,0 +1,58 @@
+<#include 'lib.ftlh'>
+
+<@wrapper title="Reddit-lite">
+  <div class="header">
+    <a class="subreddit-title">reddit-lite</a>
+    <span class="header-links"> </span>
+  </div>
+  <div class="landing-desc">
+    <p>
+      A lightweight, minimal, readonly Reddit client, designed for mobile devices or slow connections. Source is available on <a href="https://github.com/jamesbarnett91/reddit-lite">GitHub</a>.
+    </p>
+    <div>
+      Navigate to /r/&lt;subreddit> or try some of the examples below:
+      <ul>
+        <li>
+          <a href="/r/popular">Reddit frontpage (popular subreddits)</a>
+        </li>
+        <li>
+          <a href="/r/programming">/r/programming</a>
+        </li>
+        <li>
+          <a href="/r/webdev">/r/webdev</a>
+        </li>
+        <li>
+          <a href="/r/videos">/r/videos</a>
+        </li>
+        <li>
+          <a href="/r/youtubehaiku">/r/youtubehaiku</a>
+        </li>
+        <li>
+          <a href="/r/worldnews">/r/worldnews/</a>
+        </li>
+        <li>
+          <a href="/r/food">/r/food</a>
+        </li>
+      </ul>
+    </div>
+    <p>You can also paste any Reddit link (post or comment) here to view the corresponding page in this client</p>
+    <input id="reddit-link" placeholder="https://reddit.com/r/example/comments/1jke3nj2/some_example_post"> </input> <button id="view-link">view in reddit-lite</button>
+    <p id="link-error" hidden >specified link does not contain "reddit.com"</p>
+  </div>
+
+  <script>
+    document.addEventListener("DOMContentLoaded", function() {
+      document.getElementById("view-link").onclick = function(e) {
+        var link = document.getElementById("reddit-link").value;
+        var linkTokens = link.split("reddit.com");
+        if(linkTokens.length === 2) {
+          window.location = linkTokens[1];
+        }
+        else {
+          document.getElementById("link-error").removeAttribute('hidden');
+        }
+      }
+    });
+  </script>
+
+</@wrapper>
\ No newline at end of file
diff --git a/src/main/resources/templates/lib.ftlh b/src/main/resources/templates/lib.ftlh
new file mode 100644
index 0000000..9b9e96b
--- /dev/null
+++ b/src/main/resources/templates/lib.ftlh
@@ -0,0 +1,62 @@
+<#macro wrapper title>
+<html>
+  <head>
+    <title>${title}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link href="/stylesheets/style.css" media="screen" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <#nested>
+  </body>
+</html>
+</#macro>
+
+<#macro header subreddit>
+  <div class="header">
+    <a class="subreddit-title" href="/r/${subreddit}">/r/${subreddit}</a>
+    <span class="header-links">
+      <#nested>
+    </span>
+  </div>
+</#macro>
+
+<#macro postSummary post>
+  <div class="post-body">
+    <div>
+      <a class="post-title" href="${post.primaryLink}">${post.title}</a>
+      <span class="post-domain">(${post.domain})</span>
+    </div>
+    <div class="post-info">
+      <span class="nowrap"><@pluralise post.score "point"/></span>
+      <span class="nowrap">by ${post.author}</span>
+      <span class="nowrap"> in <a class="subreddit-link" href="${post.subredditPath}">${post.subredditPath}</a></span>
+      <span class="nowrap">${post.relativeCreatedDate}</span> | <span class="nowrap"><a href="${post.subredditPath}/comments/${post.id}"><@pluralise post.commentCount, "comment"/></a></span>
+    </div>
+  </div>
+</#macro>
+
+<#macro postComment comment>
+  <div class="comment<#if comment.isChild()> child</#if>">
+    <#if comment.author?has_content>
+      <details open>
+        <summary>
+          <span class="comment-details">${comment.author} <#if comment.flairText?has_content>${comment.flairText}</#if> | ${comment.relativeCreatedDate} | <@pluralise comment.score "point"/></span>
+        </summary>
+        <div class="comment-text">${comment.bodyHtmlUnescaped?no_esc}</div>
+        <#list comment.replies as childComment>
+          <@postComment childComment/>
+        </#list>
+      </details>
+    <#else>
+      <a href="#">TODO Load more comments...</a>
+    </#if>
+  </div>
+</#macro>
+
+<#macro pluralise count word>
+  <#if count == 1>
+    ${count} ${word}
+  <#else>
+    ${count} ${word}s
+  </#if>
+</#macro>
\ No newline at end of file
diff --git a/src/main/resources/templates/postDetail.ftlh b/src/main/resources/templates/postDetail.ftlh
new file mode 100644
index 0000000..576e6e1
--- /dev/null
+++ b/src/main/resources/templates/postDetail.ftlh
@@ -0,0 +1,19 @@
+<#include 'lib.ftlh'>
+
+<@wrapper title="/r/${subreddit}">
+  <@header subreddit/>
+
+  <div class="post-summary">
+    <@postSummary postDetail.post/>
+  </div>
+
+  ${(postDetail.selftextHtmlUnescaped?no_esc)!""}
+
+  <div class="comment-heading"><@pluralise postDetail.commentCount, "comment"/></div>
+  <div class="comments">
+    <#list postDetail.comments as comment>
+      <@postComment comment/>
+    </#list>
+  </div>
+
+</@wrapper>
\ No newline at end of file
diff --git a/src/main/resources/templates/posts.ftlh b/src/main/resources/templates/posts.ftlh
new file mode 100644
index 0000000..56dbd1b
--- /dev/null
+++ b/src/main/resources/templates/posts.ftlh
@@ -0,0 +1,30 @@
+<#include 'lib.ftlh'>
+
+<@wrapper title="/r/${subreddit}">
+  <#assign thumbnailUrlFragment>/r/${subreddit}?after=${postAfterId!}&showThumbs=</#assign>
+  <@header subreddit>
+    <#if showThumbs>
+      <a href='${thumbnailUrlFragment}false'>hide thumbnails</a>
+    <#else>
+      <a href='${thumbnailUrlFragment}true'>show thumbnails</a>
+    </#if>
+  </@header>
+
+  <ol class="post-list no-list-style">
+    <#list posts as post>
+      <li>
+        <div class="post">
+          <#if showThumbs && !post.isSelfPost() && post.thumbnailUrl?has_content>
+            <a class="post-title" href="${post.primaryLink}">
+              <img src="${post.thumbnailUrl}" class="post-thumbnail"> </img>
+            </a>
+          </#if>
+          <@postSummary post/>
+        </div>
+      </li>
+    </#list>
+  </ol>
+
+  <a class="next-page-link" href="/r/${subreddit}?after=${nextPostId}&showThumbs=${showThumbs?c}">next page ></a>
+
+</@wrapper>
\ No newline at end of file
-- 
cgit v1.2.3