Personal blog written from scratch using Node.js, Bootstrap, and MySQL.
https://jrtechs.net
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.5 KiB
66 lines
2.5 KiB
/**
|
|
* Determines if the requested page is out of bounds
|
|
*
|
|
* @param page current page
|
|
* @param postsPerPage - number of blog rendered on each page
|
|
* @param totalPosts - total blog in this category/total
|
|
* @returns {boolean} if this is a valid page
|
|
*/
|
|
const isValidPage = function(page, postsPerPage, totalPosts)
|
|
{
|
|
return !(page === 0 || page -1 >= totalPosts/postsPerPage);
|
|
};
|
|
|
|
module.exports=
|
|
{
|
|
/**
|
|
* Renders two buttons on the bottom of the page to
|
|
* go to the left or right
|
|
*
|
|
* Used by the home page and categories pages
|
|
* @param baseURL -- base url of page being rendered
|
|
* @param currentPage -- current page being rendered
|
|
* @param postsPerPage -- number of blog on each page
|
|
* @param totalPosts -- total amount of blog in the category
|
|
* @returns {Promise} promise which renders the buttons
|
|
*/
|
|
main: function(baseURL, currentPage, postsPerPage, totalPosts)
|
|
{
|
|
return new Promise(function(resolve, reject)
|
|
{
|
|
|
|
if(!isValidPage(currentPage, postsPerPage, totalPosts))
|
|
{
|
|
reject("Invalid Page");
|
|
}
|
|
|
|
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 »</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 »</b></button>";
|
|
}
|
|
|
|
resolve(" <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>");
|
|
})
|
|
|
|
}
|
|
};
|