From 31199282e1ccf72bb464117ae68668aed91e2530 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Mon, 11 Mar 2019 00:07:59 +0800
Subject: Write unit tests.

---
 .../src/app/utilities/debounce-click.directive.ts  | 39 ++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 Timeline/ClientApp/src/app/utilities/debounce-click.directive.ts

(limited to 'Timeline/ClientApp/src/app/utilities/debounce-click.directive.ts')

diff --git a/Timeline/ClientApp/src/app/utilities/debounce-click.directive.ts b/Timeline/ClientApp/src/app/utilities/debounce-click.directive.ts
new file mode 100644
index 00000000..feb0404e
--- /dev/null
+++ b/Timeline/ClientApp/src/app/utilities/debounce-click.directive.ts
@@ -0,0 +1,39 @@
+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();
+  }
+}
-- 
cgit v1.2.3