From c60b661308e98f0c5432e3e187457e960609b8c7 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Thu, 7 Dec 2023 11:01:56 +0200
Subject: [PATCH] [master] all pages: use the same search bar (except browse
 research outcomes page), grid/list view buttons disabled when no stakeholders
 to show

---
 .../browse-repositories.component.html                 |  4 ++--
 .../search-researcher/search-researcher.component.html |  6 +++---
 .../browse-stakeholders.component.html                 | 10 +++++-----
 src/app/upload-dois/upload-dois.component.html         |  4 +++-
 4 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/app/repository/browse-repositories/browse-repositories.component.html b/src/app/repository/browse-repositories/browse-repositories.component.html
index 6f97fd5..9b908cc 100644
--- a/src/app/repository/browse-repositories/browse-repositories.component.html
+++ b/src/app/repository/browse-repositories/browse-repositories.component.html
@@ -5,8 +5,8 @@
 </ng-container>
 <div *ngIf="!showLoading" class="uk-container uk-container-large">
   <div class="uk-flex uk-flex-middle uk-flex-center">
-    <div search-input *ngIf="keywordControl" [searchControl]="keywordControl" searchInputClass="border-bottom" iconPosition="left"
-      placeholder="Search for {{typeAsLabel}}s" [disabled]="stakeholders.length === 0" class="uk-width-1-2@m uk-width-1-1">
+    <div search-input *ngIf="keywordControl" [searchControl]="keywordControl" [searchInputClass]="'border-bottom'" [iconPosition]="'left'"
+      placeholder="Search for {{typeAsLabel}}s" [disabled]="stakeholders.length === 0" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1@s">
     </div>
   </div>
   <div class="uk-flex uk-flex-middle uk-flex-between uk-margin-large-top">
diff --git a/src/app/researcher/search-researcher/search-researcher.component.html b/src/app/researcher/search-researcher/search-researcher.component.html
index e7687eb..cc1b657 100644
--- a/src/app/researcher/search-researcher/search-researcher.component.html
+++ b/src/app/researcher/search-researcher/search-researcher.component.html
@@ -1,6 +1,6 @@
-    <div class=" uk-flex uk-flex-center ">
-        <div search-input [(value)]="keyword" [placeholder]="'Search for author or ORCID...'" [disabled]="orcidStatus ==errorCodes.LOADING"
-     [searchInputClass]="'inner background'" (searchEmitter)="searchByKeyword()" (valueChange)="checkForReset()"  class="uk-width-xlarge@l uk-width-large@m"></div>
+    <div class="uk-flex uk-flex-center">
+      <div search-input [(value)]="keyword" [placeholder]="'Search for author or ORCID...'" [disabled]="orcidStatus ==errorCodes.LOADING"
+        [searchInputClass]="'border-bottom'" [iconPosition]="'left'" (searchEmitter)="searchByKeyword()" (valueChange)="checkForReset()"  class="uk-width-xlarge@l uk-width-large@m uk-width-1-1@s"></div>
     </div>
 
     <div  class="uk-margin-large-top">
diff --git a/src/app/shared/browse-stakeholders/browse-stakeholders.component.html b/src/app/shared/browse-stakeholders/browse-stakeholders.component.html
index 5b92d17..e28e09b 100644
--- a/src/app/shared/browse-stakeholders/browse-stakeholders.component.html
+++ b/src/app/shared/browse-stakeholders/browse-stakeholders.component.html
@@ -7,15 +7,15 @@
   <div class="uk-flex uk-flex-middle uk-flex-between">
     <div class="uk-visible@m uk-width-small">
     </div>
-    <div search-input *ngIf="keywordControl" [searchControl]="keywordControl" searchInputClass="border-bottom" iconPosition="left"
-      placeholder="Search for {{typeAsLabel}} {{entities.stakeholders}}" [disabled]="stakeholders.length === 0" class="uk-width-1-2@m uk-width-1-1">
+    <div search-input *ngIf="keywordControl" [searchControl]="keywordControl" [searchInputClass]="'border-bottom'" [iconPosition]="'left'"
+      placeholder="Search for {{typeAsLabel}} {{entities.stakeholders}}" [disabled]="stakeholders.length === 0" class="uk-width-xlarge@l uk-width-large@m uk-width-1-1@s">
     </div>
-    <div *ngIf="stakeholders.length > 0" class="uk-flex uk-flex-middle uk-flex-right uk-width-small">
-      <button (click)="gridView = true" [class.uk-button-primary]="gridView"
+    <div [class.uk-disabled]="stakeholders.length === 0" class="uk-flex uk-flex-middle uk-flex-right uk-width-small">
+      <button (click)="gridView = true" [class.uk-button-primary]="gridView" [disabled]="stakeholders.length === 0"
               class="uk-icon-button uk-button-default uk-border-rounded uk-icon-button-small">
         <icon name="apps" [flex]="true" type="round" [ratio]="1.2"></icon>
       </button>
-      <button (click)="gridView = false" [class.uk-button-primary]="!gridView"
+      <button (click)="gridView = false" [class.uk-button-primary]="!gridView" [disabled]="stakeholders.length === 0"
               class="uk-icon-button uk-button-default uk-border-rounded uk-icon-button-small uk-margin-small-left">
         <icon name="view_list" [flex]="true" type="round" [ratio]="1.2"></icon>
       </button>
diff --git a/src/app/upload-dois/upload-dois.component.html b/src/app/upload-dois/upload-dois.component.html
index 40dbe64..bf9cf0b 100644
--- a/src/app/upload-dois/upload-dois.component.html
+++ b/src/app/upload-dois/upload-dois.component.html
@@ -129,7 +129,9 @@
             </div>
             <!-- Search and paging -->
             <div class="uk-flex uk-flex-middle uk-flex-right">
-              <div search-input [expandable]="true" [value]="keyword" (valueChange)="updateKeyword($event)">
+              <div search-input [searchInputClass]="'border-bottom'" [iconPosition]="'left'" 
+                class="uk-width-medium@m uk-width-1-1@s"
+                placeholder="Search for DOIs"[value]="keyword" (valueChange)="updateKeyword($event)">
               </div>
               <!-- will this need an if? -->
               <div class="uk-margin-small-left">