From 24e9424aebabb2040ceb2c1fcc8787c750bc76cc Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Fri, 6 May 2022 14:17:13 +0300
Subject: [PATCH] org landing - download modal tweaks

---
 .../organization/organization.component.html  | 47 ++++++++++---------
 1 file changed, 26 insertions(+), 21 deletions(-)

diff --git a/landingPages/organization/organization.component.html b/landingPages/organization/organization.component.html
index 450abe67..c1224f6c 100644
--- a/landingPages/organization/organization.component.html
+++ b/landingPages/organization/organization.component.html
@@ -221,7 +221,7 @@
 		<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-animation-slide-top-small">
-					<div class="subtitle">
+					<div class="subtitle uk-flex uk-flex-middle">
 						<span class="uk-text-nowrap">Content report</span>
 					</div>
 					<ul class="uk-list uk-margin-remove-bottom" *ngIf="total > 0">
@@ -271,34 +271,39 @@
 							</div>
 						</li>
 					</ul>
-					<div *ngIf="total == 0" class="uk-text-muted">
+					<div *ngIf="total == 0" class="uk-text-muted uk-margin-top">
 						No reports available
 					</div>
 				</div>
-				<div *ngIf="fetchProjects.funders && fetchProjects.funders.length > 0">
+				<div>
 					<div class="subtitle uk-flex uk-flex-middle">
 						<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"
-							[options]="funderOptions" [(value)]="funder">
+							[options]="funderOptions" [(value)]="funder" *ngIf="fetchProjects.funders && fetchProjects.funders.length > 0">
 						</div>
 					</div>
-					<div class="uk-animation-slide-top-small uk-margin-top" *ngIf="funder && funder != ''">
-						<ul class="uk-list uk-margin-remove-bottom">
-							<li>
-								<div class="uk-flex uk-flex-middle uk-button uk-button-link uk-text-normal"
-									(click)="downloadFile(getFunderProjects(), funder.name + '-'+openaireEntities.PROJECTS_FILE+'-report')">
-									<icon name="download" flex="true" class="uk-margin-small-right"></icon>
-									{{openaireEntities.PROJECTS}} (CSV)
-								</div>
-							</li>
-							<li *ngFor="let contentType of contentTypes">
-								<div class="uk-flex uk-flex-middle uk-button uk-button-link uk-text-normal"
-									(click)="confirmOpenApplyAll(contentType[0], contentType[2])">
-									<icon name="download" flex="true" class="uk-margin-small-right"></icon>
-									{{contentType[1]}} (CSV)
-								</div>
-							</li>
-						</ul>
+					<div *ngIf="fetchProjects.funders && fetchProjects.funders.length > 0">
+						<div class="uk-animation-slide-top-small uk-margin-top" *ngIf="funder && funder != ''">
+							<ul class="uk-list uk-margin-remove-bottom">
+								<li>
+									<div class="uk-flex uk-flex-middle uk-button uk-button-link uk-text-normal"
+										(click)="downloadFile(getFunderProjects(), funder.name + '-'+openaireEntities.PROJECTS_FILE+'-report')">
+										<icon name="download" flex="true" class="uk-margin-small-right"></icon>
+										{{openaireEntities.PROJECTS}} (CSV)
+									</div>
+								</li>
+								<li *ngFor="let contentType of contentTypes">
+									<div class="uk-flex uk-flex-middle uk-button uk-button-link uk-text-normal"
+										(click)="confirmOpenApplyAll(contentType[0], contentType[2])">
+										<icon name="download" flex="true" class="uk-margin-small-right"></icon>
+										{{contentType[1]}} (CSV)
+									</div>
+								</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>