[master] repository monitors - banner: use stakeholder's logo instead of material icon (similar to RPO/RFO banners)
This commit is contained in:
parent
cd0b8ec3e8
commit
c0446d0875
|
@ -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>
|
||||||
|
|
|
@ -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],
|
||||||
|
|
Loading…
Reference in New Issue