[master] repository monitors - banner: use stakeholder's logo instead of material icon (similar to RPO/RFO banners)

This commit is contained in:
Alex Martzios 2023-12-12 13:56:48 +02:00
parent cd0b8ec3e8
commit c0446d0875
2 changed files with 7 additions and 5 deletions

View File

@ -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 *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-width-expand">
<div class="uk-grid uk-grid-small uk-flex-middle" uk-grid> <div class="uk-grid uk-grid-small uk-flex-middle" uk-grid>
<div> <div class="uk-card uk-card-default uk-padding-small">
<div class="uk-card uk-card-primary uk-border-circle 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;">
<icon [name]="'database'" [ratio]="4" [flex]="true"></icon> <ng-template #elseBlock>
</div> <img src="assets/common-assets/placeholder.png" alt="OpenAIRE placeholder logo" class="uk-height-max-xsmall" style="max-width: 180px;">
</ng-template>
</div> </div>
<div class="uk-width-expand uk-margin-small-left"> <div class="uk-width-expand uk-margin-small-left">
<div class="uk-h5 uk-margin-remove uk-text-truncate">{{stakeholder.name}}</div> <div class="uk-h5 uk-margin-remove uk-text-truncate">{{stakeholder.name}}</div>

View File

@ -9,6 +9,7 @@ import {IconsModule} from "../openaireLibrary/utils/icons/icons.module";
import {EntityMetadataModule} from "../openaireLibrary/landingPages/landing-utils/entity-metadata.module"; import {EntityMetadataModule} from "../openaireLibrary/landingPages/landing-utils/entity-metadata.module";
import {IconsService} from "../openaireLibrary/utils/icons/icons.service"; import {IconsService} from "../openaireLibrary/utils/icons/icons.service";
import {open_access} from "../openaireLibrary/utils/icons/icons"; import {open_access} from "../openaireLibrary/utils/icons/icons";
import {LogoUrlPipeModule} from "../openaireLibrary/utils/pipes/logoUrlPipe.module";
const routes: Route[] = [ const routes: Route[] = [
{ {
@ -21,7 +22,7 @@ const routes: Route[] = [
]; ];
@NgModule({ @NgModule({
imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule, IconsModule, EntityMetadataModule], imports: [CommonModule, RouterModule.forChild(routes), LoadingModule, RoleVerificationModule, IconsModule, EntityMetadataModule, LogoUrlPipeModule],
declarations: [RepositoryComponent], declarations: [RepositoryComponent],
providers: [SearchDataprovidersService], providers: [SearchDataprovidersService],
exports: [RepositoryComponent], exports: [RepositoryComponent],