org landing - download modal tweaks

This commit is contained in:
Alex Martzios 2022-05-06 14:17:13 +03:00
parent e39491e61e
commit 24e9424aeb
1 changed files with 26 additions and 21 deletions

View File

@ -221,7 +221,7 @@
<div class="uk-padding-small uk-padding-remove-vertical"> <div class="uk-padding-small uk-padding-remove-vertical">
<div class="uk-grid uk-grid-divider uk-child-width-1-2@m" uk-grid uk-height-match=".subtitle"> <div class="uk-grid uk-grid-divider uk-child-width-1-2@m" uk-grid uk-height-match=".subtitle">
<div class="uk-animation-slide-top-small"> <div class="uk-animation-slide-top-small">
<div class="subtitle"> <div class="subtitle uk-flex uk-flex-middle">
<span class="uk-text-nowrap">Content report</span> <span class="uk-text-nowrap">Content report</span>
</div> </div>
<ul class="uk-list uk-margin-remove-bottom" *ngIf="total > 0"> <ul class="uk-list uk-margin-remove-bottom" *ngIf="total > 0">
@ -271,34 +271,39 @@
</div> </div>
</li> </li>
</ul> </ul>
<div *ngIf="total == 0" class="uk-text-muted"> <div *ngIf="total == 0" class="uk-text-muted uk-margin-top">
No reports available No reports available
</div> </div>
</div> </div>
<div *ngIf="fetchProjects.funders && fetchProjects.funders.length > 0"> <div>
<div class="subtitle uk-flex uk-flex-middle"> <div class="subtitle uk-flex uk-flex-middle">
<span class="uk-text-nowrap">Funder report</span> <span class="uk-text-nowrap">Funder report</span>
<div input type="select" placeholder="Select a funder to download report" inputClass="flat x-small" class="uk-width-1-1 uk-margin-small-left" <div input type="select" placeholder="Select a funder to download report" inputClass="flat x-small" class="uk-width-1-1 uk-margin-small-left"
[options]="funderOptions" [(value)]="funder"> [options]="funderOptions" [(value)]="funder" *ngIf="fetchProjects.funders && fetchProjects.funders.length > 0">
</div> </div>
</div> </div>
<div class="uk-animation-slide-top-small uk-margin-top" *ngIf="funder && funder != ''"> <div *ngIf="fetchProjects.funders && fetchProjects.funders.length > 0">
<ul class="uk-list uk-margin-remove-bottom"> <div class="uk-animation-slide-top-small uk-margin-top" *ngIf="funder && funder != ''">
<li> <ul class="uk-list uk-margin-remove-bottom">
<div class="uk-flex uk-flex-middle uk-button uk-button-link uk-text-normal" <li>
(click)="downloadFile(getFunderProjects(), funder.name + '-'+openaireEntities.PROJECTS_FILE+'-report')"> <div class="uk-flex uk-flex-middle uk-button uk-button-link uk-text-normal"
<icon name="download" flex="true" class="uk-margin-small-right"></icon> (click)="downloadFile(getFunderProjects(), funder.name + '-'+openaireEntities.PROJECTS_FILE+'-report')">
{{openaireEntities.PROJECTS}} (CSV) <icon name="download" flex="true" class="uk-margin-small-right"></icon>
</div> {{openaireEntities.PROJECTS}} (CSV)
</li> </div>
<li *ngFor="let contentType of contentTypes"> </li>
<div class="uk-flex uk-flex-middle uk-button uk-button-link uk-text-normal" <li *ngFor="let contentType of contentTypes">
(click)="confirmOpenApplyAll(contentType[0], contentType[2])"> <div class="uk-flex uk-flex-middle uk-button uk-button-link uk-text-normal"
<icon name="download" flex="true" class="uk-margin-small-right"></icon> (click)="confirmOpenApplyAll(contentType[0], contentType[2])">
{{contentType[1]}} (CSV) <icon name="download" flex="true" class="uk-margin-small-right"></icon>
</div> {{contentType[1]}} (CSV)
</li> </div>
</ul> </li>
</ul>
</div>
</div>
<div *ngIf="!fetchProjects.funders || fetchProjects.funders.length == 0" class="uk-text-muted uk-margin-top">
No reports available
</div> </div>
</div> </div>
</div> </div>