Implemented functionality allowing people to view older posts on the home page.

includes/html/header.html

@@ -8,8 +8,8 @@
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <link rel="stylesheet" href="/includes/css/purge.css" media="screen">
-    <!--<link rel="stylesheet" href="/css/bootstrap.css" media="screen">-->
+    <!--<link rel="stylesheet" href="/includes/css/purge.css" media="screen">-->
+    <link rel="stylesheet" href="/includes/css/bootstrap.css" media="screen">
     <link rel="stylesheet" href="/includes/css/code.css" media="screen">
 
 

posts/category.js

@@ -4,6 +4,8 @@ const sql = require('../utils/sql');
 //file IO
 const utils = require('../utils/utils.js');
 
+const batchPreview = require('../posts/renderBatchOfPreviewes');
+
 
 /**
  * Renders all posts in a single category
@@ -11,7 +13,7 @@ const utils = require('../utils/utils.js');
  * @param resultURL
  * @returns {*}
  */
-const renderPosts = function(resultURL)
+const renderPosts = function(resultURL, page)
 {
     const splitURL = resultURL.split("/");
     if(splitURL.length >= 3)
@@ -20,32 +22,10 @@ const renderPosts = function(resultURL)
         {
             sql.getPostsFromCategory(splitURL[2]).then(function(posts)
             {
-                var promises = [];
-                posts.forEach(function(p)
-                {
-                    promises.push(new Promise(function(res, rej)
-                    {
-                        require("../posts/singlePost.js")
-                            .renderPreview(p).then(function(html)
-                        {
-                            res(html);
-                        }).catch(function(error)
-                        {
-                            rej(error);
-                        })
-                    }));
-                });
-
-                Promise.all(promises).then(function(content)
-                {
-                    resolve("<div class='col-md-8'>" + content.join('') + "</div>");
-                }).catch(function(error)
-                {
-                    reject(error);
-                });
-            }).catch(function(err)
+                resolve(batchPreview.main(resultURL, posts, page, 5));
+            }).catch(function(error)
             {
-                reject(err);
+                reject(error);
             })
         });
     }
