Merge pull request #837 from bcgov/oleks

DSS-1017: Expand pagination of search results. Listing pages.
bcgov · Dec 2, 2024 · 4d4d937 · 4d4d937
2 parents b45c52c + 5c38bb9
commit 4d4d937
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/...ponents/listings-table/aggregated-listings-table/aggregated-listings-table.component.html b/...ponents/listings-table/aggregated-listings-table/aggregated-listings-table.component.html
@@ -240,8 +240,9 @@ <h2 class="title">Aggregated Listings</h2>
 </p-table>
 
 <p-paginator #paginator class="listings-paginator" *ngIf="currentPage" (onPageChange)="onPageChange($event)"
-    [rows]="currentPage.pageSize || 25" [totalRecords]="currentPage.totalCount || 0" [showPageLinks]="false"
-    [showCurrentPageReport]="true" [showFirstLastIcon]="true" [rowsPerPageOptions]="[10, 25, 50, 100]"
+    [rows]="currentPage.pageSize || 25" [totalRecords]="currentPage.totalCount || 0" [showCurrentPageReport]="true"
+    [showJumpToPageInput]="true" [showPageLinks]="true" [showFirstLastIcon]="true"
+    [rowsPerPageOptions]="[10, 25, 50, 100]"
     [currentPageReportTemplate]="'Rows per page: {rows} &nbsp; {first}-{last} of {totalRecords}'"></p-paginator>
 </p-panel>
 

diff --git a/...ponents/listings-table/aggregated-listings-table/aggregated-listings-table.component.scss b/...ponents/listings-table/aggregated-listings-table/aggregated-listings-table.component.scss
@@ -260,7 +260,7 @@
 
         p-paginator {
             display: flex;
-            justify-content: end;
+            justify-content: center;
         }
     }
 

diff --git a/frontend/src/app/features/components/listings-table/listings-table.component.html b/frontend/src/app/features/components/listings-table/listings-table.component.html
@@ -227,8 +227,9 @@ <h2 class="title">Listings</h2>
             </ng-template>
         </p-table>
         <p-paginator #paginator class="listings-paginator" *ngIf="currentPage" (onPageChange)="onPageChange($event)"
-            [rows]="currentPage.pageSize || 25" [totalRecords]="currentPage.totalCount || 0" [showPageLinks]="false"
-            [showCurrentPageReport]="true" [showFirstLastIcon]="true" [rowsPerPageOptions]="[10, 25, 50, 100]"
+            [rows]="currentPage.pageSize || 25" [totalRecords]="currentPage.totalCount || 0"
+            [showCurrentPageReport]="true" [showJumpToPageInput]="true" [showPageLinks]="true"
+            [showFirstLastIcon]="true" [rowsPerPageOptions]="[10, 25, 50, 100]"
             [currentPageReportTemplate]="'Rows per page: {rows} &nbsp; {first}-{last} of {totalRecords}'"></p-paginator>
     </p-panel>
 

diff --git a/frontend/src/app/features/components/listings-table/listings-table.component.scss b/frontend/src/app/features/components/listings-table/listings-table.component.scss
@@ -227,7 +227,7 @@
 
         p-paginator {
             display: flex;
-            justify-content: end;
+            justify-content: center;
         }
     }