From 720b79beb2375138fbdeee190a5258eec87d480b Mon Sep 17 00:00:00 2001
From: Zeeshan <zdawood@four51.com>
Date: Wed, 14 Nov 2018 11:17:53 -0600
Subject: [PATCH] Fix: Pagination Issues when list has 100s of options

https://github.com/ordercloud-api/ngx-shopper/issues/284
---
 .../components/order-list/order-list.component.html      | 3 ++-
 .../containers/product-list/product-list.component.html  | 3 ++-
 .../generic-browse/generic-browse.component.html         | 3 ++-
 .../generic-browse/generic-browse.component.spec.ts      | 9 ++++++++-
 .../generic-browse/generic-browse.component.html         | 3 ++-
 5 files changed, 16 insertions(+), 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
index c96577e1..b27038ec 100644
--- 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>
\ No newline at end of file
+                (pageChange)="changePage($event)"
+                [rotate]="true"></ngb-pagination>
\ No newline at end of file
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
index 0b8fa7e3..4e181512 100644
--- 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
index b3866a7d..21737328 100644
--- 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>
\ No newline at end of file
+                (pageChange)="requestOptionsUpdated.emit({ page: $event })"
+                [rotate]="true"></ngb-pagination>
\ No newline at end of file
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
index 2410321f..27f535bf 100644
--- 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
index df41ad43..24869e75 100644
--- 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>
\ No newline at end of file
+                (pageChange)="page.emit($event)"
+                [rotate]="true"></ngb-pagination>
\ No newline at end of file