From 77df06c6bda57f20e745b1c68cfb4b9c7d519d7b Mon Sep 17 00:00:00 2001
From: George Kalampokis <gkalampokis@cite.gr>
Date: Tue, 25 Feb 2020 18:36:43 +0200
Subject: [PATCH] Add button to add new dataset on DMP overview (ref #245)

---
 .../src/app/ui/dmp/overview/dmp-overview.component.html  | 8 ++++++++
 .../src/app/ui/dmp/overview/dmp-overview.component.scss  | 9 +++++++++
 .../src/app/ui/dmp/overview/dmp-overview.component.ts    | 4 ++++
 3 files changed, 21 insertions(+)

diff --git a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
index e8bc4379d..ff9846c61 100644
--- a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
+++ b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
@@ -14,6 +14,9 @@
 								<button mat-menu-item (click)="openShareDialog(dmp.id,dmp.label)">
 									<mat-icon>share</mat-icon>{{'DMP-LISTING.ACTIONS.INVITE' | translate}}
 								</button>
+								<!-- <button *ngIf="isDraftDmp(dmp) && isUserOwner" mat-menu-item (click)="addDataset(dmp.id)">
+									<mat-icon>add_box</mat-icon>{{'DMP-LISTING.ACTIONS.ADD-DATASET' | translate}}
+								</button> -->
 								<button *ngIf="isUserOwner" mat-menu-item (click)="newVersion(dmp.id, dmp.label)">
 									<mat-icon>queue</mat-icon>{{'DMP-LISTING.ACTIONS.NEW-VERSION' | translate}}
 								</button>
@@ -120,6 +123,11 @@
 								</div>
 							</div>
 						</div>
+						<div class="row">
+							<div class="interact-icon">
+								<mat-icon *ngIf="isDraftDmp(dmp) && isUserOwner"  matTooltip="{{'DMP-LISTING.ACTIONS.ADD-DATASET' | translate}}" (click)="addDataset(dmp.id)">add_box</mat-icon>
+							</div>
+						</div>
 						<div class="row">
 							<div *ngFor="let dataset of dmp.datasets; let i=index" class="col-md-4">
 								<div *ngIf="i < 9" class="dataset-card" (click)="datasetClicked(dataset.id)">
diff --git a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
index c06a7179f..acf1d2a96 100644
--- a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
+++ b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.scss
@@ -225,3 +225,12 @@ h4 span {
   height: 1.4em;
   background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
 }
+
+.interact-icon {
+	cursor: pointer;
+	margin-left: 32px;
+}
+
+.interact-icon :hover {
+	color: #00b29f !important;
+}
diff --git a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.ts b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.ts
index f81a84a45..e02c04059 100644
--- a/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.ts
+++ b/dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.ts
@@ -424,6 +424,10 @@ export class DmpOverviewComponent extends BaseComponent implements OnInit {
 		});
 	}
 
+	addDataset(rowId: String) {
+		this.router.navigate(['/datasets/new/' + rowId]);
+	}
+
 	// advancedClicked() {
 	// 	const dialogRef = this.dialog.open(ExportMethodDialogComponent, {
 	// 		maxWidth: '500px',