Adds: Links on buttons VIEW ALL, Translates: Buttons VIEW ALL

dmp-frontend/src/app/ui/dashboard/info-counter/info-counter.component.css

@@ -1,9 +0,0 @@
-.view-all {
-	cursor: pointer;
-	color: rgb(106, 164, 217);
-	font-weight: 500;
-}
-
-.view-all:hover {
-	color: rgb(46, 117, 182);
-}

dmp-frontend/src/app/ui/dashboard/info-counter/info-counter.component.html

@@ -10,7 +10,7 @@
   </div>
   <div class="card-footer">
     <div class="stats">
-      <div class="view-all" [class.clickable]="isAuthenticated()" (click)="navigateToUrl()">VIEW ALL</div>
+      <div class="view-all" [class.clickable]="isAuthenticated()" (click)="navigateToUrl()">{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate}}</div>
     </div>
   </div>
 </div>

dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.css

@@ -19,3 +19,4 @@ th  {
 	border-radius: 10em;
 	text-align: center;
 }
+

dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.html

@@ -8,7 +8,7 @@
 				{{ 'RECENT-ACTIVITY.LICENSE' | translate}}
 			</p>
 		</div>
-		<a href="#" class="view-all">{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate }}</a>
+		<div class="view-all" [class.clickable]="isAuthenticated()" (click)="navigateToUrl()">{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate}}</div>
 	</div>
 	<div class="card-body table-responsive">
 		<table class="table table-hover">
@@ -23,7 +23,7 @@
 				<th></th>
 			</thead>
 			<tbody *ngIf="dmpActivities != null">
-				<tr *ngFor="let activity of dmpActivities">
+				<tr (click)="redirect(activity.id, recentActivityTypeEnum.Dmp)" *ngFor="let activity of dmpActivities" style="cursor: pointer;">
 					<td>{{ activity.label }}</td>
 					<td>
 						<div class="template-name">

dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.ts

@@ -5,6 +5,8 @@ import { AuthService } from '../../../core/services/auth/auth.service';
 import { DataTableRequest } from '../../../core/model/data-table/data-table-request';
 import { DmpCriteria } from '../../../core/query/dmp/dmp-criteria';
 import { DmpService } from '../../../core/services/dmp/dmp.service';
+import { RecentActivityType } from '../../../core/common/enum/recent-activity-type';
+import { Router } from '@angular/router';
 
 @Component({
 	selector: 'app-recent-edited-activity',
@@ -13,8 +15,10 @@ import { DmpService } from '../../../core/services/dmp/dmp.service';
 })
 export class RecentEditedActivityComponent implements OnInit {
 	dmpActivities: DmpListingModel[];
+	recentActivityTypeEnum = RecentActivityType;
 
 	constructor(
+		private router: Router,
 		public enumUtils: EnumUtils,
 		private authentication: AuthService,
 		private dmpService: DmpService
@@ -38,4 +42,24 @@ export class RecentEditedActivityComponent implements OnInit {
 		return !!this.authentication.current();
 	}
 
+	redirect(id: string, type: RecentActivityType) {
+		switch (type) {
+			case RecentActivityType.Project: {
+				this.router.navigate(["projects/edit/" + id]);
+				return;
+			}
+			case RecentActivityType.Dataset: {
+				this.router.navigate(["datasets/edit/" + id]);
+				return;
+			}
+			case RecentActivityType.Dmp: {
+				this.router.navigate(["plans/edit/" + id]);
+				return;
+			}
+			default:
+				throw new Error("Unsupported Activity Type ");
+		}
+	}
+
+	navigateToUrl() { }
 }

dmp-frontend/src/app/ui/dashboard/recent-visited-activity/recent-visited-activity.component.html

@@ -8,7 +8,8 @@
 				{{ 'RECENT-ACTIVITY.LICENSE' | translate}}
 			</p>
 		</div>
-		<a href="#" class="view-all">{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate }}</a>
+		<div class="view-all" [class.clickable]="isAuthenticated()" (click)="navigateToUrl()">
+			{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate}}</div>
 	</div>
 	<div class="card-body table-responsive">
 		<table class="table table-hover">
@@ -23,8 +24,7 @@
 				<th></th>
 			</thead>
 			<tbody *ngIf="dmpActivities != null">
-				<tr (click)="redirect(activity.id, recentActivityTypeEnum.Dmp)" *ngFor="let activity of dmpActivities"
+				<tr (click)="redirect(activity.id, recentActivityTypeEnum.Dmp)" *ngFor="let activity of dmpActivities" style="cursor: pointer;">
-					style="cursor: pointer;">
 					<td>{{ activity.label }}</td>
 					<td>
 						<div class="template-name">

dmp-frontend/src/app/ui/dashboard/recent-visited-activity/recent-visited-activity.component.ts

@@ -68,4 +68,6 @@ export class RecentVisitedActivityComponent extends BaseComponent
 	public isAuthenticated(): boolean {
 		return !!this.authentication.current();
 	}
+
+	navigateToUrl() { }
 }