Merge pull request #2826 from JaySoni1/WEB-440-show-validation-error-messages-beside-name-and-description-fields-in-create-recurring-deposit-product-form

WEB-440 Show validation error messages beside Name and Description fi…

Author: alberto-art3ch

src/app/products/recurring-deposit-products/recurring-deposit-product-stepper/recurring-deposit-product-interest-rate-chart-step/recurring-deposit-product-interest-rate-chart-step.component.html

@@ -33,11 +33,19 @@ <h3 class="mat-h3 flex-83">{{ 'labels.heading.Interest Rate Charts' | translate
         <mat-form-field class="flex-28 m-r-5">
           <mat-label>{{ 'labels.inputs.Name' | translate }}</mat-label>
           <input matInput formControlName="name" required />
+          <mat-error *ngIf="chart.get('name')?.touched && chart.get('name')?.hasError('required')">
+            {{ 'labels.inputs.Name' | translate }} {{ 'labels.commons.is' | translate }}
+            <strong>{{ 'labels.commons.required' | translate }}</strong>
+          </mat-error>
         </mat-form-field>
 
         <mat-form-field class="flex-70">
           <mat-label>{{ 'labels.inputs.Description' | translate }}</mat-label>
           <textarea matInput formControlName="description" required></textarea>
+          <mat-error *ngIf="chart.get('description')?.touched && chart.get('description')?.hasError('required')">
+            {{ 'labels.inputs.Description' | translate }} {{ 'labels.commons.is' | translate }}
+            <strong>{{ 'labels.commons.required' | translate }}</strong>
+          </mat-error>
         </mat-form-field>
 
         <mat-form-field class="flex-48 m-r-5" (click)="validFromDatePicker.open()">