Almost working bark park

This commit is contained in:
Max Lynch
2015-05-16 04:48:30 +02:00
parent b0706c1257
commit 238a9c3ea1
3 changed files with 19 additions and 32 deletions

View File

@ -7,7 +7,7 @@ import {FormBuilder, Validators, FormDirectives, ControlGroup} from 'angular2/fo
import {Log} from 'ionic/util' import {Log} from 'ionic/util'
import { import {
Router, Routable, List, Item, Nav, NavController, Router, Routable, List, Item, HeaderTemplate, Nav, NavController,
Toolbar, ToolbarTitle, Button, Input, Tabs, Toolbar, ToolbarTitle, Button, Input, Tabs,
Tab, Content, Aside Tab, Content, Aside
} from 'ionic/ionic' } from 'ionic/ionic'
@ -15,7 +15,7 @@ import {
@Component() @Component()
@View({ @View({
templateUrl: 'pages/login.html', templateUrl: 'pages/login.html',
directives: [FormDirectives, Button, Input, Content, Toolbar, ToolbarTitle] directives: [FormDirectives, Button, Input, Content, Toolbar, HeaderTemplate]
}) })
export class LoginPage { export class LoginPage {
constructor( @Parent() viewport: NavController ) { constructor( @Parent() viewport: NavController ) {
@ -58,9 +58,10 @@ new Routable(LoginPage, {
directives: [FormDirectives, Button, Input] directives: [FormDirectives, Button, Input]
}) })
export class SignupPage { export class SignupPage {
constructor( @Parent() viewport: NavController ) { //, fb: FormBuilder ) { constructor( nav: NavController ) { //, fb: FormBuilder ) {
this.nav = nav
this.viewport = viewport
Log.log('SIGNUP PAGE') Log.log('SIGNUP PAGE')
var fb = new FormBuilder() var fb = new FormBuilder()
@ -73,14 +74,14 @@ export class SignupPage {
} }
doLogin(event) { doLogin(event) {
this.viewport.pop() this.nav.pop()
} }
doSignup(event) { doSignup(event) {
Log.log('Doing signup') Log.log('Doing signup')
event.preventDefault(); event.preventDefault();
console.log(this.signupForm.value); console.log(this.signupForm.value);
this.viewport.push(AppPage) this.nav.push(AppPage)
//this.viewport.push(SecondPage) //this.viewport.push(SecondPage)
} }
} }
@ -95,8 +96,8 @@ export class SignupPage {
directives: [FormDirectives, Button, Input, Tabs, Tab] directives: [FormDirectives, Button, Input, Tabs, Tab]
}) })
export class AppPage { export class AppPage {
constructor( @Parent() viewport: NavController ) { //, fb: FormBuilder ) { constructor( nav: NavController ) { //, fb: FormBuilder ) {
this.viewport = viewport this.nav = nav;
this.streamTab = StreamTab this.streamTab = StreamTab
} }
} }
@ -107,8 +108,8 @@ export class AppPage {
directives: [For, Content, List, Item] directives: [For, Content, List, Item]
}) })
class StreamTab { class StreamTab {
constructor(@Parent() nav: NavController) { constructor(nav: NavController) {
this.nav = viewport; this.nav = nav;
this.posts = [ this.posts = [
{'title': 'Just barked my first bark'}, {'title': 'Just barked my first bark'},
{'title': 'Went poopy' } {'title': 'Went poopy' }
@ -130,8 +131,8 @@ class StreamTab {
directives: [Content] directives: [Content]
}) })
class PostDetail { class PostDetail {
constructor(@Parent() nav: NavController) { constructor(nav: NavController) {
this.nav = viewport; this.nav = nav;
this.title = 'Hello' this.title = 'Hello'
} }
selectItem() { selectItem() {
@ -145,7 +146,7 @@ class PostDetail {
directives: [Content] directives: [Content]
}) })
class SplashPage { class SplashPage {
constructor(@Parent() nav: NavController) { constructor(nav: NavController) {
this.nav = nav; this.nav = nav;
window.nav = nav; window.nav = nav;
} }
@ -168,16 +169,6 @@ class IonicApp {
var nav = window.nav; var nav = window.nav;
var route = Router;//new Router() var route = Router;//new Router()
/*
route.map('login', {
url: '/login',
paramResolver(urlParts) {
return Login(urlParts.id);
}
})
*/
route.on('/login', (data) => { route.on('/login', (data) => {
nav.push(LoginPage, null, { nav.push(LoginPage, null, {

View File

@ -1,5 +1,6 @@
<ion-view> <ion-view>
<ion-aside [content]="content" style="background-color: red"> <ion-aside [content]="content" style="background-color: red">
<h2 style="color: white">LEFT</h2>
<!-- <!--
<ion-list inset> <ion-list inset>
<div class="list-header"> <div class="list-header">
@ -21,16 +22,11 @@
--> -->
</ion-aside> </ion-aside>
<ion-content #content> <ion-content #content style="background-color: blue">
<h2 style="color: white">HELLO</h2>
</ion-content> </ion-content>
<!--
<ion-aside side="right" [content]="content" style="background-color: green"> <ion-aside side="right" [content]="content" style="background-color: green">
Right! <h2 style="color: white">RIGHT</h2>
<p>...</p>
<p>...</p>
<p>...</p>
</ion-aside> </ion-aside>
-->
</ion-view> </ion-view>

View File

@ -33,7 +33,7 @@ export function merge(dst) {
function _baseExtend(dst, objs, deep) { function _baseExtend(dst, objs, deep) {
for (var i = 0, ii = objs.length; i < ii; ++i) { for (var i = 0, ii = objs.length; i < ii; ++i) {
var obj = objs[i]; var obj = objs[i];
if (!isObject(obj) && !isFunction(obj)) continue; if (!obj || !isObject(obj) && !isFunction(obj)) continue;
var keys = Object.keys(obj); var keys = Object.keys(obj);
for (var j = 0, jj = keys.length; j < jj; j++) { for (var j = 0, jj = keys.length; j < jj; j++) {
var key = keys[j]; var key = keys[j];