Hearing Date is not not null and unique for the court case.
Data import also needs to reflect this. Cause List made.
This commit is contained in:
128
otis/src/app/cause-list/cause-list.component.html
Normal file
128
otis/src/app/cause-list/cause-list.component.html
Normal file
@ -0,0 +1,128 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user