diff --git a/libs/openchallenges/challenge-search/src/lib/challenge-search.component.html b/libs/openchallenges/challenge-search/src/lib/challenge-search.component.html
index 41fe068288..490748ab8d 100644
--- a/libs/openchallenges/challenge-search/src/lib/challenge-search.component.html
+++ b/libs/openchallenges/challenge-search/src/lib/challenge-search.component.html
@@ -160,7 +160,6 @@
/>
0"
#paginator
[pageNumber]="selectedPageNumber || defaultPageNumber"
[pageSize]="selectedPageSize || defaultPageSize"
diff --git a/libs/openchallenges/challenge-search/src/lib/challenge-search.component.ts b/libs/openchallenges/challenge-search/src/lib/challenge-search.component.ts
index 8b161bfc52..be65862c6b 100644
--- a/libs/openchallenges/challenge-search/src/lib/challenge-search.component.ts
+++ b/libs/openchallenges/challenge-search/src/lib/challenge-search.component.ts
@@ -130,7 +130,7 @@ export class ChallengeSearchComponent
defaultSortedBy: ChallengeSort = 'relevance';
defaultPageNumber = 0;
defaultPageSize = 24;
- @ViewChild('paginator', { static: true }) paginator!: PaginatorComponent;
+ @ViewChild('paginator', { static: false }) paginator!: PaginatorComponent;
// define filters
sortFilters: Filter[] = challengeSortFilter;
@@ -208,7 +208,7 @@ export class ChallengeSearchComponent
);
this.searchedTerms = params['searchTerms'];
this.selectedPageNumber = +params['pageNumber'] || this.defaultPageNumber;
- this.selectedPageSize = +params['pageSize'] || this.defaultPageSize;
+ this.selectedPageSize = this.defaultPageSize; // no available pageSize options for users
this.sortedBy = params['sort'] || this.defaultSortedBy;
const defaultQuery: ChallengeSearchQuery = {
diff --git a/libs/openchallenges/org-search/src/lib/org-search.component.html b/libs/openchallenges/org-search/src/lib/org-search.component.html
index 8877496fd0..76c270d5fe 100644
--- a/libs/openchallenges/org-search/src/lib/org-search.component.html
+++ b/libs/openchallenges/org-search/src/lib/org-search.component.html
@@ -70,7 +70,6 @@
/>
0"
#paginator
[pageNumber]="selectedPageNumber || defaultPageNumber"
[pageSize]="selectedPageSize || defaultPageSize"
diff --git a/libs/openchallenges/org-search/src/lib/org-search.component.ts b/libs/openchallenges/org-search/src/lib/org-search.component.ts
index 03455b7830..b6d3eaad0c 100644
--- a/libs/openchallenges/org-search/src/lib/org-search.component.ts
+++ b/libs/openchallenges/org-search/src/lib/org-search.component.ts
@@ -122,7 +122,7 @@ export class OrgSearchComponent implements OnInit, AfterContentInit, OnDestroy {
defaultSortedBy: OrganizationSort = 'challenge_count';
defaultPageNumber = 0;
defaultPageSize = 24;
- @ViewChild('paginator', { static: true }) paginator!: PaginatorComponent;
+ @ViewChild('paginator', { static: false }) paginator!: PaginatorComponent;
// define filters
sortFilters: Filter[] = organizationSortFilter;
@@ -163,7 +163,7 @@ export class OrgSearchComponent implements OnInit, AfterContentInit, OnDestroy {
this.selectedCategories = this.splitParam(params['categories']);
this.searchedTerms = params['searchTerms'];
this.selectedPageNumber = +params['pageNumber'] || this.defaultPageNumber;
- this.selectedPageSize = +params['pageSize'] || this.defaultPageSize;
+ this.selectedPageSize = this.defaultPageSize; // no available pageSize options for users
this.sortedBy = params['sort'] || this.defaultSortedBy;
const defaultQuery: OrganizationSearchQuery = {
diff --git a/libs/openchallenges/ui/src/lib/paginator/paginator.component.html b/libs/openchallenges/ui/src/lib/paginator/paginator.component.html
index ad5473c1a0..c392d3892b 100644
--- a/libs/openchallenges/ui/src/lib/paginator/paginator.component.html
+++ b/libs/openchallenges/ui/src/lib/paginator/paginator.component.html
@@ -8,4 +8,5 @@
[showCurrentPageReport]="true"
currentPageReportTemplate="Showing {first} to {last} of {totalRecords} results"
(onPageChange)="onPageChange($event)"
+ [alwaysShow]="false"
>
diff --git a/libs/openchallenges/ui/src/lib/paginator/paginator.component.ts b/libs/openchallenges/ui/src/lib/paginator/paginator.component.ts
index 9ba3a2e84c..cc9b3f9e86 100644
--- a/libs/openchallenges/ui/src/lib/paginator/paginator.component.ts
+++ b/libs/openchallenges/ui/src/lib/paginator/paginator.component.ts
@@ -5,6 +5,7 @@ import {
Output,
EventEmitter,
ViewChild,
+ OnInit,
} from '@angular/core';
import {
Paginator,
@@ -18,7 +19,7 @@ import {
templateUrl: './paginator.component.html',
styleUrls: ['./paginator.component.scss'],
})
-export class PaginatorComponent {
+export class PaginatorComponent implements OnInit {
@Input({ required: true }) pageNumber = 0; // index of the new page
@Input({ required: false }) pageLinkSize = 5;
@Input({ required: true }) pageSize = 0; // number of items to display in new page
@@ -29,10 +30,9 @@ export class PaginatorComponent {
itemIndex = 0; // index of the first item in the new page
- // change itemIndex's value will not dynamically trigger selection updates - seems a primeng issue
- // ngOnInit(): void {
- // this.itemIndex = this.pageNumber * this.pageSize;
- // }
+ ngOnInit(): void {
+ this.itemIndex = this.pageNumber * this.pageSize;
+ }
onPageChange(event: any): void {
this.pageChange.emit(event);