From 814a061ab81c473c8caf0cc8e0d0f2e6c1957c80 Mon Sep 17 00:00:00 2001
From: argirok <argirokokogiannaki@gmail.com>
Date: Wed, 27 Jul 2022 13:50:32 +0300
Subject: [PATCH] Add background for dashboard home and deposit pages

---
 deposit/searchDataprovidersToDeposit.component.ts | 15 +++++++++------
 .../searchUtils/newSearchPage.component.html      |  2 +-
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/deposit/searchDataprovidersToDeposit.component.ts b/deposit/searchDataprovidersToDeposit.component.ts
index e7815ebf..5f1fd039 100644
--- a/deposit/searchDataprovidersToDeposit.component.ts
+++ b/deposit/searchDataprovidersToDeposit.component.ts
@@ -12,14 +12,15 @@ import {ZenodoInformationClass} from "./utils/zenodoInformation.class";
 import {RouterHelper} from "../utils/routerHelper.class";
 import {Breadcrumb} from "../utils/breadcrumbs/breadcrumbs.component";
 import {properties} from "../../../environments/environment";
+import {SearchForm} from "../searchPages/searchUtils/newSearchPage.component";
 
 @Component({
   selector: 'deposit-search-dataproviders',
   template: `
-
+  <div [ngClass]="searchForm.class" [class.uk-light]="searchForm.dark" class="uk-margin-medium-bottom">
     <div class="uk-section uk-padding-remove-bottom uk-padding-remove-top">
       <div class="uk-padding-small">
-        <div class="uk-container uk-container-large uk-margin-small-top uk-margin-small-bottom">
+        <div class="uk-container uk-container-large uk-margin-small-top uk-margin-small-bottom" [class.uk-light]="searchForm.dark">
           <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
         </div>
       </div>
@@ -27,9 +28,9 @@ import {properties} from "../../../environments/environment";
     <div class="">
       <div class="uk-container uk-container-large">
         <div class="uk-margin-top uk-flex uk-flex-center">
-          <div class="uk-width-large">
+          <div class="uk-width-large" [class.dark]="searchForm.dark">
             <div search-input [(value)]="keyword" placeholder="Search by name, description, subject..." (searchEmitter)="keywordChanged()"></div>
-						<div class="uk-margin-top uk-text-center">
+						<div class="uk-margin-top uk-text-center uk-margin-medium-bottom">
 							<a *ngIf="zenodoInformation.url" [href]="zenodoInformation.url" target="_blank" class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text">
 								<span class="uk-flex uk-flex-middle">
 									<span>Zenodo Repository</span><span class="custom-external custom-icon space"></span>
@@ -42,15 +43,17 @@ import {properties} from "../../../environments/environment";
           </div>
         </div>
       </div>
-      <search-dataproviders  [simpleView]="true" [searchForm]="{class: null, dark: false}" type="deposit" simpleSearchLink="/participate/deposit/search" [includeOnlyResultsAndFilter]="true" >
-      </search-dataproviders>
     </div>
+  </div>
+  <search-dataproviders  [simpleView]="true" [searchForm]="{class: null, dark: false}" type="deposit" simpleSearchLink="/participate/deposit/search" [includeOnlyResultsAndFilter]="true" >
+  </search-dataproviders>
     `
 })
 export class SearchDataprovidersToDepositComponent {
   private errorCodes: ErrorCodes;
   private errorMessages: ErrorMessagesComponent;
   @Input() piwikSiteId = null;
+  @Input() searchForm: SearchForm = {class: null, dark: false};
   public results =[];
   public filters =[];
   public totalResults:number  = 0 ;
diff --git a/searchPages/searchUtils/newSearchPage.component.html b/searchPages/searchUtils/newSearchPage.component.html
index 9d68d236..2219e88b 100644
--- a/searchPages/searchUtils/newSearchPage.component.html
+++ b/searchPages/searchUtils/newSearchPage.component.html
@@ -156,7 +156,7 @@
 </div>
 <schema2jsonld *ngIf="url" [URL]="url" type="search" [name]=pageTitleWithFilters
 							[searchAction]=false [description]="metaDescription"></schema2jsonld>
-<div id="tm-main" class="uk-margin-medium-top" [class.uk-margin-top]="stickyForm">
+<div id="tm-main" [class.uk-margin-medium-top]="!includeOnlyResultsAndFilter" [class.uk-margin-top]="stickyForm">
   <ng-template #loading>
     <loading [ngClass]="'uk-height-medium uk-display-block uk-margin-xlarge-top'"></loading>
   </ng-template>