Meteor Pagination Package

README.md

Idea 1: Client Only

The user sets up the subscription and publication to take a postsLimit Session variable as parameter.

The pagination helper takes care of changing the Session variable on click.

Idea 2: Client/Server (see below)

Template

The template helper takes one argument: the name of the pagination.

Inside the template helper, you can use an if/else block to define the "load more" and "no more items" elements. The hasMore variable is automatically set for you.

Server

We create a new pagination object on the server.

Publication

The package should set up a posts publication that takes a limit parameter, and returns a cursor identical to the cursor taken as argument by the eachWithPagination helper, except extended with that limit parameter.

Subscription

The package should also automatically subscribe to the posts publication, using a postsLimit session variable.

Events

The contents of the if block are automatically assigned a click event handler that increments the postsLimit session variable.

URL

Optionally, the package could also reflect pagination changes in the URL: http://myapp.com/?posts-limit=15.

postsList.html

<template name="postsList">
  {{#eachWithPagination posts}}
    <h1>{{title}}</h1>
    <p>{{body}}</p>
    {{#if hasMore}}
      <a href="#">Load More</a>
    {{else}}
      <p>No more posts<p>
    {{/if}}
  {{/each}}
</template>

postsList.js

new Meteor.Pagination({
  name: 'posts',
  cursor: Posts.find({}, {sort: {createdAt: -1}}),
  start: 5,
  increment: 10
});