From 1ae1f1a91de87a1ea51d4185f57ca59117a99b68 Mon Sep 17 00:00:00 2001
From: apapachristou <apapachristou@cite.gr>
Date: Wed, 22 May 2019 16:52:55 +0300
Subject: [PATCH] Adds: Edit Action at Dmp Listing Item

---
 .../listing-item/dmp-listing-item.component.html  | 15 +++++++++++----
 .../listing-item/dmp-listing-item.component.ts    |  4 ++++
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html
index 4d8477e58..80df4508c 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html
+++ b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.html
@@ -2,11 +2,16 @@
 	<div class="col" (click)="itemClicked()">
 		<div class="row">
 			<div class="col-12 gray-container container-header">
-				<p (click)="$event.stopImmediatePropagation(); projectClicked(dmp.projectId)">{{dmp.projectAbbreviation}}</p>
-				<button mat-icon-button [matMenuTriggerFor]="actionsMenu" class="ml-auto" (click)="$event.stopImmediatePropagation();">
+				<p (click)="$event.stopImmediatePropagation(); projectClicked(dmp.projectId)">
+					{{dmp.projectAbbreviation}}</p>
+				<button mat-icon-button [matMenuTriggerFor]="actionsMenu" class="ml-auto"
+					(click)="$event.stopImmediatePropagation();">
 					<mat-icon class="more-horiz">more_horiz</mat-icon>
 				</button>
 				<mat-menu #actionsMenu="matMenu">
+					<button mat-menu-item (click)="editClicked(dmp.id)" class="menu-item">
+						<mat-icon>edit</mat-icon>{{ 'DMP-LISTING.ACTIONS.EDIT' | translate }}
+					</button>
 					<button mat-menu-item (click)="openShareDialog(dmp.id,dmp.label)">
 						<mat-icon>share</mat-icon>{{'DMP-LISTING.ACTIONS.INVITE' | translate}}
 					</button>
@@ -41,8 +46,10 @@
 				<h4 class="mt-2 ml-1 mr-3 p-1">{{roleDisplay(dmp.users)}}</h4>
 
 				<div class="datasets-counter">
-					<mat-icon (click)="$event.stopImmediatePropagation(); datasetClicked(dmp)" class="gray-icon pt-2">storage</mat-icon>
-					<h4 (click)="$event.stopImmediatePropagation(); datasetClicked(dmp)" class="mt-2 ml-1 mr-3 p-1">{{dmp.datasets.length}}</h4>
+					<mat-icon (click)="$event.stopImmediatePropagation(); datasetClicked(dmp)" class="gray-icon pt-2">
+						storage</mat-icon>
+					<h4 (click)="$event.stopImmediatePropagation(); datasetClicked(dmp)" class="mt-2 ml-1 mr-3 p-1">
+						{{dmp.datasets.length}}</h4>
 				</div>
 
 				<mat-icon class="gray-icon pt-2">assignment</mat-icon>
diff --git a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.ts b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.ts
index f3307c640..9154c0629 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.ts
+++ b/dmp-frontend/src/app/ui/dmp/listing/listing-item/dmp-listing-item.component.ts
@@ -52,6 +52,10 @@ export class DmpListingItemComponent implements OnInit {
 		});
 	}
 
+	editClicked(dmpId: String) {
+		this.router.navigate(['/plans/edit/' + dmpId]);
+	}
+
 	addDataset(rowId: String) {
 		this.router.navigate(['/datasets/new/' + rowId]);
 	}