Pagination for missing is alive!

UI/Missing/Collection.js

@@ -4,10 +4,6 @@ define(['app', 'Series/EpisodeModel'], function () {
         url       : NzbDrone.Constants.ApiRoot + '/missing',
         model     : NzbDrone.Series.EpisodeModel,
 
-        comparator: function (model) {
-            return model.get('airDate');
-        },
-
         state: {
             pageSize: 10,
             sortKey: "airDate",
@@ -18,12 +14,24 @@ define(['app', 'Series/EpisodeModel'], function () {
             totalPages: null,
             totalRecords: null,
             pageSize: 'pageSize',
-            sortKey: "sortBy",
-            order: "direction",
+            sortKey: "sortKey",
+            order: "sortDir",
             directions: {
                 "-1": "asc",
                 "1": "desc"
             }
+        },
+
+        parseState: function (resp, queryParams, state) {
+            return {totalRecords: resp.totalRecords};
+        },
+
+        parseRecords: function (resp) {
+            if (resp) {
+                return resp.records;
+            }
+
+            return resp;
         }
     });
 });

UI/Missing/MissingLayout.js

@@ -13,7 +13,8 @@ define([
 
             regions: {
                 missing: '#x-missing',
-                toolbar: '#x-toolbar'
+                toolbar: '#x-toolbar',
+                pager  : '#x-pager'
             },
 
             showTable: function () {
@@ -48,6 +49,12 @@ define([
                         editable  : false,
                         cell      : 'airDate',
                         headerCell: 'nzbDrone'
+//                        headerCell: Backgrid.NzbDroneHeaderCell.extend({
+//                                initialize: function(options) {
+//                                    this.constructor.__super__.initialize.apply(this, [options]);
+//                                    this.direction('descending');
+//                                }
+//                            })
                     },
                     {
                         name      : 'edit',
@@ -66,6 +73,13 @@ define([
                         collection: this.missingCollection,
                         className : 'table table-hover'
                     }));
+
+                this.pager.show(new Backgrid.NzbDronePaginator({
+                    columns: columns,
+                    collection: this.missingCollection
+                }));
+
+                this.missingCollection.getFirstPage();
             },
 
             initialize: function () {

UI/Missing/MissingLayoutTemplate.html

@@ -4,3 +4,8 @@
         <div id="x-missing"></div>
     </div>
 </div>
+<div class="row">
+    <div class="span12">
+        <div id="x-pager"></div>
+    </div>
+</div>