@@ -67,7 +47,8 @@ module.exports=
         {
             return new Promise(function(resolve, reject)
             {
-                Promise.all([renderPosts(requestURL),
+                var page = request.query.page;
+                Promise.all([renderPosts(requestURL, page),
                     require("../sidebar/sidebar.js").main()]).then(function(content)
                 {
                     resolve(content.join(''));

posts/homePage.js

@@ -1,42 +1,19 @@
 const sql = require('../utils/sql');
 
-const postRenderer = require('../posts/singlePost.js');
+const batchPreview = require('../posts/renderBatchOfPreviewes');
 
 /**Renders each recent post for the homepage of the website
  *
  * @param result
  * @returns {*|Promise}
  */
-var renderRecentPosts = function()
+var renderRecentPosts = function(baseURL, page)
 {
     return new Promise(function(resolve, reject)
     {
         sql.getRecentPostSQL().then(function(posts)
         {
-            var postPromises = [];
-            var content = "<div class='col-md-8'>";
-            posts.forEach(function(post)
-            {
-                postPromises.push(new Promise(function(res, rej)
-                {
-                    postRenderer.renderPreview(post).then(function(cont)
-                    {
-                        res(cont);
-                    }).catch(function(error)
-                    {
-                        rej(error);
-                    })
-                }));
-            });
-
-            Promise.all(postPromises).then(function(cont)
-            {
-                content = content + cont.join('') + "</div>";
-                resolve(content);
-            }).catch(function(error)
-            {
-                reject(error);
-            })
+            resolve(batchPreview.main(baseURL, posts, page, 5));
         }).catch(function(error)
         {
             reject(error);
@@ -54,9 +31,10 @@ module.exports=
          */
         main: function(requestURL, request)
         {
+            var page = request.query.page;
             return new Promise(function(resolve, reject)
             {
-                Promise.all([renderRecentPosts(), require("../sidebar/sidebar.js").main()]).then(function(content)
+                Promise.all([renderRecentPosts(requestURL, page), require("../sidebar/sidebar.js").main()]).then(function(content)
                 {
                     resolve(content.join(''));
                 }).catch(function(error)

posts/renderBatchOfPreviewes.js

@@ -0,0 +1,53 @@
+
+module.exports=
+    {
+        /**
+         * Calls posts and sidebar modules to render blog contents in order
+         *
+         * @param res
+         * @param fileName request url
+         */
+        main: function(baseURL, posts, currentPage, numOfPosts)
+        {
+            if(typeof currentPage == "undefined")
+            {
+                currentPage = 1;
+            }
+            else
+            {
+                currentPage = Number(currentPage);
+            }
+            return new Promise(function(resolve, reject)
+            {
+
+                const promises = [];
+                for(var i = (currentPage-1) * numOfPosts; i < (currentPage-1) * numOfPosts + numOfPosts; i++)
+                {
+                    if(i < posts.length)
+                    {
+                        promises.push(new Promise(function(res, rej)
+                        {
+                            require("../posts/singlePost.js")
+                                .renderPreview(posts[i]).then(function(html)
+                            {
+                                res(html);
+                            }).catch(function(error)
+                            {
+                                rej(error);
+                            })
+                        }));
+                    }
+                }
+
+                promises.push(require('../posts/renderNextBar').main(baseURL, currentPage, numOfPosts, posts.length));
+
+                Promise.all(promises).then(function(content)
+                {
+                    resolve("<div class='col-md-8'>" + content.join('') + "</div>");
+                }).catch(function(error)
+                {
+                    reject(error);
+                });
+            });
+        }
+    };

posts/renderNextBar.js

@@ -0,0 +1,38 @@
+const isValidPage = function(page, postsPerPage, totalPosts)
+{
+    return (!(page === 0 || page -1 >= totalPosts/postsPerPage));
+};
+
+
+module.exports=
+    {
+        main: function(baseURL, currentPage, postsPerPage, totalPosts)
+        {
+            var nextPage = currentPage + 1;
+            var previousPage = currentPage - 1;
+
+            var olderPosts = "";
+            var newerPosts = "";
+
+            if (isValidPage(previousPage, postsPerPage, totalPosts))
+            {
+                newerPosts = "<button class=\"btn btn-secondary btn-lg " +
+                "w3-padding-large w3-white w3-border\"  onclick=\"location.href='" +
+                baseURL + "?page=" + previousPage +
+                "'\"><b>Newer Posts &raquo;</b></button>";
+            }
+
+            if (isValidPage(nextPage, postsPerPage, totalPosts))
+            {
+                olderPosts = "<button class=\"btn btn-secondary btn-lg " +
+                    "w3-padding-large w3-white w3-border\"  onclick=\"location.href='" +
+                    baseURL + "?page=" + nextPage +
+                    "'\"><b>Older Posts &raquo;</b></button>";
+            }
+
+            return "    <div class=\"row\">\n" +
+                "        <div class=\"col-6\">" + newerPosts + "</div>\n" +
+                "        <div class=\"col-6\"><span class=\"float-right\">" + olderPosts + "</span></div>\n" +
+                "    <br><br></div>";
+        }
+    };

sites/blog.js

@@ -38,7 +38,12 @@ module.exports=
             }
             else
             {
-                const html = cache.get(filename);
+                var page = request.query.page;
+                if(typeof page == "undefined")
+                    page = 1;
+                page = Number(page);
+
+                const html = cache.get(filename + "?page=" + page);
 
                 result.writeHead(200, {'Content-Type': 'text/html'});
                 if (html == null) {
@@ -59,13 +64,14 @@ module.exports=
                             file = "../posts/posts.js";
                     }
 
+
                     Promise.all([includes.printHeader(),
                         require(file).main(filename, request),
                         includes.printFooter()]).then(function (content)
                     {
                         result.write(content.join(''));
                         result.end();
-                        cache.put(filename, content.join(''));
+                        cache.put(filename + "?page=" + page, content.join(''));
 
                     }).catch(function (err)
                     {

utils/sql.js

@@ -196,7 +196,7 @@ module.exports=
      */
     getRecentPostSQL: function()
     {
-        return fetch("select * from posts order by post_id desc limit 10");
+        return fetch("select * from posts order by post_id desc");
     },