argos/dmp-frontend/src/app/ui/dashboard/drafts/drafts.component.html

<div class="card card-draft">
	<div class="card-header card-header-plain">
		<div class="card-desc">
			<h4 class="card-title">DRAFTS</h4>
			<p class="card-category">Draft Registrations</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">
			<tbody *ngIf="datasetDrafts != null">
				<tr *ngFor="let dataset of datasetDrafts" (click)="redirect(dataset.id, datasetDraftsTypeEnum.Dataset)" style="cursor: pointer;">
					<td>
						<div class="row">
							<div class="col-md-2" style="padding-top: 36px">
								<i class="material-icons-outlined grey">library_books</i>
							</div>
							<div class="col-md-10">
								<div class="drafts-more-btn">
									<i class="material-icons more-icon">more_horiz</i>
								</div>
								<div class="draft-title">
									Dataset: {{ dataset.label }} For Dmp: {{ dataset.dmp }} For Project: {{ dataset.project }}
								</div>
								<div class="draft-subtitle">{{ dataset.created | date: "shortDate"}}</div>
								<div class="draft-desc">{{ dataset.description }}</div>
								<div class="project-pill">{{ dataset.profile }}</div>
							</div>
						</div>
					</td>
				</tr>
			</tbody>
			<tbody *ngIf="datasetDrafts == null">
				<td></td>
			</tbody>
		</table>
	</div>
</div>