mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
Almost working bark park
This commit is contained in:
@ -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, {
|
||||||
|
@ -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>
|
||||||
|
@ -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];
|
||||||
|
Reference in New Issue
Block a user