From 8b93999ba9fafe7b756efdaeef6a502759137431 Mon Sep 17 00:00:00 2001
From: nixa <4dmitr@gmail.com>
Date: Mon, 22 Aug 2016 20:15:26 +0300
Subject: [PATCH] feat(smart table): preparing a demo

---
 package.json                                  |  2 +-
 .../smartTables/smartTables.component.ts      | 31 +++++++++++++++++++
 .../components/smartTables/smartTables.html   |  9 +++++-
 3 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index ac459bad..9c72d9aa 100644
--- a/package.json
+++ b/package.json
@@ -41,7 +41,7 @@
     "ng2-bootstrap": "^1.0.20",
     "ng2-branchy": "^0.0.2-5",
     "ng2-ckeditor": "^1.0.4",
-    "ng2-smart-table": "^0.1.3",
+    "ng2-smart-table": "^0.1.5",
     "ng2-uploader": "0.5.6",
     "normalize.css": "^4.1.1",
     "rxjs": "5.0.0-beta.6",
diff --git a/src/app/pages/tables/components/smartTables/smartTables.component.ts b/src/app/pages/tables/components/smartTables/smartTables.component.ts
index d526636a..343574a2 100644
--- a/src/app/pages/tables/components/smartTables/smartTables.component.ts
+++ b/src/app/pages/tables/components/smartTables/smartTables.component.ts
@@ -15,6 +15,8 @@ import { SmartTablesService } from './smartTables.service';
 })
 export class SmartTables {
 
+  query: string = '';
+
   settings = {
     add: {
       addButtonContent: '<i class="ion-ios-plus-outline"></i>',
@@ -64,4 +66,33 @@ export class SmartTables {
       this.source.load(data);
     });
   }
+
+  onSearch(): void {
+    this.source.setFilter([
+      {
+        field: 'id',
+        search: this.query
+      },
+      {
+        field: 'firstName',
+        search: this.query
+      },
+      {
+        field: 'lastName',
+        search: this.query
+      },
+      {
+        field: 'username',
+        search: this.query
+      },
+      {
+        field: 'email',
+        search: this.query
+      },
+      {
+        field: 'age',
+        search: this.query
+      }
+    ], false);
+  }
 }
diff --git a/src/app/pages/tables/components/smartTables/smartTables.html b/src/app/pages/tables/components/smartTables/smartTables.html
index 780bb4ee..bd69e31e 100644
--- a/src/app/pages/tables/components/smartTables/smartTables.html
+++ b/src/app/pages/tables/components/smartTables/smartTables.html
@@ -1,7 +1,14 @@
 <div class="widgets">
 
   <div class="row">
-    <ba-card>
+    <ba-card title="Basic Example">
+      <div class="row">
+        <div class="form-group col-sm-3 col-xs-6">
+          <input type="text" class="form-control" placeholder="Search" [(ngModel)]="query" (keydown.enter)="onSearch()">
+        </div>
+        <button type="submit" class="btn btn-primary" (click)="onSearch()">Search</button>
+      </div>
+
       <ng2-smart-table [settings]="settings" [source]="source"></ng2-smart-table>
     </ba-card>
   </div>