From 2daefe0e6c384ccf918d08c78cfd780b1037bfab Mon Sep 17 00:00:00 2001
From: Florian Hartwich <hardi@noarch.de>
Date: Wed, 27 Dec 2017 12:21:41 +0100
Subject: [PATCH] add observable for filter

---
 .../src/app/statistic/highscore/highscore.component.html   | 3 ++-
 static/src/app/statistic/highscore/highscore.component.ts  | 7 +++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/static/src/app/statistic/highscore/highscore.component.html b/static/src/app/statistic/highscore/highscore.component.html
index 775fe7b..040e549 100644
--- a/static/src/app/statistic/highscore/highscore.component.html
+++ b/static/src/app/statistic/highscore/highscore.component.html
@@ -3,7 +3,7 @@
 
   <div class="input-group search-field">
     <input id="search-tasks"
-           placeholder="Spielername"
+           placeholder="Spielername (mehrere mit '&' trennen)"
            type="text" #query class="form-control"
            (keyup.enter)="filterPlayers()"
            [formControl]="searchTerm">
@@ -58,6 +58,7 @@
     </ngx-datatable-column>
     <ngx-datatable-column [width]="valueColWidth" name="Tode" prop="death"></ngx-datatable-column>
   </ngx-datatable>
+
   <ngx-datatable
     [rows]="players.respawn"
     [reorderable]="reorderable"
diff --git a/static/src/app/statistic/highscore/highscore.component.ts b/static/src/app/statistic/highscore/highscore.component.ts
index 348be6c..880c9f2 100644
--- a/static/src/app/statistic/highscore/highscore.component.ts
+++ b/static/src/app/statistic/highscore/highscore.component.ts
@@ -4,6 +4,7 @@ import {PlayerService} from "../../services/logs/player.service";
 import {CampaignService} from "../../services/logs/campaign.service";
 import {Fraction} from "../../utils/fraction.enum";
 import {FormControl} from "@angular/forms";
+import {Observable} from "rxjs/Observable";
 
 
 @Component({
@@ -61,6 +62,12 @@ export class StatisticHighScoreComponent {
           })
         }
       });
+
+    const searchTermStream = this.searchTerm.valueChanges.debounceTime(400);
+
+    Observable.merge(searchTermStream)
+      .distinctUntilChanged().map(query => this.filterPlayers())
+      .subscribe();
   }
 
   initData() {