test(text-input): adding form inputs as a test

references #678

ionic/components/text-input/test/form-inputs/index.ts

@@ -0,0 +1,22 @@
+import {App} from 'ionic/ionic';
+import {FormBuilder, Validators} from 'angular2/angular2';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {
+  constructor(fb: FormBuilder) {
+    this.loginForm = fb.group({
+      username: ["", Validators.required],
+      email: ["", Validators.required],
+      password: ["", Validators.required],
+      comments: ["", Validators.required]
+    });
+  }
+
+  submit(ev) {
+    console.log("Submitted", this.loginForm.value);
+  }
+
+}

ionic/components/text-input/test/form-inputs/main.html

@@ -0,0 +1,44 @@
+
+<ion-toolbar><ion-title>Inline Label Text Input</ion-title></ion-toolbar>
+
+
+<ion-content>
+
+  <form (ng-submit)="submit($event)" [ng-form-model]="loginForm">
+
+    <ion-list>
+      <ion-input>
+        <ion-label>Email:</ion-label>
+        <input ng-control="email" type="email">
+        <button clear item-right>
+          <icon mail></icon>
+        </button>
+      </ion-input>
+
+      <ion-input>
+        <ion-label>Username:</ion-label>
+        <input ng-control="username" type="text">
+        <button clear item-right>
+          <icon person></icon>
+        </button>
+      </ion-input>
+
+      <ion-input>
+        <ion-label>Password:</ion-label>
+        <input ng-control="password" type="password">
+        <button clear item-right>
+          <icon lock></icon>
+        </button>
+      </ion-input>
+
+      <ion-input>
+        <ion-label>Comments:</ion-label>
+        <textarea ng-control="comments">Comment value</textarea>
+      </ion-input>
+    </ion-list>
+
+    <button block type="submit">Login</button>
+
+  </form>
+
+</ion-content>