37 lines
1.9 KiB
HTML
37 lines
1.9 KiB
HTML
<div class="card">
|
|
<mat-card-title class="card-header">
|
|
<div class="row">
|
|
NEW TRANSFER
|
|
<button mat-raised-button color="warn" type="button" class="btn btn-outline-danger ml-auto mr-2" (click)="cancel()"> CANCEL </button>
|
|
</div>
|
|
</mat-card-title>
|
|
<div class="card-body">
|
|
<form [formGroup]="disbursementForm" (ngSubmit)="createTransfer()">
|
|
<div class="row form-inline">
|
|
<mat-form-field appearance="outline">
|
|
<mat-label> TRANSACTION TYPE </mat-label>
|
|
<mat-select id="transactionType" formControlName="transactionType" [errorStateMatcher]="matcher">
|
|
<mat-option value="disbursement">DISBURSEMENT</mat-option>
|
|
<mat-option value="transfer">TRANSFER</mat-option>
|
|
<mat-option value="deposit">DEPOSIT</mat-option>
|
|
<mat-option value="reclamation">RECLAMATION</mat-option>
|
|
</mat-select>
|
|
<mat-error *ngIf="submitted && disbursementFormStub.transactionType.errors">Transaction type is required.</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field *ngIf="disbursementFormStub.transactionType.value === 'transfer'" appearance="outline" class="ml-3">
|
|
<mat-label>Enter Recipient: </mat-label>
|
|
<input matInput type="text" id="recipient" placeholder="Recipient" formControlName="recipient">
|
|
</mat-form-field>
|
|
<mat-form-field appearance="outline" class="ml-3">
|
|
<mat-label>Enter Amount: </mat-label>
|
|
<input matInput type="text" id="amount" placeholder="Amount" formControlName="amount" [errorStateMatcher]="matcher">
|
|
<mat-error *ngIf="submitted && disbursementFormStub.amount.errors">Amount is required.</mat-error>
|
|
</mat-form-field>
|
|
<button mat-raised-button color="primary" type="submit" class="btn btn-outline-primary ml-3" style="margin-bottom: 1.2rem;">
|
|
CREATE TRANSFER
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|