ionic-framework
Version:
223 lines • 9.18 kB
JavaScript
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var router_1 = require('angular2/router');
var ionic_1 = require('ionic/ionic');
var SignIn = (function () {
function SignIn(nav) {
this.nav = nav;
}
SignIn.prototype.push = function () {
this.nav.push(TabsPage);
};
SignIn = __decorate([
ionic_1.Page({
template: "\n <ion-navbar *navbar>\n <ion-title>Sign In</ion-title>\n </ion-navbar>\n <ion-content padding>\n <ion-card>\n <ion-input>\n <ion-label>Username:</ion-label>\n <input type=\"text\">\n </ion-input>\n <ion-input>\n <ion-label>Password:</ion-label>\n <input type=\"password\">\n </ion-input>\n <ion-item>\n <button block id=\"signIn\" (click)=\"push()\">Sign In</button>\n </ion-item>\n </ion-card>\n </ion-content>\n "
}),
__metadata('design:paramtypes', [(typeof (_a = typeof ionic_1.NavController !== 'undefined' && ionic_1.NavController) === 'function' && _a) || Object])
], SignIn);
return SignIn;
var _a;
})();
var TabsPage = (function () {
function TabsPage(nav) {
this.tab1Root = Tab1Page1;
this.tab2Root = Tab2Page1;
this.tab3Root = Tab3Page1;
}
TabsPage = __decorate([
ionic_1.Page({
templateUrl: './tabs.html'
}),
__metadata('design:paramtypes', [(typeof (_a = typeof ionic_1.NavController !== 'undefined' && ionic_1.NavController) === 'function' && _a) || Object])
], TabsPage);
return TabsPage;
var _a;
})();
//
// tab 1
//
var Tab1Page1 = (function () {
function Tab1Page1(nav) {
this.nav = nav;
}
Tab1Page1.prototype.push = function () {
this.nav.push(Tab1Page2);
};
Tab1Page1.prototype.logout = function () {
this.nav.rootNav.setRoot(SignIn, null, { animate: true, direction: 'back' });
};
Tab1Page1 = __decorate([
ionic_1.Page({
template: '' +
'<ion-navbar *navbar>' +
'<ion-title>Tabs 1 Page 1</ion-title>' +
'</ion-navbar>' +
'<ion-content padding>' +
'<p><button id="goToTab1Page2" (click)="push()">Go to Tab 1, Page 2</button></p>' +
'<p><button (click)="logout()">Logout</button></p>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'</ion-content>'
}),
__metadata('design:paramtypes', [(typeof (_a = typeof ionic_1.NavController !== 'undefined' && ionic_1.NavController) === 'function' && _a) || Object])
], Tab1Page1);
return Tab1Page1;
var _a;
})();
var Tab1Page2 = (function () {
function Tab1Page2(nav) {
this.nav = nav;
}
Tab1Page2.prototype.push = function () {
this.nav.push(Tab1Page3);
};
Tab1Page2 = __decorate([
ionic_1.Page({
template: '' +
'<ion-navbar *navbar primary>' +
'<ion-title>Tabs 1 Page 2</ion-title>' +
'</ion-navbar>' +
'<ion-content padding>' +
'<p><button (click)="push()">Go to Tab 1, Page 3</button></p>' +
'<p><button id="backToTab1Page1" (click)="nav.pop()">Back to Tab 1, Page 1</button></p>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'</ion-content>'
}),
__metadata('design:paramtypes', [(typeof (_a = typeof ionic_1.NavController !== 'undefined' && ionic_1.NavController) === 'function' && _a) || Object])
], Tab1Page2);
return Tab1Page2;
var _a;
})();
var Tab1Page3 = (function () {
function Tab1Page3(nav) {
this.nav = nav;
}
Tab1Page3 = __decorate([
ionic_1.Page({
template: '' +
'<ion-navbar *navbar>' +
'<ion-title>Tabs 1 Page 3</ion-title>' +
'</ion-navbar>' +
'<ion-content padding>' +
'<p><button (click)="nav.pop()">Back to Tab 1, Page 2</button></p>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'</ion-content>'
}),
__metadata('design:paramtypes', [(typeof (_a = typeof ionic_1.NavController !== 'undefined' && ionic_1.NavController) === 'function' && _a) || Object])
], Tab1Page3);
return Tab1Page3;
var _a;
})();
//
// tab 2
//
var Tab2Page1 = (function () {
function Tab2Page1(nav) {
this.nav = nav;
}
Tab2Page1.prototype.push = function () {
this.nav.push(Tab2Page2);
};
Tab2Page1 = __decorate([
ionic_1.Page({
template: '' +
'<ion-navbar *navbar>' +
'<ion-title>Tabs 2 Page 1</ion-title>' +
'</ion-navbar>' +
'<ion-content padding>' +
'<p><button (click)="push()">Go to Tab 2, Page 2</button></p>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'</ion-content>'
}),
__metadata('design:paramtypes', [(typeof (_a = typeof ionic_1.NavController !== 'undefined' && ionic_1.NavController) === 'function' && _a) || Object])
], Tab2Page1);
return Tab2Page1;
var _a;
})();
var Tab2Page2 = (function () {
function Tab2Page2(nav) {
this.nav = nav;
}
Tab2Page2.prototype.push = function () {
this.nav.push(Tab2Page3);
};
Tab2Page2 = __decorate([
ionic_1.Page({
template: '' +
'<ion-navbar *navbar>' +
'<ion-title>Tabs 2 Page 2</ion-title>' +
'</ion-navbar>' +
'<ion-content padding>' +
'<p><button (click)="push()">Go to Tab 2, Page 3</button></p>' +
'<p><button (click)="nav.pop()">Back to Tab 2, Page 1</button></p>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'</ion-content>'
}),
__metadata('design:paramtypes', [(typeof (_a = typeof ionic_1.NavController !== 'undefined' && ionic_1.NavController) === 'function' && _a) || Object])
], Tab2Page2);
return Tab2Page2;
var _a;
})();
var Tab2Page3 = (function () {
function Tab2Page3(nav) {
this.nav = nav;
}
Tab2Page3 = __decorate([
ionic_1.Page({
template: '' +
'<ion-navbar *navbar>' +
'<ion-title>Tabs 2 Page 3</ion-title>' +
'</ion-navbar>' +
'<ion-content padding>' +
'<p><button (click)="nav.pop()">Back to Tab 2, Page 2</button></p>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>' +
'</ion-content>'
}),
__metadata('design:paramtypes', [(typeof (_a = typeof ionic_1.NavController !== 'undefined' && ionic_1.NavController) === 'function' && _a) || Object])
], Tab2Page3);
return Tab2Page3;
var _a;
})();
//
// tab 3
//
var Tab3Page1 = (function () {
function Tab3Page1() {
}
Tab3Page1 = __decorate([
ionic_1.Page({
template: '' +
'<ion-navbar *navbar>' +
'<ion-title>Tabs 3</ion-title>' +
'</ion-navbar>' +
'<ion-content padding><h2>Tabs 3</h2></ion-content>'
}),
__metadata('design:paramtypes', [])
], Tab3Page1);
return Tab3Page1;
})();
var E2EApp = (function () {
function E2EApp() {
}
E2EApp = __decorate([
ionic_1.App(),
router_1.RouteConfig([
{ path: '/', component: SignIn, as: 'Signin' },
{ path: '/tabs', component: TabsPage, as: 'Tabs' },
]),
__metadata('design:paramtypes', [])
], E2EApp);
return E2EApp;
})();