Allow Loan re-aging transaction

2024-02-28 09:20:36 +01:00
parent c6b134fc17
commit 36a8e275be
25 changed files with 297 additions and 3 deletions
@@ -0,0 +1,53 @@
+<div class="container mat-elevation-z8">
+
+    <mat-card>
+
+        <form [formGroup]="reagingLoanForm" (ngSubmit)="submit()">
+
+            <mat-card-content>
+
+                <div fxLayout="column">
+
+                    <mat-form-field>
+                        <mat-label>{{"labels.inputs.Number of Installments" | translate}}</mat-label>
+                        <input type="number" matInput required formControlName="numberOfInstallments">
+                    </mat-form-field>
+
+                    <mat-form-field>
+                        <mat-label>{{"labels.inputs.Frequency Type" | translate}}</mat-label>
+                        <mat-select formControlName="frequency">
+                          <mat-option *ngFor="let frequency of frequencyOptions" [value]="frequency.code">
+                            {{ frequency.value }}
+                          </mat-option>
+                        </mat-select>
+                    </mat-form-field>
+
+                    <mat-form-field (click)="startDatePicker.open()">
+                        <mat-label>{{"labels.inputs.Start Date" | translate}}</mat-label>
+                        <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="startDatePicker" required
+                            formControlName="startDate">
+                        <mat-datepicker-toggle matSuffix [for]="startDatePicker"></mat-datepicker-toggle>
+                        <mat-datepicker #startDatePicker></mat-datepicker>
+                        <mat-error *ngIf="reagingLoanForm.controls.startDate.hasError('required')">
+                            {{"labels.inputs.Start Date" | translate}} {{"labels.commons.is" | translate}}
+                            <strong>{{"labels.commons.required" | translate}}</strong>
+                        </mat-error>
+                    </mat-form-field>
+
+                    <mat-form-field>
+                        <mat-label>{{"labels.inputs.External Id" | translate}}</mat-label>
+                        <input matInput formControlName="externalId">
+                    </mat-form-field>
+                </div>
+
+                <mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
+                    <button type="button" mat-raised-button [routerLink]="['../../general']">{{"labels.buttons.Cancel" |
+                        translate}}</button>
+                    <button mat-raised-button color="primary" [disabled]="!reagingLoanForm.valid"
+                        *mifosxHasPermission="'REAGING_LOAN'">{{"labels.buttons.Submit" | translate}}</button>
+                </mat-card-actions>
+
+            </mat-card-content>
+        </form>
+    </mat-card>
+</div>