126 lines
4.6 KiB
HTML
126 lines
4.6 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>
|
|
<mat-label>Case Source</mat-label>
|
|
<mat-select placeholder="Case Source" formControlName="caseSource">
|
|
<mat-option *ngFor="let cs of caseSources" [value]="cs.id">
|
|
{{ cs.name }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</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>
|
|
|
|
<!-- Title 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>
|
|
|
|
<!-- Case Connected With Column -->
|
|
<ng-container matColumnDef="caseConnectedWith">
|
|
<mat-header-cell *matHeaderCellDef>Connected Case</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.caseConnectedWith }}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Court Column -->
|
|
<ng-container matColumnDef="court">
|
|
<mat-header-cell *matHeaderCellDef>Forum</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.court?.name }}</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>
|
|
|
|
<!-- 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>
|
|
|
|
<!-- Court Satus Column -->
|
|
<ng-container matColumnDef="courtStatus">
|
|
<mat-header-cell *matHeaderCellDef>Court Status</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.courtStatus?.name }}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Office Status Column -->
|
|
<ng-container matColumnDef="officeStatus">
|
|
<mat-header-cell *matHeaderCellDef>Office Status</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.officeStatus?.name }}</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>
|
|
|
|
<!-- Receipt Date Column -->
|
|
<ng-container matColumnDef="receiptDate">
|
|
<mat-header-cell *matHeaderCellDef>Receipt Date</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.receiptDate }}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Office Column -->
|
|
<ng-container matColumnDef="office">
|
|
<mat-header-cell *matHeaderCellDef>Office</mat-header-cell>
|
|
<mat-cell *matCellDef="let row"
|
|
>{{ row.department?.name }} / {{ row.office?.name }}</mat-cell
|
|
>
|
|
</ng-container>
|
|
|
|
<!-- Lower Court Case Number Column -->
|
|
<ng-container matColumnDef="lowerCourtCaseNumber">
|
|
<mat-header-cell *matHeaderCellDef>Lower Court Case Number</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{ row.lowerCourtCaseNumber }}</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>
|