<div class="container row">
	<div class="col-md-3">
		<mat-card class="example-card">
			<mat-card-header>
				<mat-card-title>
					{{'RECENT-ACTIVITY.MY-TITLE-DMP' | translate}}
				</mat-card-title>
			</mat-card-header>
			<mat-card-content>
				<mat-nav-list *ngIf="dmpActivities != null">
					<mat-list-item (click)="redirect(activity.id, recentActivityTypeEnum.Dmp)" *ngFor="let activity of dmpActivities">
						<p mat-line>
							{{activity.label}}
						</p>
						<p mat-line>
							{{activity.timestamp | date:'shortDate'}}
						</p>
					</mat-list-item>
				</mat-nav-list>
			</mat-card-content>
		</mat-card>
	</div>
	<div class="col-md-3">
		<mat-card class="example-card">
			<mat-card-header>
				<mat-card-title>
					{{'RECENT-ACTIVITY.MY-TITLE-GRANT' | translate}}
				</mat-card-title>
			</mat-card-header>
			<mat-card-content>
				<mat-nav-list *ngIf="grantActivities!=null">
					<mat-list-item (click)="redirect(activity.id, recentActivityTypeEnum.Grant)" *ngFor="let activity of grantActivities">
						<p mat-line>
							{{activity.label}}
						</p>
						<p mat-line>
							{{activity.timestamp | date:'shortDate'}}
						</p>
					</mat-list-item>
				</mat-nav-list>
			</mat-card-content>

		</mat-card>
	</div>
	<div class="col-md-3">
		<mat-card class="example-card">
			<mat-card-header>
				<mat-card-title>
					{{'RECENT-ACTIVITY.MY-TITLE-DATASET' | translate}}
				</mat-card-title>
			</mat-card-header>
			<mat-card-content>
				<mat-nav-list *ngIf="datasetActivities!=null">
					<mat-list-item (click)="redirect(activity.id, recentActivityTypeEnum.Dataset)" *ngFor="let activity of datasetActivities">
						<p mat-line>
							{{activity.label}}
						</p>
						<p mat-line>
							{{activity.timestamp | date:'shortDate'}}
						</p>
					</mat-list-item>
				</mat-nav-list>

			</mat-card-content>
		</mat-card>
	</div>
</div>
