Merge pull request #2825 from JaySoni1/WEB-439-title-show-validation-error-messages-beside-name-and-description-fields-in-create-fixed-deposit-product-form

WEB-439 Show-validation-error-messages-beside-name-and-description-fields-in-create-fixed-deposit-product-form

Author: alberto-art3ch

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

@@ -36,11 +36,19 @@ <h4 class="mat-h3 flex-83">
         <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()">