<div class="card">
	<div class="card-header card-header-plain">
		<div class="card-desc">
			<h4 class="card-title">
				{{ 'RECENT-ACTIVITY.LAST-VISITED-DMP' | translate}}
			</h4>
			<p class="card-category">
				{{ 'RECENT-ACTIVITY.LICENSE' | translate}}
			</p>
		</div>
		<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">
			<thead class="text-default">
				<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.NAME' | translate }}</th>
				<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.TEMPLATE' | translate }}</th>
				<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.GRANT' | translate }}</th>
				<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.ROLE' | translate }}</th>
				<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.ORGANIZATION' | translate }}</th>
				<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.STATUS' | translate }}</th>
				<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.VISITED' | translate }}</th>
				<th></th>
			</thead>
			<tbody *ngIf="dmpActivities != null">
				<tr (click)="redirect(activity.id, recentActivityTypeEnum.Dmp)" *ngFor="let activity of dmpActivities" style="cursor: pointer;">
					<td>{{ activity.label }}</td>
					<td>
						<div class="template-name">
							--
						</div>
					</td>
					<td>{{ activity.grant }}</td>
					<td>Role Name</td>
					<td>{{ activity.organisations }}</td>
					<td *ngIf="activity.status === 1">
						<div class="is-public">
							{{ enumUtils.toDmpStatusString(activity.status) }}
						</div>
					</td>
					<td *ngIf="activity.status === 0" style="padding-left: 12px">
						{{ enumUtils.toDmpStatusString(activity.status) }}
					</td>
					<td>{{ activity.creationTime | date: "shortDate" }}</td>
					<td><i class="material-icons more-icon">more_horiz</i></td>
				</tr>
			</tbody>
			<tbody *ngIf="dmpActivities == null">
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td><i class="material-icons more-icon">more_horiz</i></td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
