From 99e3aad2a031c5b95f46566095f39209369760e6 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Mon, 6 Jun 2022 11:55:11 +0300
Subject: [PATCH] Fix an issue with results per page causing page to crash

---
 searchPages/searchUtils/newSearchPage.component.html | 8 ++++----
 searchPages/searchUtils/newSearchPage.component.ts   | 4 ----
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/searchPages/searchUtils/newSearchPage.component.html b/searchPages/searchUtils/newSearchPage.component.html
index f64a4f44..d0a3ea5d 100644
--- a/searchPages/searchUtils/newSearchPage.component.html
+++ b/searchPages/searchUtils/newSearchPage.component.html
@@ -276,17 +276,17 @@
               <div *ngIf="(searchUtils.status !== errorCodes.LOADING || !loadPaging)">
                 <ng-container *ngTemplateOutlet="selected_filters_pills;"></ng-container>
               </div>
-              <div  *ngIf="availablePageOptions.length > 0 || sort || searchUtils.totalResults > searchUtils.size ||
+              <div *ngIf="searchUtils.totalResults > 10 || sort || searchUtils.totalResults > searchUtils.size ||
                       (!loadPaging && oldTotalResults > searchUtils.size && searchUtils.status == errorCodes.LOADING)"
                     class="uk-grid uk-flex-middle uk-child-width-1-1 uk-child-width-1-2@m uk-margin-medium-top" uk-grid>
                 <div>
                   <div class="uk-flex uk-flex-middle">
-                    <div *ngIf="availablePageOptions.length > 0" class="uk-width-small uk-margin-right">
+                    <div *ngIf="searchUtils.totalResults > 10" class="uk-width-small uk-margin-right">
                       <div input type="select" placeholder="Results per page" inputClass="flat x-small"
-                        [options]="availablePageOptions" [(value)]="searchUtils.size" [disabled]="disabled"
+                        [options]="pageOptions" [(value)]="searchUtils.size" [disabled]="disabled"
                         (valueChange)="sizeChanged($event)"></div>
                     </div>
-                    <search-sorting *ngIf="sort"
+                    <search-sorting *ngIf="sort && searchUtils.totalResults > 0"
                                     [entityType]="entityType" [sortBy]="searchUtils.sortBy"
                                     (sortByChange)="sortByChanged($event)"
                                     [isDisabled]="disabled">
diff --git a/searchPages/searchUtils/newSearchPage.component.ts b/searchPages/searchUtils/newSearchPage.component.ts
index 2b195b5f..6aac0ad0 100644
--- a/searchPages/searchUtils/newSearchPage.component.ts
+++ b/searchPages/searchUtils/newSearchPage.component.ts
@@ -1701,8 +1701,4 @@ export class NewSearchPageComponent implements OnInit, OnDestroy, OnChanges {
     }
     return totalPages;
   }
-  
-  get availablePageOptions() {
-    return this.pageOptions.filter(option => option < this.searchUtils.totalResults);
-  }
 }