36 lines
1.4 KiB
HTML
36 lines
1.4 KiB
HTML
<div class="explore-dmp-listing-item row" (click)="itemClicked()">
|
|
<div class="col-auto">
|
|
<mat-icon>lock</mat-icon>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row">
|
|
<h4 class="col-12 title">{{dmp.label}}</h4>
|
|
<h4 class="col-12 project-title">{{dmp.project}}</h4>
|
|
</div>
|
|
<div class="row d-flex align-items-center my-1">
|
|
<mat-icon class="col-auto type-icon">storage</mat-icon>
|
|
<h4 class="col-auto m-2 p-1">{{dmp.associatedProfiles.length}}</h4>
|
|
<div class="row" *ngFor="let profile of dmp.associatedProfiles">
|
|
<div class="col-auto explore-dmp-chip ml-2">{{profile.label}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="row d-flex align-items-center my-1">
|
|
<mat-icon class="col-auto type-icon">settings</mat-icon>
|
|
<h4 class="col-auto m-0 p-0">OWNER</h4>
|
|
</div>
|
|
<div class="row d-flex align-items-center my-1">
|
|
<mat-icon class="col-auto type-icon">group</mat-icon>
|
|
<div class="col-auto explore-dmp-squared-chip mr-2">JOHN DOE</div>
|
|
<div class="col-auto explore-dmp-squared-chip mr-2">JOHN DOE</div>
|
|
<div class="col-auto explore-dmp-squared-chip mr-2">JOHN DOE</div>
|
|
<div class="col-auto explore-dmp-squared-chip mr-2">JOHN DOE</div>
|
|
<div class="col-auto explore-dmp-squared-chip mr-2">JOHN DOE</div>
|
|
<div class="col-auto explore-dmp-squared-chip mr-2">JOHN DOE</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<mat-icon>more_horiz</mat-icon>
|
|
</div>
|
|
</div>
|
|
<mat-divider *ngIf="showDivider"></mat-divider>
|