adds a reverse pagination mode

Gavant · Aug 13, 2020 · aa746ed · aa746ed
1 parent 60c61f4
commit aa746ed
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 7 deletions.
diff --git a/addon/mixins/controller-pagination.ts b/addon/mixins/controller-pagination.ts
@@ -19,6 +19,7 @@ export interface PaginationController extends Controller {
     filterRootKey: string | null;
     hasMore: boolean;
     includeKey: string;
+    isPaginationReversed: boolean;
     isLoadingPage: boolean;
     isLoadingModels: boolean;
     isLoadingRoute: RegExpMatchArray | null;
@@ -69,6 +70,7 @@ export function ControllerPagination<U extends GenericConstructor<Controller>>(
         sort: NativeArray<any> = A();
         hasMore: boolean = true;
         limit: number = 10;
+        isPaginationReversed: boolean = false;
         isLoadingPage: boolean = false;
         pagingRootKey: string | null = 'page';
         filterRootKey: string | null = 'filter';
@@ -112,7 +114,9 @@ export function ControllerPagination<U extends GenericConstructor<Controller>>(
                     hasMore: models.length >= limit
                 });
 
-                tryInvoke(this.model, 'pushObjects', [models]);
+                tryInvoke(this.model, this.isPaginationReversed ? 'unshiftObjects' : 'pushObjects', [
+                    this.isPaginationReversed ? models.reverse() : models
+                ]);
             } catch (errors) {
                 reject(errors);
             }

diff --git a/addon/mixins/route-pagination.ts b/addon/mixins/route-pagination.ts
@@ -85,7 +85,10 @@ export function RoutePagination<T extends PaginationRouteClass>(
             });
 
             const modelForController = model.toArray();
-            super.setupController(controller, modelForController);
+            super.setupController(
+                controller,
+                controller.isPaginationReversed ? modelForController.reverse() : modelForController
+            );
         }
 
         /**

diff --git a/tests/dummy/app/controllers/application.ts b/tests/dummy/app/controllers/application.ts
@@ -1,17 +1,20 @@
 import Controller from '@ember/controller';
-import {ControllerPagination} from '@gavant/ember-pagination/mixins/controller-pagination';
+import { ControllerPagination } from '@gavant/ember-pagination/mixins/controller-pagination';
 
 export default class Application extends ControllerPagination(Controller) {
     serverQueryParams = ['foo', 'bar', 'baz'];
     include = ['some-rel', 'another-rel.foo'];
+    //enables reversed pagination
+    isPaginationReversed = true;
+
     foo = 123;
     bar = true;
     baz = null;
 }
 
 // DO NOT DELETE: this is how TypeScript knows how to look up your controllers.
 declare module '@ember/controller' {
-  interface Registry {
-    'application': Application;
-  }
+    interface Registry {
+        application: Application;
+    }
 }
diff --git a/tests/dummy/app/routes/application.ts b/tests/dummy/app/routes/application.ts
@@ -1,5 +1,5 @@
 import Route from '@ember/routing/route';
-import {RoutePagination} from '@gavant/ember-pagination/mixins/route-pagination';
+import { RoutePagination } from '@gavant/ember-pagination/mixins/route-pagination';
 
 export default class Application extends RoutePagination(Route) {
     model(this: any) {