[Trunk | Library]: availableOn.component.ts & result-preview.component.html: Improve view for hostedby elements (Download from section in landing page & result preview - e.g. in versions).
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@59039 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
parent
71c1206619
commit
09fa6aa94b
|
@ -15,8 +15,8 @@ import {HostedByCollectedFrom} from "../../utils/result-preview/result-preview";
|
|||
</span>
|
||||
<div class="uk-width-expand uk-padding-small uk-padding-remove-left uk-padding-remove-vertical">
|
||||
<span *ngIf="available.downloadUrl.length > 1" class="title">
|
||||
<span class="uk-text-bold">{{available.downloadName}}</span>
|
||||
<a *ngFor="let url of available.downloadUrl; let i=index;">
|
||||
<span>{{available.downloadName}}</span>
|
||||
<a *ngFor="let url of available.downloadUrl; let i=index;"
|
||||
[href]="url" target="_blank">
|
||||
[{{(i + 1) | number}}]
|
||||
</a>
|
||||
|
@ -26,6 +26,9 @@ import {HostedByCollectedFrom} from "../../utils/result-preview/result-preview";
|
|||
{{available.downloadName}}
|
||||
<span class="custom-external custom-icon space"></span>
|
||||
</a>
|
||||
<span *ngIf="!available.downloadUrl || available.downloadUrl.length === 0" class="title">
|
||||
{{available.downloadName}}
|
||||
</span>
|
||||
<div *ngIf="removeUnknown(available.type) || available.year">
|
||||
<span *ngIf="removeUnknown(available.type)" class="uk-text-capitalize">{{available.type}}</span>
|
||||
<span *ngIf="removeUnknown(available.type) && available.year"> . </span>
|
||||
|
|
|
@ -215,31 +215,41 @@
|
|||
<div *ngIf="result.hostedBy_collectedFrom && result.hostedBy_collectedFrom.length > 0"
|
||||
class="uk-margin-small-bottom download-from">
|
||||
<div *ngFor="let from of result.hostedBy_collectedFrom"
|
||||
[title]="from.bestAccessMode ? from.bestAccessMode : 'Not available'">
|
||||
[title]="from.bestAccessMode ? from.bestAccessMode : 'Not available'"
|
||||
class="uk-flex">
|
||||
<span class="uk-margin-small-right">
|
||||
<img [src]="from.icon">
|
||||
</span>
|
||||
<span class="uk-margin-right uk-display-inline-block">
|
||||
<span class="uk-text-muted">Download from: </span>
|
||||
<a *ngIf="from.downloadUrl && from.downloadUrl.length === 1"
|
||||
[href]="from.downloadUrl[0]" target="_blank" class="title">
|
||||
{{from.downloadName}}
|
||||
<span class="custom-external space"></span>
|
||||
</a>
|
||||
<span *ngIf="!from.downloadUrl || from.downloadUrl.length === 0" class="title">
|
||||
{{from.downloadName}}
|
||||
<span class="uk-width-expand">
|
||||
<span class="uk-margin-right uk-display-inline-block">
|
||||
<span class="uk-text-muted">Download from: </span>
|
||||
<span *ngIf="from.downloadUrl.length > 1" class="title">
|
||||
<span>{{from.downloadName}}</span>
|
||||
<a *ngFor="let url of from.downloadUrl; let i=index;"
|
||||
[href]="url" target="_blank">
|
||||
[{{(i + 1) | number}}]
|
||||
</a>
|
||||
</span>
|
||||
<a *ngIf="from.downloadUrl && from.downloadUrl.length === 1"
|
||||
[href]="from.downloadUrl[0]" target="_blank" class="title">
|
||||
{{from.downloadName}}
|
||||
<span class="custom-external space"></span>
|
||||
</a>
|
||||
<span *ngIf="!from.downloadUrl || from.downloadUrl.length === 0" class="title">
|
||||
{{from.downloadName}}
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<span class="provider uk-display-inline-block">
|
||||
<span class="uk-text-muted">Provider: </span>
|
||||
<!-- target="_blank"-->
|
||||
<a *ngIf="from.collectedId" routerLink="/search/dataprovider" [queryParams]="{datasourceId: from.collectedId}"
|
||||
[href]="from.downloadUrl[0]" (click)="onClick();">
|
||||
{{from.collectedName}}
|
||||
<!-- <span class="custom-external space"></span>-->
|
||||
</a>
|
||||
<span *ngIf="!from.collectedId">
|
||||
{{from.collectedName}}
|
||||
<span class="provider uk-display-inline-block">
|
||||
<span class="uk-text-muted">Provider: </span>
|
||||
<!-- target="_blank"-->
|
||||
<a *ngIf="from.collectedId" routerLink="/search/dataprovider" [queryParams]="{datasourceId: from.collectedId}"
|
||||
[href]="from.downloadUrl[0]" (click)="onClick();">
|
||||
{{from.collectedName}}
|
||||
<!-- <span class="custom-external space"></span>-->
|
||||
</a>
|
||||
<span *ngIf="!from.collectedId">
|
||||
{{from.collectedName}}
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue