From 049c00e25a3ccc80a40cf1e239da8acac4c74525 Mon Sep 17 00:00:00 2001
From: gkolokythas <gkolokythas@cite.gr>
Date: Thu, 18 Jul 2019 10:56:18 +0300
Subject: [PATCH] Adds tool tips on Dataset Description listing. (Issue #109)

---
 .../dmp-listing-item.component.html           | 30 +++++++++++++------
 dmp-frontend/src/assets/i18n/en.json          | 10 +++++++
 2 files changed, 31 insertions(+), 9 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 9be457350..de35eaf45 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
@@ -4,8 +4,7 @@
 			<div class="col-12 gray-container container-header">
 				<p (click)="$event.stopImmediatePropagation(); projectClicked(dmp.projectId)">
 					{{dmp.projectAbbreviation}}</p>
-				<button *ngIf="isDraft" mat-icon-button [matMenuTriggerFor]="actionsMenu" class="ml-auto"
-					(click)="$event.stopImmediatePropagation();">
+				<button *ngIf="isDraft" 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">
@@ -29,9 +28,18 @@
 		</div>
 		<div class="row">
 			<div class="col-12 d-flex flex-wrap">
-				<mat-icon *ngIf="isDraft" class="draft-icon">lock</mat-icon>
-				<mat-icon *ngIf="!isDraft">lock</mat-icon>
-				<h4 class="title" *ngIf="isDraft"><span>{{ 'TYPES.DMP.DRAFT' | translate }}:</span> {{dmp.label}}</h4>
+				<mat-icon *ngIf="isDraft" matTooltip="{{'DMP-LISTING.TOOLTIP.DMP-STATUS.DRAFT' | translate}}" matTooltipPosition="above"
+				 class="draft-icon">
+					lock
+				</mat-icon>
+				<mat-icon *ngIf="isFinalized && !isPublished" matTooltip="{{'DMP-LISTING.TOOLTIP.DMP-STATUS.FINALIZED' | translate}}" matTooltipPosition="above">
+					lock
+				</mat-icon>
+				<mat-icon *ngIf="isPublished" matTooltip="{{'DMP-LISTING.TOOLTIP.DMP-STATUS.PUBLISHED' | translate}}" matTooltipPosition="above">
+					lock
+				</mat-icon>
+				<h4 class="title" *ngIf="isDraft">
+					<span>{{ 'TYPES.DMP.DRAFT' | translate }}:</span> {{dmp.label}}</h4>
 				<h4 class="title" *ngIf="!isDraft">{{dmp.label}}</h4>
 			</div>
 		</div>
@@ -42,17 +50,21 @@
 		</div>
 		<div class="row">
 			<div class="col-12 about-item">
-				<mat-icon class="gray-icon pt-2">settings</mat-icon>
+				<mat-icon class="gray-icon pt-2" matTooltip="{{'DMP-LISTING.TOOLTIP.LEVEL-OF-ACCESS' | translate}}" matTooltipPosition="above">
+					settings
+				</mat-icon>
 				<h4 class="mt-1 ml-1 mr-3 p-1">{{roleDisplay(dmp.users).toUpperCase()}}</h4>
 
 				<div class="datasets-counter">
-					<mat-icon (click)="$event.stopImmediatePropagation(); datasetClicked(dmp)" class="gray-icon pt-2">
-						storage</mat-icon>
+					<mat-icon (click)="$event.stopImmediatePropagation(); datasetClicked(dmp)" class="gray-icon pt-2" matTooltip="{{'DMP-LISTING.TOOLTIP.INVOLVED-DATASETS' | translate}}"
+					 matTooltipPosition="above">
+						storage
+					</mat-icon>
 					<h4 (click)="$event.stopImmediatePropagation(); datasetClicked(dmp)" class="mt-1 ml-1 mr-3 p-1">
 						{{dmp.datasets.length}}</h4>
 				</div>
 
-				<mat-icon class="gray-icon pt-2">assignment</mat-icon>
+				<mat-icon class="gray-icon pt-2" matTooltip="{{'DMP-LISTING.TOOLTIP.TEMPLATES-INVOLVED' | translate}}" matTooltipPosition="above">assignment</mat-icon>
 				<div *ngFor="let profile of dmp.associatedProfiles" class="pt-1">
 					<div matTooltip="{{profile.label}}" class="chip ml-2 mr-2">{{profile.label}}</div>
 				</div>
diff --git a/dmp-frontend/src/assets/i18n/en.json b/dmp-frontend/src/assets/i18n/en.json
index 7ca08c7f9..f994820fa 100644
--- a/dmp-frontend/src/assets/i18n/en.json
+++ b/dmp-frontend/src/assets/i18n/en.json
@@ -299,6 +299,16 @@
 			"DOWNLOAD-PDF": "Download PDF",
 			"SETTINGS": "Settings",
 			"GETDOI": "Get DOI"
+		},
+		"TOOLTIP": {
+			"DMP-STATUS": {
+				"DRAFT": "Private access - Editable DMP",
+				"FINALIZED": "Private access - Closed DMP",
+				"PUBLISHED": "Public access - Closed DMP"
+			},
+			"LEVEL-OF-ACCESS": "Level of Access",
+			"INVOLVED-DATASETS": "Involved Dataset Descriptions",
+			"TEMPLATES-INVOLVED": "Dataset Templates Involved"
 		}
 	},
 	"DMP-PUBLIC-LISTING": {