mirror of https://github.com/abpframework/abp
Mehmet Erim
6 years ago
committed by
GitHub
commit
4906363ff6
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 43 KiB |
@ -0,0 +1,74 @@
|
|||||||
|
import {
|
||||||
|
Directive,
|
||||||
|
ElementRef,
|
||||||
|
OnDestroy,
|
||||||
|
OnInit,
|
||||||
|
Self,
|
||||||
|
ChangeDetectorRef,
|
||||||
|
HostBinding,
|
||||||
|
Input,
|
||||||
|
Output,
|
||||||
|
EventEmitter,
|
||||||
|
} from '@angular/core';
|
||||||
|
import { FormGroupDirective, FormGroup, FormControl, ɵNgNoValidate } from '@angular/forms';
|
||||||
|
import { fromEvent } from 'rxjs';
|
||||||
|
import { takeUntilDestroy } from '../utils';
|
||||||
|
import { debounceTime, filter } from 'rxjs/operators';
|
||||||
|
|
||||||
|
type Controls = { [key: string]: FormControl } | FormGroup[];
|
||||||
|
|
||||||
|
@Directive({
|
||||||
|
selector: 'form[ngSubmit][formGroup]',
|
||||||
|
})
|
||||||
|
export class FormSubmitDirective implements OnInit, OnDestroy {
|
||||||
|
@Input()
|
||||||
|
notValidateOnSubmit: string | boolean;
|
||||||
|
|
||||||
|
constructor(
|
||||||
|
@Self() private formGroupDirective: FormGroupDirective,
|
||||||
|
private host: ElementRef<HTMLFormElement>,
|
||||||
|
private cdRef: ChangeDetectorRef,
|
||||||
|
) {}
|
||||||
|
|
||||||
|
ngOnInit() {
|
||||||
|
fromEvent(this.host.nativeElement as HTMLElement, 'keyup')
|
||||||
|
.pipe(
|
||||||
|
debounceTime(200),
|
||||||
|
filter((key: KeyboardEvent) => key && key.key === 'Enter'),
|
||||||
|
takeUntilDestroy(this),
|
||||||
|
)
|
||||||
|
.subscribe(() => {
|
||||||
|
this.host.nativeElement.dispatchEvent(new Event('submit', { bubbles: true, cancelable: true }));
|
||||||
|
});
|
||||||
|
|
||||||
|
fromEvent(this.host.nativeElement, 'submit')
|
||||||
|
.pipe(
|
||||||
|
takeUntilDestroy(this),
|
||||||
|
filter(() => !this.notValidateOnSubmit && typeof this.notValidateOnSubmit !== 'string'),
|
||||||
|
)
|
||||||
|
.subscribe(() => {
|
||||||
|
const { form } = this.formGroupDirective;
|
||||||
|
|
||||||
|
setDirty(form.controls as { [key: string]: FormControl });
|
||||||
|
form.markAsDirty();
|
||||||
|
|
||||||
|
this.cdRef.detectChanges();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
ngOnDestroy(): void {}
|
||||||
|
}
|
||||||
|
|
||||||
|
function setDirty(controls: Controls) {
|
||||||
|
if (Array.isArray(controls)) {
|
||||||
|
controls.forEach(group => {
|
||||||
|
setDirty(group.controls as { [key: string]: FormControl });
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
Object.keys(controls).forEach(key => {
|
||||||
|
controls[key].markAsDirty();
|
||||||
|
controls[key].updateValueAndValidity();
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -1,4 +1,5 @@
|
|||||||
export * from './autofocus.directive';
|
export * from './autofocus.directive';
|
||||||
export * from './ellipsis.directive';
|
export * from './ellipsis.directive';
|
||||||
|
export * from './form-submit.directive';
|
||||||
export * from './permission.directive';
|
export * from './permission.directive';
|
||||||
export * from './visibility.directive';
|
export * from './visibility.directive';
|
||||||
|
|||||||
Loading…
Reference in new issue