brewman/overlord/src/app/issue/issue-dialog.component.html

26 lines
1.1 KiB
HTML
Raw Normal View History

<h1 mat-dialog-title>Edit Issue Entry</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="65">
<input type="text" matInput placeholder="Product" #batchElement [matAutocomplete]="autoB"
formControlName="batch" autocomplete="off">
<mat-autocomplete #autoB="matAutocomplete" autoActiveFirstOption [displayWith]="displayBatchName"
(optionSelected)="batchSelected($event)">
<mat-option *ngFor="let batch of batches | async" [value]="batch">{{batch.name}}</mat-option>
</mat-autocomplete>
</mat-form-field>
<mat-form-field fxFlex="35">
<mat-label>Quantity</mat-label>
<input type="text" matInput placeholder="Quantity" formControlName="quantity" autocomplete="off">
</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>