Barkpark test

src/components/app/test/barkpark/main.html

@@ -0,0 +1,2 @@
+<ion-nav-viewport #viewport [initial]="firstPage">
+</ion-nav-viewport>

src/components/app/test/barkpark/main.js

@@ -0,0 +1,67 @@
+import {bootstrap} from 'angular2/core'
+import {Component, Template, Parent} from 'angular2/angular2'
+import {FormBuilder, Validators, FormDirectives, CongrolGroup} from 'angular2/forms';
+
+import {Log} from 'ionic2/util'
+
+import {NavViewport, View} from 'ionic2/ionic2'
+
+class LoginForm {
+  email: string;
+  password: string;
+}
+
+@Component({
+  selector: 'login-page'
+})
+@Template({
+  url: 'pages/login.html',
+  directives: [View, FormDirectives]
+})
+export class LoginPage {
+  constructor( @Parent() viewport: NavViewport ) { //, fb: FormBuilder ) {
+    this.viewport = viewport
+    Log.log('LOGIN PAGE')
+
+    var fb = new FormBuilder()
+    var loginFormModel = new LoginForm()
+
+    this.loginForm = fb.group({
+      email: ['', Validators.required],
+      password: ['', Validators.required],
+    });
+
+    /*
+    this.loginForm = new FormControlGroup('form', [
+      new FormControl('email'),
+      new FormControl('password')
+    ]);
+    */
+
+    /*
+    this.loginForm.readFrom({
+    });
+    */
+  }
+
+  doLogin() {
+    Log.log('Doing login')
+    return false
+    //this.viewport.push(SecondPage)
+  }
+}
+
+@Component({ selector: '[ion-app]' })
+@Template({
+  directives: [NavViewport],
+  url: 'main.html'
+})
+class IonicApp {
+  constructor() {
+    this.firstPage = LoginPage
+    console.log('IonicApp Start')
+  }
+}
+
+bootstrap(IonicApp)
+

src/components/app/test/barkpark/pages/login.html

@@ -0,0 +1,13 @@
+<ion-view nav-title="Login">
+  <form (submit)="doLogin()" [form]="loginForm">
+    <ion-input>
+      <input control="email" type="email" placeholder="Your email">
+    </ion-input>
+    <ion-input>
+      <input control="password" type="email" placeholder="Your email">
+    </ion-input>
+    <button>Log in</button>
+
+    {{loginForm.controls.email.value}}
+  </form>
+</ion-view>