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

   1 import { Injectable } from '@angular/core'
   2 import { 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 && field.MESSAGES) validationMessages[name] = field.MESSAGES as { [ name: string ]: string }
  32
  33       const defaultValue = defaultValues[name] || ''
  34
  35       if (field && 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   updateForm (
  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.updateForm(
  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 && field.MESSAGES) validationMessages[name] = field.MESSAGES as { [ name: string ]: string }
  66
  67       const defaultValue = defaultValues[name] || ''
  68
  69       if (field && field.VALIDATORS) form.addControl(name, new FormControl(defaultValue, field.VALIDATORS as ValidatorFn[]))
  70       else form.addControl(name, new FormControl(defaultValue))
  71     }
  72   }
  73
  74   private isRecursiveField (field: any) {
  75     return field && typeof field === 'object' && !field.MESSAGES && !field.VALIDATORS
  76   }
  77 }