[develop | DONE | FIXED]: In search results, only 1000 relations are fetched and shown - show messages.
1. result-preview.component.html: Added input parameter "resultTitle" to <entity-metadata>. 2. entity-metadata.component.ts: Added @Input() resultTitle: string = null; | When more than 1000 projects or organizations, show +more projects/partners and in modal, show message "Only 1000 Projects/ Partners of {result title} are shown here."
This commit is contained in:
parent
cc6b5aeffe
commit
59fc73bf4d
|
@ -159,7 +159,7 @@ import {RouterHelper} from "../../utils/routerHelper.class";
|
||||||
<span>{{showInline ? projectNames.join(', ') : projectNames.slice(0, projectsLimit).join(', ')}}</span>
|
<span>{{showInline ? projectNames.join(', ') : projectNames.slice(0, projectsLimit).join(', ')}}</span>
|
||||||
<span *ngIf="projects.length > projectsLimit">
|
<span *ngIf="projects.length > projectsLimit">
|
||||||
<a *ngIf="!showInline" (click)="viewAllProjectsClick();" class="uk-background-muted custom-extra-entities">
|
<a *ngIf="!showInline" (click)="viewAllProjectsClick();" class="uk-background-muted custom-extra-entities">
|
||||||
+{{projects.length - projectsLimit | number}} projects
|
+{{projects.length - projectsLimit | number}}{{projects.length == 1000 ? ' more' : ''}} projects
|
||||||
</a>
|
</a>
|
||||||
<a *ngIf="showInline && lessBtn" (click)="showInline = !showInline; lessBtn = false;"
|
<a *ngIf="showInline && lessBtn" (click)="showInline = !showInline; lessBtn = false;"
|
||||||
class="uk-background-muted custom-extra-entities">
|
class="uk-background-muted custom-extra-entities">
|
||||||
|
@ -173,7 +173,7 @@ import {RouterHelper} from "../../utils/routerHelper.class";
|
||||||
<span>{{showInline ? organizationNames.join(', ') : organizationNames.slice(0, organizationsLimit).join(', ')}}</span>
|
<span>{{showInline ? organizationNames.join(', ') : organizationNames.slice(0, organizationsLimit).join(', ')}}</span>
|
||||||
<span *ngIf="organizations.length > organizationsLimit">
|
<span *ngIf="organizations.length > organizationsLimit">
|
||||||
<a *ngIf="!showInline" (click)="viewAllPartnersClick();" class="uk-background-muted custom-extra-entities">
|
<a *ngIf="!showInline" (click)="viewAllPartnersClick();" class="uk-background-muted custom-extra-entities">
|
||||||
+{{organizations.length - organizationsLimit | number}} partners
|
+{{organizations.length - organizationsLimit | number}}{{organizations.length == 1000 ? ' more' : ''}} partners
|
||||||
</a>
|
</a>
|
||||||
<a *ngIf="showInline && lessBtn" (click)="showInline = !showInline; lessBtn = false;"
|
<a *ngIf="showInline && lessBtn" (click)="showInline = !showInline; lessBtn = false;"
|
||||||
class="uk-background-muted custom-extra-entities">
|
class="uk-background-muted custom-extra-entities">
|
||||||
|
@ -197,6 +197,7 @@ import {RouterHelper} from "../../utils/routerHelper.class";
|
||||||
|
|
||||||
|
|
||||||
<modal-alert *ngIf="!isMobile" #partnersModal>
|
<modal-alert *ngIf="!isMobile" #partnersModal>
|
||||||
|
<div *ngIf="organizations?.length == 1000" class="uk-text-meta uk-margin-medium-bottom">Only 1000 Partners<span *ngIf="resultTitle"> of {{resultTitle}}</span> are shown here.</div>
|
||||||
<div class="uk-text-small uk-text-emphasis uk-grid uk-grid-column-collapse uk-grid-row-small" uk-grid>
|
<div class="uk-text-small uk-text-emphasis uk-grid uk-grid-column-collapse uk-grid-row-small" uk-grid>
|
||||||
<ng-container *ngFor="let item of organizations; let i = index">
|
<ng-container *ngFor="let item of organizations; let i = index">
|
||||||
<div class="uk-margin-xsmall-right">
|
<div class="uk-margin-xsmall-right">
|
||||||
|
@ -207,6 +208,7 @@ import {RouterHelper} from "../../utils/routerHelper.class";
|
||||||
</modal-alert>
|
</modal-alert>
|
||||||
|
|
||||||
<modal-alert *ngIf="!isMobile" #projectsModal>
|
<modal-alert *ngIf="!isMobile" #projectsModal>
|
||||||
|
<div *ngIf="projects?.length == 1000" class="uk-text-meta uk-margin-medium-bottom">Only 1000 {{openaireEntities.PROJECTS}}<span *ngIf="resultTitle"> of {{resultTitle}}</span> are shown here.</div>
|
||||||
<div class="uk-text-small uk-text-emphasis uk-grid uk-grid-column-collapse uk-grid-row-small" uk-grid>
|
<div class="uk-text-small uk-text-emphasis uk-grid uk-grid-column-collapse uk-grid-row-small" uk-grid>
|
||||||
<ng-container *ngFor="let item of projects; let i = index">
|
<ng-container *ngFor="let item of projects; let i = index">
|
||||||
<div class="uk-margin-xsmall-right">
|
<div class="uk-margin-xsmall-right">
|
||||||
|
@ -223,6 +225,7 @@ import {RouterHelper} from "../../utils/routerHelper.class";
|
||||||
styleUrls: ['entity-metadata.component.less']
|
styleUrls: ['entity-metadata.component.less']
|
||||||
})
|
})
|
||||||
export class EntityMetadataComponent {
|
export class EntityMetadataComponent {
|
||||||
|
@Input() resultTitle: string = null;
|
||||||
@Input() isMobile: boolean = false;
|
@Input() isMobile: boolean = false;
|
||||||
@Input() entityType: string;
|
@Input() entityType: string;
|
||||||
@Input() types: string[];
|
@Input() types: string[];
|
||||||
|
|
|
@ -77,7 +77,8 @@
|
||||||
</div>
|
</div>
|
||||||
<!-- Metadata -->
|
<!-- Metadata -->
|
||||||
<div class="uk-margin-xsmall-top">
|
<div class="uk-margin-xsmall-top">
|
||||||
<entity-metadata [entityType]="type" [types]="result.types" [startYear]="result.startYear?.toString()"
|
<entity-metadata [resultTitle]="result?.title"
|
||||||
|
[entityType]="type" [types]="result.types" [startYear]="result.startYear?.toString()"
|
||||||
[endYear]="result.endYear?.toString()"
|
[endYear]="result.endYear?.toString()"
|
||||||
[year]="result.year?.toString()"
|
[year]="result.year?.toString()"
|
||||||
[openAccessMandatePublications]="result.openAccessMandatePublications"
|
[openAccessMandatePublications]="result.openAccessMandatePublications"
|
||||||
|
|
Loading…
Reference in New Issue