MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Library | Assets]: Change download from links 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@59158 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2020-07-21 21:15:22 +00:00
parent 15d4fc5398
commit 740936414f
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
landingPages/landing-utils/availableOn.component.ts
View File

@ -8,7 +8,8 @@ import {properties} from "../../../../environments/environment";
selector: 'availableOn',
template: `
<div class="download-from uk-height-max-large uk-overflow-auto uk-margin-small-bottom">
<div *ngFor="let available of availableOn.slice(0, showNum) let i=index"
<a *ngFor="let available of availableOn.slice(0, showNum) let i=index"
[href]="available.downloadUrl[0]" target="_blank"
class="uk-flex uk-flex-top"
[title]="available.bestAccessMode ? available.bestAccessMode : 'Not available'">
<span class="uk-margin-small-right">
@ -22,11 +23,11 @@ import {properties} from "../../../../environments/environment";
[{{(i + 1) | number}}]
</a>
</span>
<a *ngIf="available.downloadUrl.length === 1" [href]="available.downloadUrl[0]"
class="title" target="_blank">
<span *ngIf="available.downloadUrl.length === 1"
class="title">
{{available.downloadName}}
<span class="custom-external custom-icon space"></span>
</a>
</span>
<span *ngIf="!available.downloadUrl || available.downloadUrl.length === 0" class="title">
{{available.downloadName}}
</span>
@ -35,27 +36,26 @@ import {properties} from "../../../../environments/environment";
<span *ngIf="removeUnknown(available.type) && available.year"> . </span>
<span *ngIf="available.year">{{available.year}}</span>
</div>
<div *ngIf="available.collectedName" class="provider">
<div *ngIf="available.collectedName">
<span>Provider: </span>
<a *ngIf="available.collectedId" [routerLink]="dataProviderUrl" [queryParams]="{datasourceId: available.collectedId}">
{{available.collectedName}}
</a>
<span *ngIf="!available.collectedId">
<span>
{{available.collectedName}}
</span>
</div>
</div>
</div>
</a>
</div>
<div *ngIf="showNum > threshold" class="uk-text-center uk-margin-bottom">
<a (click)="showNum = threshold;">
View less
<div *ngIf="showNum > threshold" class="uk-margin-bottom">
<a (click)="showNum = threshold;" class="uk-flex uk-flex-middle uk-flex-center">
<span>View less</span>
<span class="space" uk-icon="chevron-down"></span>
</a>
</div>
<!-- <div *ngIf="showNum == threshold && availableOn && availableOn.length > 5">...</div>-->
<div *ngIf="showNum == threshold && availableOn && availableOn.length > 5" class="uk-text-center uk-margin-bottom">
<a (click)="showNum = availableOn.length;">
View more
<div *ngIf="showNum == threshold && availableOn && availableOn.length > 5" class="uk-margin-bottom">
<a (click)="showNum = availableOn.length;" class="uk-flex uk-flex-middle uk-flex-center">
<span>View more</span>
<span class="space" uk-icon="chevron-down"></span>
</a>
</div>
`