[DSC-508] Customize TopComponent query pagination

4Science · Mar 7, 2022 · 468f786 · 468f786
1 parent 1c8bba5
commit 468f786
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/src/app/+explore/explore.component.spec.ts b/src/app/+explore/explore.component.spec.ts
@@ -34,6 +34,7 @@ describe('ExploreComponent', () => {
     style: 'col-md-6',
     order: 'desc',
     sortField: 'dc.date.accessioned',
+    numberOfItems: 5,
     titleKey: 'lastPublications'
   };
 

diff --git a/src/app/core/layout/models/section.model.ts b/src/app/core/layout/models/section.model.ts
@@ -55,6 +55,7 @@ export interface TopSection extends SectionComponent {
   order: string;
   titleKey: string;
   componentType: 'top';
+  numberOfItems: number;
 }
 
 export interface SearchSection extends SectionComponent {

diff --git a/src/app/shared/explore/section-component/top-section/top-section.component.spec.ts b/src/app/shared/explore/section-component/top-section/top-section.component.spec.ts
@@ -81,6 +81,7 @@ describe('TopSectionComponent', () => {
       style: 'col-md-6',
       order: 'desc',
       sortField: 'dc.date.accessioned',
+      numberOfItems: 5,
       titleKey: undefined
     };
 
@@ -119,6 +120,7 @@ describe('TopSectionComponent', () => {
         style: 'col-md-6',
         order: 'desc',
         sortField: 'dc.date.foo',
+        numberOfItems: 5,
         titleKey: 'lastPublications'
       };
 

diff --git a/src/app/shared/explore/section-component/top-section/top-section.component.ts b/src/app/shared/explore/section-component/top-section/top-section.component.ts
@@ -26,12 +26,12 @@ export class TopSectionComponent implements OnInit {
   paginatedSearchOptions: PaginatedSearchOptions;
 
   ngOnInit() {
-
     const order = this.topSection.order;
+    const numberOfItems = this.topSection.numberOfItems;
     const sortDirection = order && order.toUpperCase() === 'ASC' ? SortDirection.ASC : SortDirection.DESC;
     const pagination: PaginationComponentOptions = Object.assign(new PaginationComponentOptions(), {
       id: 'search-object-pagination',
-      pageSize: 5,
+      pageSize: numberOfItems,
       currentPage: 1
     });