argos/dmp-frontend/src/app/datasets_new/dataset-listing.component.html

<div class="container-fluid">
	<h3>{{'DATASET-LISTING.TITLE' | translate}}</h3>

	<app-datasets-criteria-component></app-datasets-criteria-component>
	<mat-card class="mat-card">
		<mat-progress-bar *ngIf="dataSource?.isLoadingResults" mode="query"></mat-progress-bar>

		<mat-table [dataSource]="dataSource" matSort>

			<!-- Column Definition: Name -->
			<ng-container cdkColumnDef="label">
				<mat-header-cell *matHeaderCellDef>{{'DATASET-LISTING.COLUMNS.NAME' | translate}}</mat-header-cell>
				<mat-cell *matCellDef="let row">{{row.label}}</mat-cell>
			</ng-container>

			<!-- Column Definition: Reference -->
			<ng-container cdkColumnDef="reference">
				<mat-header-cell *matHeaderCellDef>{{'DATASET-LISTING.COLUMNS.REFERNCE' | translate}}</mat-header-cell>
				<mat-cell *matCellDef="let row"> {{row.reference}} </mat-cell>
			</ng-container>

			<!-- Column Definition: Uri -->
			<ng-container cdkColumnDef="uri">
				<mat-header-cell *matHeaderCellDef>{{'DATASET-LISTING.COLUMNS.URI' | translate}}</mat-header-cell>
				<mat-cell *matCellDef="let row"> {{row.uri}} </mat-cell>
			</ng-container>

			<!-- Column Definition: Status -->
			<ng-container cdkColumnDef="status">
				<mat-header-cell *matHeaderCellDef>{{'DATASET-LISTING.COLUMNS.STATUS' | translate}}</mat-header-cell>
				<mat-cell *matCellDef="let row"> {{row.status}} </mat-cell>
			</ng-container>

			<!-- Column Definition: Description -->
			<ng-container cdkColumnDef="description">
				<mat-header-cell *matHeaderCellDef>{{'DATASET-LISTING.COLUMNS.DESCRIPTION' | translate}}</mat-header-cell>
				<mat-cell *matCellDef="let row"> {{row.description}} </mat-cell>
			</ng-container>

			<!-- Column Definition: Created -->
			<ng-container cdkColumnDef="created">
				<mat-header-cell *matHeaderCellDef>{{'DATASET-LISTING.COLUMNS.CREATED' | translate}}</mat-header-cell>
				<mat-cell *matCellDef="let row">{{row.created}}</mat-cell>
			</ng-container>

			<!-- Column Definition: Submission Time -->
			<ng-container cdkColumnDef="actions">
				<mat-header-cell *matHeaderCellDef>{{'DATASET-LISTING.COLUMNS.ACTIONS' | translate}}</mat-header-cell>
				<mat-cell *matCellDef="let row"></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>

	<button mat-fab class="mat-fab-bottom-right" color="primary" [routerLink]=" ['./new'] ">
		<mat-icon class="mat-24">add</mat-icon>
	</button>
</div>