Paginate reverse dependencies

Author: alexcrichton

app/adapters/dependency.js

@@ -0,0 +1,15 @@
+import ApplicationAdapter from './application';
+
+export default ApplicationAdapter.extend({
+    findQuery: function(store, type, query) {
+        if (!query.reverse) {
+            return this._super(store, type, query);
+        }
+        delete query.reverse;
+        var crate = query.crate;
+        delete query.crate;
+        return this.ajax(this.urlPrefix() + '/crates/' + crate.get('id') +
+                                            '/reverse_dependencies',
+                         'GET', { data: query });
+    },
+});

app/controllers/crate/reverse-dependencies.js

@@ -0,0 +1,13 @@
+import Ember from 'ember';
+import PaginationMixin from 'cargo/mixins/pagination';
+
+export default Ember.ArrayController.extend(PaginationMixin, {
+    queryParams: ['page', 'per_page'],
+    page: '1',
+    per_page: 10,
+
+    totalItems: function() {
+        return this.store.metadataFor('dependency').total;
+    }.property('model'),
+});
+

app/routes/crate/reverse-dependencies.js

@@ -2,19 +2,44 @@ import Ember from 'ember';
 import Crate from 'cargo/models/crate';
 
 export default Ember.Route.extend({
+    queryParams: {
+        page: { refreshModel: true },
+    },
+
+    crate: null,
+    reverse_dependencies: null,
+    params: null,
+
+    model: function(params, transition) {
+        this.set('params', params);
+        return this._super(params, transition);
+    },
+
     afterModel: function(data) {
-      console.log("afterModel");
+        var crate;
         if (data instanceof Crate) {
-            return data.get('reverse_dependencies');
+            crate = data;
         } else {
-            return data.crate.get('reverse_dependencies');
+            crate = data.crate;
         }
+        var self = this;
+
+        var params = this.get('params');
+        params.reverse = true;
+        params.crate = crate;
+
+        return this.store.find('dependency', params).then(function(deps) {
+            var controller = self.controllerFor('crate/reverse_dependencies');
+            if (controller) {
+                controller.set('model', deps);
+            }
+            self.set('reverse_dependencies', deps);
+            self.set('crate', crate);
+        });
     },
 
-    setupController: function(controller, data) {
-        if (data instanceof Crate) {
-            data = {crate: data, reverse_dependencies: null};
-        }
-        this._super(controller, data.crate);
+    setupController: function(controller) {
+        this._super(controller, this.get('reverse_dependencies'));
+        controller.set('crate', this.get('crate'));
     },
 });

app/templates/crate/reverse-dependencies.hbs

@@ -1,16 +1,20 @@
 <div class='all-versions-back'>
-    {{#link-to 'crate' this}}&#11013; Back to Main Page{{/link-to}}
+    {{#link-to 'crate' crate}}&#11013; Back to {{ crate.name }}{{/link-to}}
 </div>
 
-<div class='info'>
-    <span class='small'>
-        All <span class='num'>{{ reverse_dependencies.length }}</span>
-        reverse dependencies of <span class='num'>{{ name }}</span>
-    </span>
+<div id='results'>
+    <div class='nav'>
+        <span class='amt'>
+            Displaying
+            <span class='cur'>{{ currentPageStart }}-{{ currentPageEnd }}</span>
+            of <span class='total'>{{ totalItems }}</span> reverse dependencies
+            of <span class='num'>{{ crate.name }}</span>
+        </span>
+    </div>
 </div>
 
 <div id='crate-all-reverse-dependencies' class='white-rows'>
-    {{#each model.reverse_dependencies}}
+    {{#each}}
         <div class='row'>
           <div>
             {{#link-to 'crate' crate_id}}{{crate_id}}{{/link-to}} requires {{req}}
@@ -22,3 +26,15 @@
         </div>
     {{/each}}
 </div>
+
+<div class='pagination'>
+    {{#link-to 'crate.reverse_dependencies' crate (query-params page=prevPage) class="prev"}}
+        <img src="/assets/left-pag.png"/>
+    {{/link-to}}
+    {{#each pages}}
+        {{#link-to 'crate.reverse_dependencies' crate (query-params page=this)}}{{ this }}{{/link-to}}
+    {{/each}}
+    {{#link-to 'crate.reverse_dependencies' crate (query-params page=nextPage) class="next"}}
+        <img src="/assets/right-pag.png"/>
+    {{/link-to}}
+</div>