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         <multiselect-form-control *ngSwitchCase="'MULTI_SELECT'"
  10                                   [data]="formControl"
  11                                   [form]="dynamicFormGroup"
  12                                   [multiselectOptions]="formControl?.options$"
  13                                   [selectedItems]="formControl.value"></multiselect-form-control>
  14       </div>
  15       <div  *ngIf="dynamicFormGroup != null && formControl != null && dynamicFormGroup.controls[formControl.controlName]?.errors">
  16         <div *ngFor="let validatorModel of formControl?.validations">
  17           <form-control-error *ngIf="validatorModel?.validatorName != 'required' && dynamicFormGroup.controls[formControl?.controlName]?.errors[validatorModel?.validatorName]" [message]="validatorModel?.errorMsg"></form-control-error>
  18         </div>
  19       </div>
  20     </div>
  21     <div *ngFor="let dynamicInputs of dynamicInputs" class="form-conrtols">
  22       <div [ngSwitch]="dynamicInputs.type">
  23         <form-control-input  *ngSwitchCase="'INPUT'"   [data]="dynamicInputs" [form]="dynamicFormGroup.controls['instanceParams']"></form-control-input>
  24         <checkbox-form-control *ngSwitchCase="'CHECKBOX'"  [data]="dynamicInputs" [form]="dynamicFormGroup.controls['instanceParams']" ></checkbox-form-control>
  25         <dropdown-form-control *ngSwitchCase="'DROPDOWN'" [data]="dynamicInputs" [form]="dynamicFormGroup.controls['instanceParams']" ></dropdown-form-control>
  26       </div>
  27       <div  *ngIf="dynamicFormGroup?.controls['instanceParams'] != null && dynamicInputs != null && dynamicFormGroup.controls['instanceParams'].controls[dynamicInputs.controlName]?.errors">
  28         <div *ngFor="let validatorModel of dynamicInputs?.validations">
  29           <form-control-error *ngIf="validatorModel?.validatorName != 'required' && dynamicFormGroup.controls['instanceParams'].controls[dynamicInputs?.controlName]?.errors[validatorModel?.validatorName]" [message]="validatorModel?.errorMsg"></form-control-error>
  30         </div>
  31       </div>
  32     </div>
  33   </form>
  34 </div>