72 lines
2.9 KiB
HTML
72 lines
2.9 KiB
HTML
<div class="listing-item">
|
|
<div class="col" (click)="itemClicked()">
|
|
<div class="row">
|
|
<div class="col-12 gray-container container-header">
|
|
<p (click)="$event.stopImmediatePropagation(); projectClicked(dmp.projectId)">
|
|
{{dmp.projectAbbreviation}}</p>
|
|
<button mat-icon-button [matMenuTriggerFor]="actionsMenu" class="ml-auto"
|
|
(click)="$event.stopImmediatePropagation();">
|
|
<mat-icon class="more-horiz">more_horiz</mat-icon>
|
|
</button>
|
|
<mat-menu #actionsMenu="matMenu">
|
|
<button mat-menu-item (click)="editClicked(dmp.id)" class="menu-item">
|
|
<mat-icon>edit</mat-icon>{{ 'DMP-LISTING.ACTIONS.EDIT' | translate }}
|
|
</button>
|
|
<button mat-menu-item (click)="openShareDialog(dmp.id,dmp.label)">
|
|
<mat-icon>share</mat-icon>{{'DMP-LISTING.ACTIONS.INVITE' | translate}}
|
|
</button>
|
|
<button mat-menu-item (click)="addDataset(dmp.id)">
|
|
<mat-icon>add</mat-icon>{{'DMP-LISTING.ACTIONS.ADD-DATASET' | translate}}
|
|
</button>
|
|
<button mat-menu-item (click)="showDatasets(dmp.id, dmp.label)">
|
|
<mat-icon>list</mat-icon>{{'DMP-LISTING.ACTIONS.DATASETS' | translate}}
|
|
</button>
|
|
<button mat-menu-item (click)="viewVersions(dmp.groupId, dmp.label)">
|
|
<mat-icon>library_books</mat-icon>{{'DMP-LISTING.ACTIONS.VIEW-VERSION' | translate}}
|
|
</button>
|
|
</mat-menu>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 about-item">
|
|
<mat-icon *ngIf="isDraft" class="draft-icon">lock</mat-icon>
|
|
<mat-icon *ngIf="!isDraft">lock</mat-icon>
|
|
<h4 class="title" *ngIf="isDraft"><span>DRAFT:</span>{{dmp.label}}</h4>
|
|
<h4 class="title" *ngIf="!isDraft">{{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">
|
|
<mat-icon class="gray-icon pt-2">settings</mat-icon>
|
|
<h4 class="mt-2 ml-1 mr-3 p-1">{{roleDisplay(dmp.users)}}</h4>
|
|
|
|
<div class="datasets-counter">
|
|
<mat-icon (click)="$event.stopImmediatePropagation(); datasetClicked(dmp)" class="gray-icon pt-2">
|
|
storage</mat-icon>
|
|
<h4 (click)="$event.stopImmediatePropagation(); datasetClicked(dmp)" class="mt-2 ml-1 mr-3 p-1">
|
|
{{dmp.datasets.length}}</h4>
|
|
</div>
|
|
|
|
<mat-icon class="gray-icon pt-2">assignment</mat-icon>
|
|
<div *ngFor="let profile of dmp.associatedProfiles" class="pt-1">
|
|
<div matTooltip="{{profile.label}}" class="chip ml-2 mr-2">{{profile.label}}</div>
|
|
</div>
|
|
<p>Published {{dmp.creationTime | date: "shortDate"}}</p>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="row d-flex align-items-center my-1">
|
|
<mat-icon class="col-auto gray-icon">group</mat-icon>
|
|
<div class="row" *ngFor="let user of dmp.users">
|
|
<div class="col-auto squared-chip mr-2">{{user.name}}</div>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
|
|
</div>
|
|
<!-- <mat-divider *ngIf="showDivider"></mat-divider> -->
|