72 lines
3.6 KiB
HTML
72 lines
3.6 KiB
HTML
<div class="container-fluid">
|
|
<h3>{{'DMP-LISTING.TITLE' | translate}}</h3>
|
|
|
|
<app-dmp-criteria-component></app-dmp-criteria-component>
|
|
<mat-card class="mat-card">
|
|
<mat-card-header>
|
|
<mat-progress-bar *ngIf="dataSource?.isLoadingResults" mode="query"></mat-progress-bar>
|
|
</mat-card-header>
|
|
<mat-table [dataSource]="dataSource" matSort>
|
|
|
|
|
|
<!-- Column Definition: Name -->
|
|
<ng-container cdkColumnDef="name">
|
|
<mat-header-cell *matHeaderCellDef>{{'DMP-LISTING.COLUMNS.NAME' | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{row.label}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Column Definition: Project -->
|
|
<ng-container cdkColumnDef="project">
|
|
<mat-header-cell *matHeaderCellDef>{{'DMP-LISTING.COLUMNS.PROJECT' | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let row"> {{row.project}} </mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Column Definition: Profile -->
|
|
<ng-container cdkColumnDef="profile">
|
|
<mat-header-cell *matHeaderCellDef>{{'DMP-LISTING.COLUMNS.PROFILE' | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let row"> {{row.profile}} </mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Column Definition: Researchers -->
|
|
<ng-container cdkColumnDef="researchers">
|
|
<mat-header-cell *matHeaderCellDef>{{'DMP-LISTING.COLUMNS.RESEARCHERS' | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let row"> {{row.researchers}} </mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Column Definition: Organisations -->
|
|
<ng-container cdkColumnDef="organisations">
|
|
<mat-header-cell *matHeaderCellDef>{{'DMP-LISTING.COLUMNS.ORGANISATIONS' | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let row"> {{row.organisations}} </mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Column Definition: Version -->
|
|
<ng-container cdkColumnDef="version">
|
|
<mat-header-cell *matHeaderCellDef>{{'DMP-LISTING.COLUMNS.VERSION' | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let row"> {{row.version}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<ng-container cdkColumnDef="actions">
|
|
<mat-header-cell *matHeaderCellDef>{{'DMP-LISTING.COLUMNS.ACTIONS' | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">
|
|
<mat-menu #actionsMenu="matMenu">
|
|
<button mat-menu-item (click)="rowClick(row.id)"><mat-icon>mode_edit</mat-icon>{{'DMP-LISTING.ACTIONS.EDIT' | translate}}</button>
|
|
<button mat-menu-item (click)="openShareDialog(row.id,row.label)"><mat-icon>insert_invitation</mat-icon>{{'DMP-LISTING.ACTIONS.INVITE' | translate}}</button>
|
|
</mat-menu>
|
|
<button mat-icon-button [matMenuTriggerFor]="actionsMenu">
|
|
<mat-icon>more_vert</mat-icon>
|
|
</button>
|
|
</mat-cell>
|
|
</ng-container>
|
|
|
|
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
|
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
|
|
|
|
</mat-table>
|
|
<mat-paginator #paginator [length]="dataSource?.totalCount" [pageSizeOptions]="[10, 25, 100]">
|
|
</mat-paginator>
|
|
</mat-card>
|
|
|
|
<button mat-fab class="mat-fab-bottom-right" color="primary" [routerLink]=" ['./new'] ">
|
|
<mat-icon class="mat-24">add</mat-icon>
|
|
</button>
|
|
</div> |