]>
Commit | Line | Data |
---|---|---|
f67539c2 TL |
1 | /** |
2 | * MIT License | |
3 | * | |
4 | * Copyright (c) 2017 Kevin Kipp | |
5 | * | |
6 | * Permission is hereby granted, free of charge, to any person obtaining a copy | |
7 | * of this software and associated documentation files (the "Software"), to deal | |
8 | * in the Software without restriction, including without limitation the rights | |
9 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
10 | * copies of the Software, and to permit persons to whom the Software is | |
11 | * furnished to do so, subject to the following conditions: | |
12 | * | |
13 | * The above copyright notice and this permission notice shall be included in all | |
14 | * copies or substantial portions of the Software. | |
15 | * | |
16 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | |
17 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | |
18 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | |
19 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | |
20 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | |
21 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE | |
22 | * SOFTWARE. | |
23 | * | |
24 | * | |
25 | * Based on https://github.com/third774/ng-bootstrap-form-validation | |
26 | */ | |
27 | ||
28 | import { Directive, EventEmitter, HostListener, Input, Output } from '@angular/core'; | |
aee94f69 TL |
29 | import { |
30 | AbstractControl, | |
31 | UntypedFormArray, | |
32 | UntypedFormControl, | |
33 | UntypedFormGroup | |
34 | } from '@angular/forms'; | |
f67539c2 TL |
35 | |
36 | @Directive({ | |
39ae355f | 37 | // eslint-disable-next-line |
f67539c2 TL |
38 | selector: '[formGroup]' |
39 | }) | |
40 | export class CdFormValidationDirective { | |
41 | @Input() | |
aee94f69 | 42 | formGroup: UntypedFormGroup; |
f67539c2 TL |
43 | @Output() |
44 | validSubmit = new EventEmitter<any>(); | |
45 | ||
46 | @HostListener('submit') | |
47 | onSubmit() { | |
48 | this.markAsTouchedAndDirty(this.formGroup); | |
49 | if (this.formGroup.valid) { | |
50 | this.validSubmit.emit(this.formGroup.value); | |
51 | } | |
52 | } | |
53 | ||
54 | markAsTouchedAndDirty(control: AbstractControl) { | |
aee94f69 | 55 | if (control instanceof UntypedFormGroup) { |
f67539c2 TL |
56 | Object.keys(control.controls).forEach((key) => |
57 | this.markAsTouchedAndDirty(control.controls[key]) | |
58 | ); | |
aee94f69 | 59 | } else if (control instanceof UntypedFormArray) { |
f67539c2 | 60 | control.controls.forEach((c) => this.markAsTouchedAndDirty(c)); |
aee94f69 | 61 | } else if (control instanceof UntypedFormControl && control.enabled) { |
f67539c2 TL |
62 | control.markAsDirty(); |
63 | control.markAsTouched(); | |
64 | control.updateValueAndValidity(); | |
65 | } | |
66 | } | |
67 | } |