client/src/app/shared/shared-forms/form-validator.service.ts

   1 import { Injectable } from '@angular/core'
   2 import { AsyncValidatorFn, FormArray, FormBuilder, FormControl, FormGroup, ValidatorFn } from '@angular/forms'
   3 import { BuildFormArgument, BuildFormDefaultValues } from '../form-validators/form-validator.model'
   4 import { FormReactiveErrors, FormReactiveValidationMessages } from './form-reactive'
   5
   6 @Injectable()
   7 export class FormValidatorService {
   8
   9   constructor (
  10     private formBuilder: FormBuilder
  11   ) {}
  12
  13   buildForm (obj: BuildFormArgument, defaultValues: BuildFormDefaultValues = {}) {
  14     const formErrors: FormReactiveErrors = {}
  15     const validationMessages: FormReactiveValidationMessages = {}
  16     const group: { [key: string]: any } = {}
  17
  18     for (const name of Object.keys(obj)) {
  19       formErrors[name] = ''
  20
  21       const field = obj[name]
  22       if (this.isRecursiveField(field)) {
  23         const result = this.buildForm(field as BuildFormArgument, defaultValues[name] as BuildFormDefaultValues)
  24         group[name] = result.form
  25         formErrors[name] = result.formErrors
  26         validationMessages[name] = result.validationMessages
  27
  28         continue
  29       }
  30
  31       if (field?.MESSAGES) validationMessages[name] = field.MESSAGES as { [ name: string ]: string }
  32
  33       const defaultValue = defaultValues[name] || ''
  34
  35       if (field?.VALIDATORS) group[name] = [ defaultValue, field.VALIDATORS ]
  36       else group[name] = [ defaultValue ]
  37     }
  38
  39     const form = this.formBuilder.group(group)
  40     return { form, formErrors, validationMessages }
  41   }
  42
  43   updateFormGroup (
  44     form: FormGroup,
  45     formErrors: FormReactiveErrors,
  46     validationMessages: FormReactiveValidationMessages,
  47     obj: BuildFormArgument,
  48     defaultValues: BuildFormDefaultValues = {}
  49   ) {
  50     for (const name of Object.keys(obj)) {
  51       formErrors[name] = ''
  52
  53       const field = obj[name]
  54       if (this.isRecursiveField(field)) {
  55         this.updateFormGroup(
  56           form[name],
  57           formErrors[name] as FormReactiveErrors,
  58           validationMessages[name] as FormReactiveValidationMessages,
  59           obj[name] as BuildFormArgument,
  60           defaultValues[name] as BuildFormDefaultValues
  61         )
  62         continue
  63       }
  64
  65       if (field?.MESSAGES) validationMessages[name] = field.MESSAGES as { [ name: string ]: string }
  66
  67       const defaultValue = defaultValues[name] || ''
  68
  69       form.addControl(
  70         name,
  71         new FormControl(defaultValue, field?.VALIDATORS as ValidatorFn[], field?.ASYNC_VALIDATORS as AsyncValidatorFn[])
  72       )
  73     }
  74   }
  75
  76   updateTreeValidity (group: FormGroup | FormArray): void {
  77     for (const key of Object.keys(group.controls)) {
  78       const abstractControl = group.controls[key] as FormControl
  79
  80       if (abstractControl instanceof FormGroup || abstractControl instanceof FormArray) {
  81         this.updateTreeValidity(abstractControl)
  82       } else {
  83         abstractControl.updateValueAndValidity({ emitEvent: false })
  84       }
  85     }
  86   }
  87
  88   private isRecursiveField (field: any) {
  89     return field && typeof field === 'object' && !field.MESSAGES && !field.VALIDATORS
  90   }
  91 }