diff options
author | crupest <crupest@outlook.com> | 2019-03-11 00:07:59 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2019-03-11 00:07:59 +0800 |
commit | 31199282e1ccf72bb464117ae68668aed91e2530 (patch) | |
tree | 0dbce8aa1953d06237e80761440ab21172c95db9 /Timeline/ClientApp/src/app/utility/debounce-click.directive.ts | |
parent | e72a1cc3f98e45aee6eb29d3281118fa8373233f (diff) | |
download | timeline-31199282e1ccf72bb464117ae68668aed91e2530.tar.gz timeline-31199282e1ccf72bb464117ae68668aed91e2530.tar.bz2 timeline-31199282e1ccf72bb464117ae68668aed91e2530.zip |
Write unit tests.
Diffstat (limited to 'Timeline/ClientApp/src/app/utility/debounce-click.directive.ts')
-rw-r--r-- | Timeline/ClientApp/src/app/utility/debounce-click.directive.ts | 39 |
1 files changed, 0 insertions, 39 deletions
diff --git a/Timeline/ClientApp/src/app/utility/debounce-click.directive.ts b/Timeline/ClientApp/src/app/utility/debounce-click.directive.ts deleted file mode 100644 index feb0404e..00000000 --- a/Timeline/ClientApp/src/app/utility/debounce-click.directive.ts +++ /dev/null @@ -1,39 +0,0 @@ -import { Directive, Output, Input, EventEmitter, ElementRef, OnInit, OnDestroy } from '@angular/core'; -import { fromEvent, Subscription } from 'rxjs'; -import { debounceTime } from 'rxjs/operators'; - -@Directive({ - selector: '[appDebounceClick]' -}) -export class DebounceClickDirective implements OnInit, OnDestroy { - - private subscription: Subscription; - - @Output('appDebounceClick') clickEvent = new EventEmitter<any>(); - - // tslint:disable-next-line:no-input-rename - @Input('appDebounceClickTime') - set debounceTime(value: number) { - if (this.subscription) { - this.subscription.unsubscribe(); - } - this.subscription = fromEvent(<HTMLElement>this.element.nativeElement, 'click').pipe( - debounceTime(value) - ).subscribe(o => this.clickEvent.emit(o)); - } - - constructor(private element: ElementRef) { - } - - ngOnInit() { - if (!this.subscription) { - this.subscription = fromEvent(<HTMLElement>this.element.nativeElement, 'click').pipe( - debounceTime(500) - ).subscribe(o => this.clickEvent.emit(o)); - } - } - - ngOnDestroy() { - this.subscription.unsubscribe(); - } -} |