121 lines
3.5 KiB
HTML
121 lines
3.5 KiB
HTML
<h1 mat-dialog-title>Edit Hearing</h1>
|
|
<div mat-dialog-content>
|
|
<form [formGroup]="form">
|
|
<div
|
|
fxLayout="row"
|
|
fxLayoutAlign="space-around start"
|
|
fxLayout.lt-md="column"
|
|
fxLayoutGap="20px"
|
|
fxLayoutGap.lt-md="0px"
|
|
>
|
|
<mat-form-field fxFlex>
|
|
<mat-label>Court Number</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
placeholder="Court Number"
|
|
formControlName="courtNumber"
|
|
autocomplete="off"
|
|
/>
|
|
</mat-form-field>
|
|
<mat-form-field fxFlex>
|
|
<mat-label>Item Number</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
placeholder="Item Number"
|
|
formControlName="itemNumber"
|
|
autocomplete="off"
|
|
/>
|
|
</mat-form-field>
|
|
</div>
|
|
<div
|
|
fxLayout="row"
|
|
fxLayoutAlign="space-around start"
|
|
fxLayout.lt-md="column"
|
|
fxLayoutGap="20px"
|
|
fxLayoutGap.lt-md="0px"
|
|
>
|
|
<mat-form-field fxFlex>
|
|
<mat-label>Bench</mat-label>
|
|
<input
|
|
type="text"
|
|
matInput
|
|
placeholder="Bench"
|
|
formControlName="bench"
|
|
autocomplete="off"
|
|
/>
|
|
</mat-form-field>
|
|
<mat-form-field fxFlex>
|
|
<mat-label>Latest Status</mat-label>
|
|
<mat-select placeholder="Latest Status" formControlName="latestStatus">
|
|
<mat-option *ngFor="let cs of data.courtStatuses" [value]="cs.id">
|
|
{{ cs.name }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div>
|
|
<div
|
|
fxLayout="row"
|
|
fxLayoutAlign="space-around start"
|
|
fxLayout.lt-md="column"
|
|
fxLayoutGap="20px"
|
|
fxLayoutGap.lt-md="0px"
|
|
fx
|
|
>
|
|
<mat-form-field fxFlex>
|
|
<mat-label>Proceedings / Action to be taken</mat-label>
|
|
<textarea
|
|
type="text"
|
|
matInput
|
|
placeholder="Proceedings / Action to be taken"
|
|
formControlName="proceedings"
|
|
autocomplete="off"
|
|
cdkTextareaAutosize
|
|
cdkAutosizeMinRows="5"
|
|
></textarea>
|
|
</mat-form-field>
|
|
</div>
|
|
<div
|
|
fxLayout="row"
|
|
fxLayoutAlign="space-around start"
|
|
fxLayout.lt-md="column"
|
|
fxLayoutGap="20px"
|
|
fxLayoutGap.lt-md="0px"
|
|
>
|
|
<mat-form-field fxFlex="40%">
|
|
<mat-label>Compliance Date</mat-label>
|
|
<input
|
|
matInput
|
|
[matDatepicker]="complianceDate"
|
|
placeholder="Compliance Date"
|
|
formControlName="complianceDate"
|
|
autocomplete="off"
|
|
#complianceDateElement
|
|
(focus)="complianceDateElement.select()"
|
|
/>
|
|
<mat-datepicker-toggle matSuffix [for]="complianceDate"></mat-datepicker-toggle>
|
|
<mat-datepicker #complianceDate></mat-datepicker>
|
|
</mat-form-field>
|
|
<mat-form-field fxFlex="40%">
|
|
<mat-label>Next Hearing Date</mat-label>
|
|
<input
|
|
matInput
|
|
[matDatepicker]="nextHearingDate"
|
|
placeholder="Next Hearing Date"
|
|
formControlName="nextHearingDate"
|
|
autocomplete="off"
|
|
#nextHearingDateElement
|
|
(focus)="nextHearingDateElement.select()"
|
|
/>
|
|
<mat-datepicker-toggle matSuffix [for]="nextHearingDate"></mat-datepicker-toggle>
|
|
<mat-datepicker #nextHearingDate></mat-datepicker>
|
|
</mat-form-field>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div mat-dialog-actions>
|
|
<button mat-button [mat-dialog-close]="false" cdkFocusInitial>Cancel</button>
|
|
<button mat-button (click)="accept()" color="primary">Ok</button>
|
|
</div>
|