refactor(search-bar): Added iOS styling and another test page

References #247

ionic/components/search-bar/test/floating/index.ts

@@ -0,0 +1,21 @@
+import {NgControl} from 'angular2/angular2';
+import {FORM_DIRECTIVES, FormBuilder, Validators, Control, ControlGroup} from 'angular2/forms';
+
+import {App} from 'ionic/ionic';
+import {SearchPipe} from 'ionic/components/search-bar/search-bar';
+
+@App({
+  templateUrl: 'main.html',
+  bindings: [NgControl, FormBuilder],
+  directives: [FORM_DIRECTIVES]
+})
+class IonicApp {
+  constructor(fb: FormBuilder) {
+    this.form = fb.group({
+      searchQuery: ['', Validators.required]
+    });
+    this.toolbarForm = fb.group({
+      toolbarSearchQuery: ['', Validators.required]
+    })
+  }
+}

ionic/components/search-bar/test/floating/main.html

@@ -0,0 +1,13 @@
+<!-- <ion-toolbar>
+  <form [ng-form-model]="toolbarForm">
+    <ion-search-bar ng-control="toolbarSearchQuery"></ion-search-bar>
+  </form>
+</ion-toolbar> -->
+<ion-content>
+  <form [ng-form-model]="form">
+    <label> Default Search </label>
+    <ion-search-bar ng-control="searchQuery"></ion-search-bar>
+    <label> Placeholder Search </label>
+    <ion-search-bar ng-control="searchQuery" placeholder="Filter"></ion-search-bar>
+  </form>
+</ion-content>