Ember JSONAPI pagination

example-usage.hbs

{{paginate-collection model page}}
  {{! your list}}
{{paginate-collection model page}}

paginate-collection-component.js

import Ember from 'ember';

const {
  Component,
  get,
  computed,
  computed: {
    reads
  }
} = Ember;

const PageNumbers = Component.extend({
  pageCount: reads('collection.meta.page-count'),
  pages: computed('collection', 'page', function() {
    return Array.from(new Array(get(this, 'pageCount')), (_,i) => i + 1);
  })
});

PageNumbers.reopenClass({
  positionalParams: ['collection', 'page']
});

export default PageNumbers;

paginate-collection-template.hbs

{{#each pages as |number|}}
  {{#if (eq number page) }}
    {{ number }}
  {{else}}
    {{link-to number (query-params page=number)}}
  {{/if}}
{{/each}}

pagination-controller-mixin.js

import Ember from 'ember';

const {
  Mixin
} = Ember;

export default Mixin.create({
  queryParams: ['page', 'size'],
  page: 1,
  size: 25
});

pagination-route-mixin.js

import Ember from 'ember';

const {
  Mixin
} = Ember;

export default Mixin.create({
  queryParams: {
    page: { refreshModel: true },
    size: { refreshModel: true }
  }
});