90 lines
3.4 KiB
HTML
90 lines
3.4 KiB
HTML
<div class="main-content">
|
|
<div class="container-fluid dmp-profile-listing">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<h3>{{titlePrefix}} {{'DMP-PROFILE-LISTING.TITLE' | translate}}</h3>
|
|
</div>
|
|
<div class="col"></div>
|
|
<div class="col-auto">
|
|
<button mat-raised-button class="import-btn" (click)="openDialog()">
|
|
<span class="button-text">
|
|
{{'DMP-PROFILE-LISTING.UPLOAD.UPLOAD-XML' | translate}}
|
|
</span>
|
|
</button>
|
|
<button mat-raised-button class="create-btn ml-md-3" [routerLink]="['/dmp-profiles/new'] ">
|
|
<span class="button-text">
|
|
{{'DMP-PROFILE-LISTING.CREATE-DMP-BLUEPRINT' | translate}}
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12 mt-5">
|
|
<app-dmp-profile-criteria-component></app-dmp-profile-criteria-component>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mat-elevation-z6">
|
|
<mat-table [dataSource]="dataSource" matSort (matSortChange)="refresh()" matSortActive="created" matSortDirection="desc">
|
|
|
|
<!-- Column Definition: Name -->
|
|
<ng-container cdkColumnDef="label">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header="label">
|
|
{{'DMP-PROFILE-LISTING.COLUMNS.NAME' | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{row.label}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Column Definition: Created -->
|
|
<ng-container cdkColumnDef="created">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header="created">
|
|
{{'DMP-PROFILE-LISTING.COLUMNS.CREATED' | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{row.created | date:'short'}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Column Definition: status -->
|
|
<ng-container cdkColumnDef="status">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header="status">
|
|
{{'DMP-PROFILE-LISTING.COLUMNS.STATUS' | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">
|
|
<div [ngClass]="['status-chip', getStatusClass(row.status)]">
|
|
{{parseStatus(row.status) | translate}}
|
|
</div>
|
|
</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Column Definition: Submission Time -->
|
|
<ng-container cdkColumnDef="actions">
|
|
<mat-header-cell *matHeaderCellDef><!-- {{'DATASET-PROFILE-LISTING.COLUMNS.ACTIONS' | translate}} -->
|
|
</mat-header-cell>
|
|
<mat-cell *matCellDef="let row" (click)="$event.stopPropagation()">
|
|
<mat-menu #actionsMenu="matMenu">
|
|
<button mat-menu-item (click)="clone(row.id)">
|
|
<mat-icon>filter_none</mat-icon>{{'DMP-PROFILE-LISTING.ACTIONS.CLONE' | translate}}
|
|
</button>
|
|
<button mat-menu-item (click)="downloadXML(row.id)" *ngIf="row.status === dmpBlueprintStatus.Finalized">
|
|
<mat-icon>download</mat-icon>
|
|
{{'DMP-PROFILE-LISTING.ACTIONS.DOWNLOAD-XML' | translate}}
|
|
</button>
|
|
<button mat-menu-item (click)="deleteTemplate(row.id)">
|
|
<mat-icon>delete</mat-icon>
|
|
{{'DMP-PROFILE-LISTING.ACTIONS.DELETE' | translate}}
|
|
</button>
|
|
</mat-menu>
|
|
<button mat-icon-button [matMenuTriggerFor]="actionsMenu">
|
|
<mat-icon>more_horiz</mat-icon>
|
|
</button>
|
|
</mat-cell>
|
|
</ng-container>
|
|
|
|
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
|
<mat-row *matRowDef="let row; columns: displayedColumns" (click)="rowClick(row.id)"></mat-row>
|
|
<!-- (click)="rowClick(row.id)" -->
|
|
|
|
</mat-table>
|
|
<mat-paginator #paginator [length]="dataSource?.totalCount" [pageSizeOptions]="[10, 25, 100]">
|
|
</mat-paginator>
|
|
</div>
|
|
</div>
|
|
</div>
|