aboutsummaryrefslogtreecommitdiff
path: root/Timeline/ClientApp/src/app/debounce-click.directive.ts
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2019-03-07 20:56:50 +0800
committercrupest <crupest@outlook.com>2019-03-07 20:56:50 +0800
commit00757c9b23d1c614960d74b54054ccc35129150c (patch)
treed52f6ae18aad3146ea785d2f6797671772bcd1b5 /Timeline/ClientApp/src/app/debounce-click.directive.ts
parent4b37c96de2c7d3fe046a6f342d2da8ef03d3c807 (diff)
downloadtimeline-00757c9b23d1c614960d74b54054ccc35129150c.tar.gz
timeline-00757c9b23d1c614960d74b54054ccc35129150c.tar.bz2
timeline-00757c9b23d1c614960d74b54054ccc35129150c.zip
Reorganize with modules.
Diffstat (limited to 'Timeline/ClientApp/src/app/debounce-click.directive.ts')
-rw-r--r--Timeline/ClientApp/src/app/debounce-click.directive.ts39
1 files changed, 0 insertions, 39 deletions
diff --git a/Timeline/ClientApp/src/app/debounce-click.directive.ts b/Timeline/ClientApp/src/app/debounce-click.directive.ts
deleted file mode 100644
index feb0404e..00000000
--- a/Timeline/ClientApp/src/app/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();
- }
-}