<div class="listing-item">
	<div class="col" (click)="itemClicked()">
		<div class="row">
			<div class="col-12 gray-container container-header">
				<p (click)="$event.stopImmediatePropagation(); grantClicked(dmp.grantId)">
					{{dmp.grantAbbreviation}}</p>
			</div>
		</div>
		<div class="row">
			<div class="col-12 about-item">
				<mat-icon class="icon">radio_button_checked</mat-icon>
				<h4 class="title">{{dmp.label}}</h4>
			</div>
		</div>
		<div class="row">
			<div class="col-12">
				<p class="mt-1 mb-2">{{dmp.description}}</p>
			</div>
		</div>
		<div class="row">
			<div class="col-12 about-item">
				<div *ngFor="let profile of dmp.associatedProfiles" class="pt-1">
					<div matTooltip="{{profile.label}}" class="chip ml-2 mr-2">{{profile.label}}</div>
				</div>
			</div>
		</div>
		<hr>
		<div class="date">
			<p>{{'DMP-PROFILE-LISTING.COLUMNS.PUBLISHED' | translate}} {{dmp.creationTime | date: "shortDate"}}</p>
		</div>
	</div>
</div>
