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

<div class="card">
	<div class="card-header card-header-plain">
		<div class="card-desc">
			<h4 class="card-title">
				{{ 'RECENT-ACTIVITY.LAST-EDITED-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.EDITED' | 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 matTooltip="{{ dmpProfileDisplay(activity.profile) }}" class="template-name">
							{{ dmpProfileDisplay(activity.profile) }}
						</div>
					</td>
					<td>{{ activity.grant }}</td>
					<td>{{roleDisplay(activity.users)}}</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 style="padding-left: 12px">{{ activity.modifiedTime | date: "shortDate" }}</td>
					<td>
						<!-- <i class="material-icons more-icon">more_horiz</i> -->
						<button mat-icon-button [matMenuTriggerFor]="actionsMenu" class="ml-auto more-icon"
							(click)="$event.stopImmediatePropagation();">
							<mat-icon class="more-horiz">more_horiz</mat-icon>
						</button>
						<mat-menu #actionsMenu="matMenu">
							<button mat-menu-item (click)="editClicked(activity)" class="menu-item">
								<mat-icon>edit</mat-icon>{{ 'DMP-LISTING.ACTIONS.EDIT' | translate }}
							</button>
							<button mat-menu-item (click)="cloneClicked(activity)" class="menu-item">
								<mat-icon>add</mat-icon>{{ 'DMP-LISTING.ACTIONS.CLONE' | translate }}
							</button>
							<button mat-menu-item (click)="deleteClicked(activity)" class="menu-item">
								<mat-icon>delete</mat-icon>{{ 'DMP-LISTING.ACTIONS.DELETE' | translate }}
							</button>
							<button mat-menu-item (click)="advancedClicked(activity)" class="menu-item">
								<mat-icon>save_alt</mat-icon>{{ 'DMP-LISTING.ACTIONS.ADV-EXP' | translate }}
							</button>
						</mat-menu>
					</td>
				</tr>
			</tbody>
			<tbody *ngIf="dmpActivities == null">
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</tbody>
		</table>
	</div>
</div>