import {RouteConfig, Location} from 'angular2/router';
import {App, Page, NavController} from 'ionic/ionic';
@Page({
template: `
Sign In
Username:
Password:
`
})
class SignIn {
constructor(nav: NavController) {
this.nav = nav;
}
push() {
this.nav.push(TabsPage);
}
}
@Page({
templateUrl: './tabs.html'
})
class TabsPage {
constructor(nav: NavController) {
this.tab1Root = Tab1Page1
this.tab2Root = Tab2Page1
this.tab3Root = Tab3Page1
}
}
//
// tab 1
//
@Page({
template: '' +
'' +
'Tabs 1 Page 1' +
'' +
'' +
'' +
'' +
'' +
'' +
''
})
class Tab1Page1 {
constructor(nav: NavController) {
this.nav = nav;
}
push() {
this.nav.push(Tab1Page2)
}
logout() {
this.nav.rootNav.setRoot(SignIn, null, { animate: true, direction: 'back' });
}
}
@Page({
template: '' +
'' +
'Tabs 1 Page 2' +
'' +
'' +
'' +
'' +
'' +
'' +
''
})
class Tab1Page2 {
constructor(nav: NavController) {
this.nav = nav;
}
push() {
this.nav.push(Tab1Page3)
}
}
@Page({
template: '' +
'' +
'Tabs 1 Page 3' +
'' +
'' +
'' +
'' +
'' +
''
})
class Tab1Page3 {
constructor(nav: NavController) {
this.nav = nav;
}
}
//
// tab 2
//
@Page({
template: '' +
'' +
'Tabs 2 Page 1' +
'' +
'' +
'' +
'' +
'' +
''
})
class Tab2Page1 {
constructor(nav: NavController) {
this.nav = nav;
}
push() {
this.nav.push(Tab2Page2)
}
}
@Page({
template: '' +
'' +
'Tabs 2 Page 2' +
'' +
'' +
'' +
'' +
'' +
'' +
''
})
class Tab2Page2 {
constructor(nav: NavController) {
this.nav = nav;
}
push() {
this.nav.push(Tab2Page3)
}
}
@Page({
template: '' +
'' +
'Tabs 2 Page 3' +
'' +
'' +
'' +
'' +
'' +
''
})
class Tab2Page3 {
constructor(nav: NavController) {
this.nav = nav;
}
}
//
// tab 3
//
@Page({
template: '' +
'' +
'Tabs 3' +
'' +
'Tabs 3
'
})
class Tab3Page1 {}
@App()
@RouteConfig([
{ path: '/', component: SignIn, as: 'Signin' },
{ path: '/tabs', component: TabsPage, as: 'Tabs' },
])
class E2EApp {}