vid-webpack-master/src/app/shared/components/genericForm/generic-form.component.html

   1 <div id="form-details"  *ngIf="formControls != null && dynamicFormGroup != null">
   2   <form [formGroup]="dynamicFormGroup">
   3     <div *ngFor="let formControl of formControls" class="form-conrtols">
   4       <div [ngSwitch]="formControl.type">
   5         <form-control-input  *ngSwitchCase="'INPUT'"   [data]="formControl" [form]="dynamicFormGroup"></form-control-input>
   6         <checkbox-form-control *ngSwitchCase="'CHECKBOX'"  [data]="formControl" [form]="dynamicFormGroup" ></checkbox-form-control>
   7         <dropdown-form-control *ngSwitchCase="'DROPDOWN'" [data]="formControl" [form]="dynamicFormGroup" ></dropdown-form-control>
   8         <file-form-control *ngSwitchCase="'FILE'" [data]="formControl" [form]="dynamicFormGroup"></file-form-control>
   9       </div>
  10       <div  *ngIf="dynamicFormGroup != null && formControl != null && dynamicFormGroup.controls[formControl.controlName]?.errors">
  11         <div *ngFor="let validatorModel of formControl?.validations">
  12           <form-control-error *ngIf="validatorModel?.validatorName != 'required' && dynamicFormGroup.controls[formControl?.controlName]?.errors[validatorModel?.validatorName]" [message]="validatorModel?.errorMsg"></form-control-error>
  13         </div>
  14       </div>
  15     </div>
  16     <div *ngFor="let dynamicInputs of dynamicInputs" class="form-conrtols">
  17       <div [ngSwitch]="dynamicInputs.type">
  18         <form-control-input  *ngSwitchCase="'INPUT'"   [data]="dynamicInputs" [form]="dynamicFormGroup.controls['instanceParams']"></form-control-input>
  19         <checkbox-form-control *ngSwitchCase="'CHECKBOX'"  [data]="dynamicInputs" [form]="dynamicFormGroup.controls['instanceParams']" ></checkbox-form-control>
  20         <dropdown-form-control *ngSwitchCase="'DROPDOWN'" [data]="dynamicInputs" [form]="dynamicFormGroup.controls['instanceParams']" ></dropdown-form-control>
  21       </div>
  22       <div  *ngIf="dynamicFormGroup?.controls['instanceParams'] != null && dynamicInputs != null && dynamicFormGroup.controls['instanceParams'].controls[dynamicInputs.controlName]?.errors">
  23         <div *ngFor="let validatorModel of dynamicInputs?.validations">
  24           <form-control-error *ngIf="validatorModel?.validatorName != 'required' && dynamicFormGroup.controls['instanceParams'].controls[dynamicInputs?.controlName]?.errors[validatorModel?.validatorName]" [message]="validatorModel?.errorMsg"></form-control-error>
  25         </div>
  26       </div>
  27     </div>
  28   </form>
  29 </div>