49 lines
2.1 KiB
HTML
49 lines
2.1 KiB
HTML
<div class="main-content">
|
|
<div class="container-fluid">
|
|
<div class="explore-dmp">
|
|
<h3 class="text-center">{{'DMP-PUBLIC-LISTING.TITLE' | translate}} {{titlePrefix}}</h3>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<app-explore-dmp-filters-component (facetCriteriaChange)="onCriteriaChange($event)"></app-explore-dmp-filters-component>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<mat-card class="mat-card">
|
|
<mat-table [dataSource]="dataSource" matSort (matSortChange)="refresh()">
|
|
<!-- Column Definition: Name -->
|
|
<ng-container cdkColumnDef="name">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header="label">{{'DMP-LISTING.COLUMNS.NAME' | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{row.label}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Column Definition: Dmp -->
|
|
<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: 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: Created -->
|
|
<ng-container cdkColumnDef="created">
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header="created">{{'DMP-LISTING.COLUMNS.CREATION-TIME' | translate}}
|
|
</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{row.creationTime | date:'shortDate'}}</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>
|
|
</mat-table>
|
|
<mat-paginator #paginator [length]="dataSource?.totalCount" [pageSizeOptions]="[10, 25, 100]">
|
|
</mat-paginator>
|
|
</mat-card>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|