Express Handlebars Paginate Helper with Twitter Bootstrap Enabled

I have created this template as I wanted to have a paginate template that would work on the fly. I don't want to make our own html for that and can be used as a helper for express handlebars. I hope this would be useful for others as well.

Screenshot

Install

npm install express-handlebars-paginate

Usage

/* ... */

var paginateHelper = require('express-handlebars-paginate');
//Register Helper
Handlebars.registerHelper('paginateHelper', paginateHelper);

With Handlebars

server.js

/* ... */
Handlebars.registerHelper('paginateHelper', paginateHelper);

With Express Handlebars

/* ... */
hbs.handlebars.registerHelper('paginateHelper', paginateHelper.createPagination);

Send the pagination object in your response or express controller Example:

res.render('renderViewHTML', { pagination: { page: currentPage, limit:PageLimit,totalRows: TotalNoOfROWS }});

Query Parameter : Allows to send query parameters to paginatin

res.render('renderViewHTML', { pagination: { page: currentPage, limit:PageLimit,totalRows: TotalNoOfROWS, queryParams: object }});

Usage in Handlebars Template

{{{paginateHelper pagination}}}

Options

limit

Type: int Default: 7

Allows to define the number of page number limit

{{paginateHelper pagination limit="7"}}

leftText

Type: string Default: <i class="fas fa-angle-left"></i>

Allows to define the text for left link

{{paginateHelper pagination leftText="Prev"}}

rightText

Type: string Default: <i class="fas fa-angle-right"></i>

Allows to define the text for right link

{{paginateHelper pagination rightText="Next"}}

firstText

Type: string Default: <i class="fas fa-angle-double-left"></i>

Allows to define the text for first link

{{paginateHelper pagination firstText="First"}}

lastText

Type: string Default: <i class="fas fa-angle-double-right"></i>

Allows to define the text for last link

{{paginateHelper pagination lastText="Last"}}

paginationClass

Type: string Default: pagination pagination-sm

Allows to define the ul pagination class

{{paginateHelper pagination paginationClass="some class"}}