All files / src/app/shared/formly/components/validation-icons validation-icons.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
2x
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
2x
 
 
 
 
 
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { FormlyFieldConfig } from '@ngx-formly/core';
 
/**
 * Component that displays either a cross or a check mark to indicate validity.
 *
 * @props **showValidation** - a function of type ``(field: FormlyFieldConfig) => boolean``
 * that can be used to override the check mark display condition.
 *
 */
@Component({
  selector: 'ish-validation-icons',
  templateUrl: './validation-icons.component.html',
  changeDetection: ChangeDetectionStrategy.Default,
})
export class ValidationIconsComponent {
  @Input({ required: true }) field: FormlyFieldConfig;
  @Input() showError: boolean;
 
  defaultShowValidation() {
    return (
      this.field.formControl?.valid && (this.field.formControl?.dirty || this.field.options?.parentForm?.submitted)
    );
  }
}