[master] browse repositories page: use only entity-metadata component instead of result-preview, for consistency between browse and single repository monitors page

This commit is contained in:
Alex Martzios 2023-12-08 14:39:10 +02:00
parent 127af64285
commit 4cfc7c78c9
3 changed files with 40 additions and 7 deletions

@ -1 +1 @@
Subproject commit 2e336b93a8d564f5e88d842fd7b283ebc09be37c Subproject commit 7e007c9511ba6715e6f6b24ef51a7eabd05003a1

View File

@ -41,10 +41,43 @@
<!-- STAKEHOLDERS --> <!-- STAKEHOLDERS -->
<div class="uk-grid uk-grid-small uk-child-width-1-2@m uk-child-width-1-1" uk-grid uk-height-match="target: .uk-card;"> <div class="uk-grid uk-grid-small uk-child-width-1-2@m uk-child-width-1-1" uk-grid uk-height-match="target: .uk-card;">
<div *ngFor="let item of filteredStakeholders.slice((currentPage-1)*pageSize, currentPage*pageSize)"> <div *ngFor="let item of filteredStakeholders.slice((currentPage-1)*pageSize, currentPage*pageSize)">
<div> <div class="uk-card uk-card-default uk-card-hover uk-padding-small">
<result-preview *ngIf="item.details" [result]="getResultPreview(item.details)" [properties]="properties" <div class="multi-line-ellipsis lines-2">
[showEntityActions]="false" [customUrl]="item.alias" [isMobile]="isMobile" [modifier]="'uk-card-default'"> <h2 class="uk-margin-remove uk-text-break uk-inline-block uk-h6">
</result-preview> <a *ngIf="item.alias" routerLink="./{{item.alias}}"
class="uk-link uk-text-decoration-none uk-width-expand">
{{item.name}}
</a>
</h2>
</div>
<ng-container *ngIf="item.details">
<div class="uk-text-xsmall uk-margin-xsmall-top uk-margin-small-bottom">
<entity-metadata [entityType]="item.details.type"
[compatibilityString]="item.details.compatibility"
[organizations]="item.details.organizations">
</entity-metadata>
</div>
<div class="uk-text-small">
<!-- Website URL -->
<div *ngIf="item.details.websiteURL && item.details.websiteURL != ''" class="uk-margin-xsmall-bottom">
<span>Website URL: </span>
<span class="uk-text-italic">
<a href="{{item.details.websiteURL}}" target="_blank" class="custom-external">
{{item.details.websiteURL}}
</a>
</span>
</div>
<!-- OAI-PMH URL-->
<div *ngIf="item.details.OAIPMHURL && item.details.OAIPMHURL != ''" class="uk-margin-xsmall-bottom">
<span>OAI-PMH URL: </span>
<span class="uk-text-italic">
<a href="{{item.details.OAIPMHURL}}" target="_blank" class="custom-external">
{{item.details.OAIPMHURL}}
</a>
</span>
</div>
</div>
</ng-container>
</div> </div>
</div> </div>
</div> </div>

View File

@ -8,10 +8,10 @@ import {SearchInputModule} from "../../openaireLibrary/sharedComponents/search-i
import {InputModule} from "../../openaireLibrary/sharedComponents/input/input.module"; import {InputModule} from "../../openaireLibrary/sharedComponents/input/input.module";
import {PagingModule} from "../../openaireLibrary/utils/paging.module"; import {PagingModule} from "../../openaireLibrary/utils/paging.module";
import {SearchDataprovidersService} from "../../openaireLibrary/services/searchDataproviders.service"; import {SearchDataprovidersService} from "../../openaireLibrary/services/searchDataproviders.service";
import {ResultPreviewModule} from "src/app/openaireLibrary/utils/result-preview/result-preview.module"; import {EntityMetadataModule} from "src/app/openaireLibrary/landingPages/landing-utils/entity-metadata.module";
@NgModule({ @NgModule({
imports: [CommonModule, LoadingModule, SearchInputModule, InputModule, PagingModule, ResultPreviewModule, imports: [CommonModule, LoadingModule, SearchInputModule, InputModule, PagingModule, EntityMetadataModule,
RouterModule.forChild([ RouterModule.forChild([
{path: '', component: BrowseRepositoriesComponent, canDeactivate: [PreviousRouteRecorder]} {path: '', component: BrowseRepositoriesComponent, canDeactivate: [PreviousRouteRecorder]}
])], ])],