From 572671a916335fbbe8766b37b683b8a585c49abd Mon Sep 17 00:00:00 2001
From: Mark Powers <mark@marks.kitchen>
Date: Thu, 24 Dec 2020 12:48:58 -0600
Subject: Add background changer and css

---
 src/js/background.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/js/background.js

(limited to 'src/js')

diff --git a/src/js/background.js b/src/js/background.js
new file mode 100644
index 0000000..f8a7684
--- /dev/null
+++ b/src/js/background.js
@@ -0,0 +1,29 @@
+function set_background_image(){
+    let date = new Date();
+    let current_hour = date.getHours() 
+    if(current_hour <= 8 || current_hour >= 20){
+        var photo = "night.jpg"
+    } else if(current_hour <= 10 || current_hour > 17){
+        var photo = "change.jpg"
+    } else {
+        var photo = "day.jpg"
+    }
+    let btn = document.getElementById("loadBtn")
+    if(btn){
+        btn.remove()
+    }
+    if(!document.getElementById("backgroundId")){
+        document.body.style.backgroundImage = `url('/res/${photo}')`; 
+        let desc = document.createElement("p")
+        desc.id = "backgroundId"
+        desc.innerHTML = "Background images in the public domain, painted by <a href=\"https://artvee.com/artist/ivan-konstantinovich-aivazovsky/\">Ivan Konstantinovich Aivazovsky.</a>"
+        footer.appendChild(desc)
+    }
+}
+let el = document.createElement("a")
+el.id = "loadBtn"
+el.innerText = "load background"
+el.onclick = set_background_image
+let footer = document.getElementsByTagName("footer")[0]
+footer.appendChild(el)
+
-- 
cgit v1.2.3


From 5b5dc610bc0da17fd006982de50b4dc74b134a54 Mon Sep 17 00:00:00 2001
From: Mark Powers <mark@marks.kitchen>
Date: Tue, 5 Jan 2021 20:25:10 -0600
Subject: Refactor likes to use JS to avoid redirect

---
 src/css/styles.css        |  3 ++-
 src/js/like.js            | 11 +++++++++++
 src/server.js             |  2 +-
 src/templates/feed.html   |  4 ++--
 src/templates/header.html |  2 +-
 5 files changed, 17 insertions(+), 5 deletions(-)
 create mode 100644 src/js/like.js

(limited to 'src/js')

diff --git a/src/css/styles.css b/src/css/styles.css
index 88d8e68..4572569 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -147,6 +147,7 @@ p {
     vertical-align: middle;
     white-space: nowrap;
     text-decoration: none;
+    cursor: pointer;
 }
 
 .btn-primary {
@@ -232,7 +233,7 @@ a.navigation:visited, a.navigation:link {
     content: "@marks.kitchen";
 }
 
-a.cool {
+.cool {
     float: right;
 }
 
diff --git a/src/js/like.js b/src/js/like.js
new file mode 100644
index 0000000..cd1e015
--- /dev/null
+++ b/src/js/like.js
@@ -0,0 +1,11 @@
+function likePost(type, id){
+    fetch(`/post/like/${type}/${id}`)
+       .then(response => response.json())
+        .then(response => {
+          console.log(response)
+          let btn_id=`btn_${type}_${id}`
+          let el = document.getElementById(btn_id)
+          el.innerText = `👍 (${response.likes})`
+        })
+}
+
diff --git a/src/server.js b/src/server.js
index 07da08c..773feb0 100644
--- a/src/server.js
+++ b/src/server.js
@@ -153,7 +153,7 @@ function setUpRoutes(models, jwtFunctions, database, templates) {
             where: { type, id },
         });
         post.update({likes: post.likes+1})
-        res.redirect(`/post/${type}/${id}`);
+        res.status(200).send({likes: post.likes});
     })
     server.get('/tags/:name', async (req, res) => {
         const { name } = req.params;
diff --git a/src/templates/feed.html b/src/templates/feed.html
index ae3494c..3ea4f16 100644
--- a/src/templates/feed.html
+++ b/src/templates/feed.html
@@ -21,9 +21,9 @@
                 <a class="tag" href="/tags/{{this}}">{{this}}</a>
                 {{/each}}
             </span>
-            <a class="cool btn btn-secondary" href="/post/like/{{this.type}}/{{this.id}}">
+            <span class="cool btn btn-secondary" onclick="likePost('{{this.type}}', {{this.id}})" id="btn_{{this.type}}_{{this.id}}">
               &#128077; ({{this.likes}})
-            </a>
+            </span>
         </p>
     </div>
     {{/each}}
diff --git a/src/templates/header.html b/src/templates/header.html
index 2ceebfd..1989b04 100644
--- a/src/templates/header.html
+++ b/src/templates/header.html
@@ -2,4 +2,4 @@
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 <link rel="icon" href="/favicon.svg">
 <link rel="alternate icon" href="/favicon.ico">
-
+<script src="/js/like.js"></script>
-- 
cgit v1.2.3