Fix: Pagination Issues when list has 100s of options

ordercloud-api#284
Labedlam · Nov 14, 2018 · 720b79b · 720b79b
1 parent d0cf099
commit 720b79b
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 5 deletions.
diff --git a/src/UI/Buyer/src/app/order/components/order-list/order-list.component.html b/src/UI/Buyer/src/app/order/components/order-list/order-list.component.html
@@ -74,4 +74,5 @@
                 [collectionSize]="orders.Meta.TotalCount"
                 [pageSize]="orders.Meta.PageSize"
                 [(page)]="orders.Meta.Page"
-                (pageChange)="changePage($event)"></ngb-pagination>
+                (pageChange)="changePage($event)"
+                [rotate]="true"></ngb-pagination>
diff --git a/src/UI/Buyer/src/app/product/containers/product-list/product-list.component.html b/src/UI/Buyer/src/app/product/containers/product-list/product-list.component.html
@@ -99,7 +99,8 @@ <h5 class="card-title mb-0">
                         [collectionSize]="productList.Meta.TotalCount"
                         [pageSize]="productList.Meta.PageSize"
                         [(page)]="productList.Meta.Page"
-                        (pageChange)="changePage($event)"></ngb-pagination>
+                        (pageChange)="changePage($event)"
+                        [rotate]="true"></ngb-pagination>
       </div>
     </div>
   </div>

diff --git a/src/UI/Buyer/src/app/shared/components/generic-browse/generic-browse.component.html b/src/UI/Buyer/src/app/shared/components/generic-browse/generic-browse.component.html
@@ -28,4 +28,5 @@
                 [collectionSize]="meta.TotalCount"
                 [pageSize]="meta.PageSize"
                 [(page)]="meta.Page"
-                (pageChange)="requestOptionsUpdated.emit({ page: $event })"></ngb-pagination>
+                (pageChange)="requestOptionsUpdated.emit({ page: $event })"
+                [rotate]="true"></ngb-pagination>
diff --git a/src/UI/Buyer/src/app/shared/components/generic-browse/generic-browse.component.spec.ts b/src/UI/Buyer/src/app/shared/components/generic-browse/generic-browse.component.spec.ts
@@ -1,7 +1,13 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { GenericBrowseComponent } from '@app-buyer/shared/components/generic-browse/generic-browse.component';
-import { Directive, Input, Output, EventEmitter } from '@angular/core';
+import {
+  Directive,
+  Input,
+  Output,
+  EventEmitter,
+  NO_ERRORS_SCHEMA,
+} from '@angular/core';
 import { By } from '@angular/platform-browser';
 
 describe('GenericBrowseComponent', () => {
@@ -35,6 +41,7 @@ describe('GenericBrowseComponent', () => {
         MockSearchDirective,
         MockPaginationDirective,
       ],
+      schemas: [NO_ERRORS_SCHEMA], // Ignore template errors: remove if tests are added to test template
     }).compileComponents();
   }));
 

diff --git a/src/UI/Seller/src/app/shared/components/generic-browse/generic-browse.component.html b/src/UI/Seller/src/app/shared/components/generic-browse/generic-browse.component.html
@@ -22,4 +22,5 @@
                 [collectionSize]="meta.TotalCount"
                 [pageSize]="meta.PageSize"
                 [(page)]="meta.Page"
-                (pageChange)="page.emit($event)"></ngb-pagination>
+                (pageChange)="page.emit($event)"
+                [rotate]="true"></ngb-pagination>