103 lines
4.6 KiB
HTML
103 lines
4.6 KiB
HTML
<form [formGroup]="fixedDepositAccountTermsForm">
|
|
|
|
<div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
|
|
|
|
<mat-form-field fxFlex="48%">
|
|
<mat-label>{{"labels.inputs.Deposit Amount" | translate }}</mat-label>
|
|
<input type="number" matInput formControlName="depositAmount" required>
|
|
<mat-error>
|
|
{{"labels.inputs.Fixed Deposit Amount" | translate }} {{ "labels.commons.is" |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
|
|
</mat-error>
|
|
</mat-form-field>
|
|
|
|
<span fxFlex="48%" fxHide.lt-md></span>
|
|
|
|
<mat-form-field fxFlex="48%">
|
|
<mat-label>{{"labels.inputs.Deposit Period" | translate }}</mat-label>
|
|
<input type="number" matInput formControlName="depositPeriod" required>
|
|
<mat-error>
|
|
{{"labels.inputs.Deposit Period" | translate }} {{ "labels.commons.is" |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
|
|
</mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field fxFlex="48%">
|
|
<mat-label>{{"labels.inputs.Deposit Period Type" | translate }}</mat-label>
|
|
<mat-select formControlName="depositPeriodFrequencyId" required>
|
|
<mat-option *ngFor="let periodFrequencyType of periodFrequencyTypeData" [value]="periodFrequencyType.id">
|
|
{{ periodFrequencyType.value }}
|
|
</mat-option>
|
|
</mat-select>
|
|
<mat-error>
|
|
{{"labels.inputs.Deposit Period Type" | translate }} {{ "labels.commons.is" |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
|
|
</mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-divider fxFlex="98%"></mat-divider>
|
|
|
|
<mat-form-field fxFlex="48%">
|
|
<mat-label>{{"labels.inputs.Interest Compounding Period" | translate }}</mat-label>
|
|
<mat-select formControlName="interestCompoundingPeriodType" required>
|
|
<mat-option *ngFor="let interestCompoundingPeriodType of interestCompoundingPeriodTypeData"
|
|
[value]="interestCompoundingPeriodType.id">
|
|
{{ interestCompoundingPeriodType.value }}
|
|
</mat-option>
|
|
</mat-select>
|
|
<mat-error>
|
|
{{"labels.inputs.Interest Compounding Period" | translate }} {{ "labels.commons.is" |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
|
|
</mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field fxFlex="48%">
|
|
<mat-label>{{"labels.inputs.Interest Posting Period" | translate }}</mat-label>
|
|
<mat-select formControlName="interestPostingPeriodType" required>
|
|
<mat-option *ngFor="let interestPostingPeriodType of interestPostingPeriodTypeData"
|
|
[value]="interestPostingPeriodType.id">
|
|
{{ interestPostingPeriodType.value }}
|
|
</mat-option>
|
|
</mat-select>
|
|
<mat-error>
|
|
{{"labels.inputs.Interest Posting Period" | translate }} {{ "labels.commons.is" |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
|
|
</mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field fxFlex="48%">
|
|
<mat-label>{{"labels.inputs.Interest Calculated using" | translate }}</mat-label>
|
|
<mat-select formControlName="interestCalculationType" required>
|
|
<mat-option *ngFor="let interestCalculationType of interestCalculationTypeData"
|
|
[value]="interestCalculationType.id">
|
|
{{ interestCalculationType.value }}
|
|
</mat-option>
|
|
</mat-select>
|
|
<mat-error>
|
|
{{"labels.inputs.Interest Calculated using" | translate }} {{ "labels.commons.is" |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
|
|
</mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field fxFlex="48%">
|
|
<mat-label>{{"labels.inputs.Days in Year" | translate }}</mat-label>
|
|
<mat-select formControlName="interestCalculationDaysInYearType" required>
|
|
<mat-option *ngFor="let interestCalculationDaysInYearType of interestCalculationDaysInYearTypeData"
|
|
[value]="interestCalculationDaysInYearType.id">
|
|
{{ interestCalculationDaysInYearType.value }}
|
|
</mat-option>
|
|
</mat-select>
|
|
<mat-error>
|
|
{{"labels.inputs.Days in Year" | translate }} {{ "labels.commons.is" |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
|
|
</mat-error>
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
<div fxLayout="row" class="margin-t" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="2%">
|
|
<button mat-raised-button matStepperPrevious>
|
|
<fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
|
|
{{"labels.buttons.Previous" | translate }}
|
|
</button>
|
|
<button mat-raised-button matStepperNext>
|
|
{{"labels.buttons.Next" | translate }}
|
|
<fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
|
|
</button>
|
|
</div>
|
|
|
|
</form>
|