From 7cea4f3b776726dc14dad52324e2de2daab6fbfc Mon Sep 17 00:00:00 2001
From: DESKTOP-D5ILJ4S\flr_3 <flr_3214@hotmail.co.th>
Date: Fri, 6 Jul 2018 14:20:30 +0700
Subject: [PATCH] เสริชข้อมูล active ด้วย ชื่อ team อย่างเดียว

---
 src/app/app.module.ts                         |  5 ++++-
 src/app/dashboard/dashboard.component.html    |  8 ++++++--
 src/app/dashboard/dashboard.component.spec.ts | 28 ----------------------------
 src/app/dashboard/dashboard.component.ts      |  1 +
 src/app/dashboard/filter.pipe.ts              | 23 +++++++++++++++++++++++
 5 files changed, 34 insertions(+), 31 deletions(-)
 delete mode 100644 src/app/dashboard/dashboard.component.spec.ts
 create mode 100644 src/app/dashboard/filter.pipe.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index b118ffb..99b349c 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -14,13 +14,16 @@ import { AppComponent } from './app.component';
 import { LayoutComponent } from './layout/layout.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
 import { ShortPipe } from './dashboard/short';
+import { FilterPipe } from './dashboard/filter.pipe';
+
 
 @NgModule({
   declarations: [
     AppComponent,
     ShortPipe,
     LayoutComponent,
-    DashboardComponent
+    DashboardComponent,
+    FilterPipe
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index b345ca7..111ed75 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -23,7 +23,11 @@
             <div class="input-icon right" style="margin-left: 820px; margin-top: -20px;" >
               <i class="icon-magnifier">
               </i>
-              <input type="text" placeholder="Search.." class="form-control sbold font">
+              <input 
+              type="text" 
+              placeholder="Search.." 
+              class="form-control sbold font"    
+              [(ngModel)]="FilterSearch">
             </div>
           </h1>
           <hr>
@@ -31,7 +35,7 @@
         </div>
         <div class="panel-body">
           <div class="row">
-            <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData">
+            <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12" *ngFor="let item of resultData | filter:FilterSearch: 'team'">
               <a class="dashboard-stat dashboard-stat-v2 red "
                   href="{{item.link}}" 
                   target="_blank"
diff --git a/src/app/dashboard/dashboard.component.spec.ts b/src/app/dashboard/dashboard.component.spec.ts
deleted file mode 100644
index a29783c..0000000
--- a/src/app/dashboard/dashboard.component.spec.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { DashboardComponent } from './dashboard.component';
-
-describe('DashboardComponent', () => {
-  let component: DashboardComponent;
-  let fixture: ComponentFixture<DashboardComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ DashboardComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(DashboardComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/dashboard/dashboard.component.ts b/src/app/dashboard/dashboard.component.ts
index 6ff4c86..797e914 100644
--- a/src/app/dashboard/dashboard.component.ts
+++ b/src/app/dashboard/dashboard.component.ts
@@ -11,6 +11,7 @@ import { async } from 'rxjs/internal/scheduler/async';
 })
 export class DashboardComponent implements OnInit {
 
+  FilterSearch = '';
   
 
   getColorDay(days){
diff --git a/src/app/dashboard/filter.pipe.ts b/src/app/dashboard/filter.pipe.ts
new file mode 100644
index 0000000..fee8cf4
--- /dev/null
+++ b/src/app/dashboard/filter.pipe.ts
@@ -0,0 +1,23 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'filter'
+})
+export class FilterPipe implements PipeTransform {
+
+  transform(value: any, filterString: string, propName: string): any {
+    if (value.length === 0) {
+      return value;
+    }
+
+    const resultArray = [];
+    for (const item of value) {
+      if (item[propName] === filterString) {
+        resultArray.push(item);
+      }
+      
+    }
+    return resultArray;
+  }
+
+}
--
libgit2 0.21.2