WEB-708 Required Field Validation Messages Not Displayed in Loan Product (#3136)

src/app/products/loan-products/loan-product-stepper/loan-product-terms-step/loan-product-terms-step.component.html

@@ -28,6 +28,15 @@
     <mat-form-field class="flex-31">
       <mat-label>{{ 'labels.inputs.Default' | translate }}</mat-label>
       <input type="number" matInput formControlName="principal" required [min]="1" step="0.01" />
+      <mat-error
+        *ngIf="
+          loanProductTermsForm.get('principal')?.hasError('required') &&
+          (loanProductTermsForm.get('principal')?.touched || loanProductTermsForm.get('principal')?.dirty)
+        "
+      >
+        {{ 'labels.catalogs.Default' | translate }} {{ 'labels.inputs.Principal' | translate }}
+        {{ 'labels.commons.is required' | translate }}
+      </mat-error>
       <mat-error *ngIf="loanProductTermsForm.get('principal')?.hasError('min')">
         {{ 'labels.catalogs.Default' | translate }} {{ 'labels.inputs.Principal' | translate }}
         {{ 'labels.commons.is' | translate }}
@@ -59,6 +68,16 @@
               </mat-option>
             }
           </mat-select>
+          <mat-error
+            *ngIf="
+              loanProductTermsForm.get('overAppliedCalculationType')?.hasError('required') &&
+              (loanProductTermsForm.get('overAppliedCalculationType')?.touched ||
+                loanProductTermsForm.get('overAppliedCalculationType')?.dirty)
+            "
+          >
+            {{ 'labels.inputs.Over Amount Calculation Type' | translate }}
+            {{ 'labels.commons.is required' | translate }}
+          </mat-error>
         </mat-form-field>
       }
 
@@ -66,6 +85,15 @@
         <mat-form-field class="flex-fill flex-32">
           <mat-label>{{ 'labels.inputs.Over Amount' | translate }}</mat-label>
           <input type="number" matInput formControlName="overAppliedNumber" required />
+          <mat-error
+            *ngIf="
+              loanProductTermsForm.get('overAppliedNumber')?.hasError('required') &&
+              (loanProductTermsForm.get('overAppliedNumber')?.touched ||
+                loanProductTermsForm.get('overAppliedNumber')?.dirty)
+            "
+          >
+            {{ 'labels.inputs.Over Amount' | translate }} {{ 'labels.commons.is required' | translate }}
+          </mat-error>
         </mat-form-field>
       }
     </div>