Ember CLI Pagination integration

[citmusa]

Documentation for integrating with Ember CLI Pagination addon

[dustinfarris]

Nice! Thanks for putting this together!

[benkonrath]

@citmusa I wasn't able to get the pagination working with these instructions. Which version of Ember Django Adapter, Ember, Ember Data and Ember CLI Pagination worked for you? I'd like to add the version numbers to the documentation so people using different versions know they might have issues. Thanks.

[benkonrath]

@citmusa Scratch that. I just got it work. I didn't follow all of the steps from ember cli pagination. Thanks for your contribution.

[rinti]

This is almost exactly what I did to get Ember Infinity working, when I get to work I can see if there's any difference, Otherwise I might add some info about that too.

[benkonrath]

Yeah, that would be useful. In the meantime I've figured out that the custom pagination class is not required because you can calculate the total pages with the available information.

import Ember from 'ember';
import DRFSerializer from './drf';

export default DRFSerializer.extend({
  extractMeta: function(store, type, payload) {
    if (payload && payload.results) {
      let nextPageNum = this.extractPageNumber(payload.next);
      let prevPageNum = this.extractPageNumber(payload.previous);
      let totalPages = 1;
      if (!Ember.isNone(nextPageNum)) {
        // Any page that is not the last page.
        totalPages = Math.ceil(payload.count/payload.results.length);
      } else if (Ember.isNone(nextPageNum) && !Ember.isNone(prevPageNum)) {
        // The last page when there is more than one page.
        totalPages = prevPageNum + 1;
      }

      // Sets the metadata for the type.
      store.setMetadataFor(type, {
        count: payload.count,
        next: nextPageNum,
        previous: prevPageNum,
        total_pages: totalPages
      });

      // Keep ember data from trying to parse the metadata as a records
      delete payload.count;
      delete payload.next;
      delete payload.previous;
    }
  }
});

[benkonrath]

I updated the example to take some edge cases into account. I may make a PR for the docs with this example.