129 lines
4.7 KiB
HTML
129 lines
4.7 KiB
HTML
<mat-card>
|
|
<mat-card-title-group>
|
|
<mat-card-title>Cases</mat-card-title>
|
|
<a mat-button [routerLink]="['/cases', 'new']">
|
|
<mat-icon>add_box</mat-icon>
|
|
Add
|
|
</a>
|
|
</mat-card-title-group>
|
|
<mat-card-content>
|
|
<form [formGroup]="form" fxLayout="column">
|
|
<div
|
|
fxLayout="row"
|
|
fxLayout.lt-md="column"
|
|
fxLayoutGap="20px"
|
|
fxLayoutGap.lt-md="0px"
|
|
fxLayoutAlign="space-around start"
|
|
>
|
|
<mat-form-field fxFlex="40">
|
|
<input
|
|
matInput
|
|
[matDatepicker]="startDate"
|
|
(focus)="startDate.open()"
|
|
placeholder="Start Date"
|
|
formControlName="startDate"
|
|
autocomplete="off"
|
|
/>
|
|
<mat-datepicker-toggle matSuffix [for]="startDate"></mat-datepicker-toggle>
|
|
<mat-datepicker #startDate></mat-datepicker>
|
|
</mat-form-field>
|
|
<mat-form-field fxFlex="40">
|
|
<input
|
|
matInput
|
|
[matDatepicker]="finishDate"
|
|
(focus)="finishDate.open()"
|
|
placeholder="Finish Date"
|
|
formControlName="finishDate"
|
|
autocomplete="off"
|
|
/>
|
|
<mat-datepicker-toggle matSuffix [for]="finishDate"></mat-datepicker-toggle>
|
|
<mat-datepicker #finishDate></mat-datepicker>
|
|
</mat-form-field>
|
|
<button mat-raised-button color="primary" (click)="show()" fxFlex="20c">Show</button>
|
|
</div>
|
|
</form>
|
|
<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.caseSource.prefix }}-{{ 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>
|
|
|
|
<!-- Court Case Number Column -->
|
|
<ng-container matColumnDef="courtCaseNumber">
|
|
<mat-header-cell *matHeaderCellDef>Case No.</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.courtCaseNumber }}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Forum Column -->
|
|
<ng-container matColumnDef="forum">
|
|
<mat-header-cell *matHeaderCellDef>Forum</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.court?.name }}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Court and Item Number Column -->
|
|
<ng-container matColumnDef="courtAndItemNumber">
|
|
<mat-header-cell *matHeaderCellDef>Court / Item Number</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ courtNumber(row) }} / {{ itemNumber(row) }}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Bench Column -->
|
|
<ng-container matColumnDef="bench">
|
|
<mat-header-cell *matHeaderCellDef>Bench</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ bench(row) }}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Proceedings Column -->
|
|
<ng-container matColumnDef="proceedings">
|
|
<mat-header-cell *matHeaderCellDef>Proceedings</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ proceedings(row) }}</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">{{ nextHearingDate(row) }}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Appear On Behalf Of Column -->
|
|
<ng-container matColumnDef="appearOnBehalfOf">
|
|
<mat-header-cell *matHeaderCellDef>On Behalf of</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.appearOnBehalfOf }}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Other Hearing Dates Column -->
|
|
<ng-container matColumnDef="otherHearingDates">
|
|
<mat-header-cell *matHeaderCellDef>Other Hearing Dates</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ otherHearingDates(row) }}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Remarks Column -->
|
|
<ng-container matColumnDef="remarks">
|
|
<mat-header-cell *matHeaderCellDef>Remarks</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.remarks }}</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>
|