feat(smart table): preparing a demo

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",

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);
+  }
 }

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>