From c0446d0875fb514be88e23c9e8c62df8aeb0188a Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Tue, 12 Dec 2023 13:56:48 +0200
Subject: [PATCH] [master] repository monitors - banner: use stakeholder's logo
 instead of material icon (similar to RPO/RFO banners)

---
 src/app/repository/repository.component.ts | 9 +++++----
 src/app/repository/repository.module.ts    | 3 ++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/repository/repository.component.ts b/src/app/repository/repository.component.ts
index 7ddbc78..633292b 100644
--- a/src/app/repository/repository.component.ts
+++ b/src/app/repository/repository.component.ts
@@ -24,10 +24,11 @@ import {SearchDataprovidersService} from "../openaireLibrary/services/searchData
               <div *ngIf="stakeholder" class="uk-grid uk-grid-large uk-flex-middle uk-margin-medium-bottom" uk-grid>
                 <div class="uk-width-expand">
                   <div class="uk-grid uk-grid-small uk-flex-middle" uk-grid>
-                    <div>
-                      <div class="uk-card uk-card-primary uk-border-circle uk-padding-small">
-                        <icon [name]="'database'" [ratio]="4" [flex]="true"></icon>
-                      </div>
+                    <div class="uk-card uk-card-default uk-padding-small">
+                      <img *ngIf="stakeholder.logoUrl; else elseBlock" [src]="stakeholder | logoUrl" [alt]="stakeholder.name + ' logo'" class="uk-height-max-xsmall" style="max-width: 180px;">
+                      <ng-template #elseBlock>
+                        <img src="assets/common-assets/placeholder.png" alt="OpenAIRE placeholder logo" class="uk-height-max-xsmall" style="max-width: 180px;">
+                      </ng-template>
                     </div>
                     <div class="uk-width-expand uk-margin-small-left">
                       <div class="uk-h5 uk-margin-remove uk-text-truncate">{{stakeholder.name}}</div>
diff --git a/src/app/repository/repository.module.ts b/src/app/repository/repository.module.ts
index 44cb863..ab20215 100644
--- a/src/app/repository/repository.module.ts
+++ b/src/app/repository/repository.module.ts
@@ -9,6 +9,7 @@ import {IconsModule} from "../openaireLibrary/utils/icons/icons.module";
 import {EntityMetadataModule} from "../openaireLibrary/landingPages/landing-utils/entity-metadata.module";
 import {IconsService} from "../openaireLibrary/utils/icons/icons.service";
 import {open_access} from "../openaireLibrary/utils/icons/icons";
+import {LogoUrlPipeModule} from "../openaireLibrary/utils/pipes/logoUrlPipe.module";
 
 const routes: Route[] = [
   {
@@ -21,7 +22,7 @@ const routes: Route[] = [
 ];
 
 @NgModule({
-  imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule, IconsModule, EntityMetadataModule],
+  imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule, IconsModule, EntityMetadataModule, LogoUrlPipeModule],
   declarations: [RepositoryComponent],
   providers: [SearchDataprovidersService],
   exports: [RepositoryComponent],