55 lines
2.0 KiB
HTML
55 lines
2.0 KiB
HTML
<mat-card>
|
|
<mat-card-title-group>
|
|
<mat-card-title>Compliances</mat-card-title>
|
|
<button mat-button mat-icon-button (click)="exportCsv()">
|
|
<mat-icon>save_alt</mat-icon>
|
|
</button>
|
|
</mat-card-title-group>
|
|
<mat-card-content>
|
|
<mat-table #table [dataSource]="dataSource" aria-label="Elements">
|
|
<!-- Office File Number Column -->
|
|
<ng-container matColumnDef="officeFileNumber">
|
|
<mat-header-cell *matHeaderCellDef>File No.</mat-header-cell>
|
|
<mat-cell *matCellDef="let row"
|
|
><a [routerLink]="['/cases', row.id]">{{ row.officeFileNumber }}</a></mat-cell
|
|
>
|
|
</ng-container>
|
|
|
|
<!-- Title Column -->
|
|
<ng-container matColumnDef="title">
|
|
<mat-header-cell *matHeaderCellDef>Title</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.title }}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Proceedings Column -->
|
|
<ng-container matColumnDef="proceedings">
|
|
<mat-header-cell *matHeaderCellDef>Proceedings</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.proceedings }}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Compliance Date Column -->
|
|
<ng-container matColumnDef="complianceDate">
|
|
<mat-header-cell *matHeaderCellDef>Compliance Date</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.complianceDate }}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Next Hearing Date Column -->
|
|
<ng-container matColumnDef="nextHearingDate">
|
|
<mat-header-cell *matHeaderCellDef>Next Hearing Date</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.nextHearingDate }}</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]="0"
|
|
[pageIndex]="0"
|
|
[pageSize]="10"
|
|
[pageSizeOptions]="[10, 25, 50, 100, 250]"
|
|
>
|
|
</mat-paginator>
|
|
</mat-card-content>
|
|
</mat-card>
|