From dd6ece97c010957ce0431d268d747f3ae37785a0 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Wed, 1 Jun 2022 16:28:44 +0300
Subject: [PATCH] Fix available options in page per results in search page.

---
 .../searchUtils/entitiesSelection.component.ts       |  1 +
 searchPages/searchUtils/newSearchPage.component.html | 11 ++++++-----
 searchPages/searchUtils/newSearchPage.component.ts   |  7 ++++++-
 .../advanced-search-input.component.ts               | 12 ++++++++++++
 sharedComponents/input/input.component.ts            |  6 +++---
 5 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/searchPages/searchUtils/entitiesSelection.component.ts b/searchPages/searchUtils/entitiesSelection.component.ts
index 97e7981f..fd342cf4 100644
--- a/searchPages/searchUtils/entitiesSelection.component.ts
+++ b/searchPages/searchUtils/entitiesSelection.component.ts
@@ -135,6 +135,7 @@ export class EntitiesSelectionComponent {
     }
     this.selectedEntity = this.currentEntity;
     this.selectionChange.emit({
+      init: true,
       entity: this.selectedEntity,
       simpleUrl: this.getUrl(true),
       advancedUrl: this.getUrl(false)
diff --git a/searchPages/searchUtils/newSearchPage.component.html b/searchPages/searchUtils/newSearchPage.component.html
index 35e94209..3f4c7a8d 100644
--- a/searchPages/searchUtils/newSearchPage.component.html
+++ b/searchPages/searchUtils/newSearchPage.component.html
@@ -276,13 +276,14 @@
               <div *ngIf="(searchUtils.status !== errorCodes.LOADING || !loadPaging)">
                 <ng-container *ngTemplateOutlet="selected_filters_pills;"></ng-container>
               </div>
-              <div class="uk-grid uk-flex-middle uk-child-width-1-1 uk-child-width-1-2@m uk-margin-medium-top" uk-grid>
-                <div
-                    *ngIf="(results && searchUtils.totalResults > 0) || (!loadPaging && oldTotalResults > 0 && searchUtils.status == errorCodes.LOADING)">
+              <div  *ngIf="availablePageOptions.length > 0 || 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 class="uk-width-small uk-margin-right"  *ngIf="searchUtils.totalResults >= 50 || disabled">
+                    <div *ngIf="availablePageOptions.length > 0" class="uk-width-small uk-margin-right">
                       <div input type="select" placeholder="Results per page" inputClass="flat x-small"
-                        [options]="['5','10','20','50']" [(value)]="searchUtils.size" [disabled]="disabled"
+                        [options]="availablePageOptions" [(value)]="searchUtils.size" [disabled]="disabled"
                         (valueChange)="sizeChanged($event)"></div>
                     </div>
                     <search-sorting *ngIf="sort"
diff --git a/searchPages/searchUtils/newSearchPage.component.ts b/searchPages/searchUtils/newSearchPage.component.ts
index 5eec41c6..87774787 100644
--- a/searchPages/searchUtils/newSearchPage.component.ts
+++ b/searchPages/searchUtils/newSearchPage.component.ts
@@ -119,6 +119,7 @@ export class NewSearchPageComponent {
   public errorCodes: ErrorCodes = new ErrorCodes();
   url = null;
   metaDescription = "";
+  public pageOptions: number[] = [5, 10, 20, 50];
   @Input() basicMetaDescription = [];
   
   @Input() entitiesSelection: boolean = true;
@@ -228,7 +229,7 @@ export class NewSearchPageComponent {
   }
   
   get disabled() {
-    return this.disableForms || this.disableRefineForms
+    return this.disableForms || this.disableRefineForms;
   }
   
   updateMeta(title: string) {
@@ -1685,4 +1686,8 @@ export class NewSearchPageComponent {
     }
     return totalPages;
   }
+  
+  get availablePageOptions() {
+    return this.pageOptions.filter(option => option < this.searchUtils.totalResults);
+  }
 }
diff --git a/sharedComponents/advanced-search-input/advanced-search-input.component.ts b/sharedComponents/advanced-search-input/advanced-search-input.component.ts
index 17562223..06c5d552 100644
--- a/sharedComponents/advanced-search-input/advanced-search-input.component.ts
+++ b/sharedComponents/advanced-search-input/advanced-search-input.component.ts
@@ -62,6 +62,18 @@ export class AdvancedSearchInputComponent implements AfterContentInit, OnDestroy
   ngOnDestroy() {
   }
   
+  focusNext(input: InputComponent | EntitiesSelectionComponent, event: any = null) {
+    if(!event || !event.init) {
+      setTimeout(() => {
+        if(input instanceof  InputComponent) {
+          input.focus(true);
+        } else {
+          input.input.focus(true);
+        }
+      }, 100);
+    }
+  }
+  
   get length() {
     return this.inputs.length + this.entities.length;
   }
diff --git a/sharedComponents/input/input.component.ts b/sharedComponents/input/input.component.ts
index 62f69627..b2eec667 100644
--- a/sharedComponents/input/input.component.ts
+++ b/sharedComponents/input/input.component.ts
@@ -245,11 +245,11 @@ export class InputComponent implements OnInit, OnDestroy, AfterViewInit, OnChang
   }
   
   @Input()
-  set options(options: (Option | string) []) {
+  set options(options: (Option | string | number) []) {
     this.optionsArray = options.map(option => {
-      if (typeof option === 'string') {
+      if (typeof option === 'string' || typeof option === 'number') {
         return {
-          label: option,
+          label: option.toString(),
           value: option
         };
       } else {