Skip to content

Commit 0ab9eb6

Browse files
khoadnguyenkhoadnguyen
authored
Merge pull request #6 from SoftStackFactory/00-page-structure
Adding Page Structure
2 parents 3deb907 + dd03797 commit 0ab9eb6

26 files changed

Lines changed: 411 additions & 3 deletions

‎src/app/app.component.ts‎

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,14 @@ import { StatusBar } from '@ionic-native/status-bar';
44
import { SplashScreen } from '@ionic-native/splash-screen';
55

66
import { HomePage } from '../pages/home/home';
7+
import { LoginPage } from '../pages/login/login';
8+
import { RegisterPage } from '../pages/register/register';
9+
import { WizardPage } from '../pages/wizard/wizard';
10+
import { DashboardPage } from '../pages/dashboard/dashboard';
11+
import { ProfilePage } from '../pages/profile/profile';
12+
import { TransitionPage } from '../pages/transition/transition';
13+
import { AssessmentPage } from '../pages/assessment/assessment';
14+
import { TimelinePage } from '../pages/timeline/timeline';
715

816
@Component({
917
templateUrl: 'app.html'
@@ -20,7 +28,15 @@ export class MyApp {
2028

2129
// used for an example of ngFor and navigation
2230
this.pages = [
23-
{ title: 'Home', component: HomePage }
31+
{ title: 'Home', component: HomePage },
32+
{ title: 'Login', component: LoginPage },
33+
{ title: 'Register', component: RegisterPage },
34+
{ title: 'Wizard', component: WizardPage },
35+
{ title: 'Dashboard', component: DashboardPage },
36+
{ title: 'Profile', component: ProfilePage },
37+
{ title: 'Transition', component: TransitionPage },
38+
{ title: 'Assessment', component: AssessmentPage },
39+
{ title: 'Timeline', component: TimelinePage }
2440
];
2541

2642
}

‎src/app/app.module.ts‎

Lines changed: 26 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,27 @@ import { StatusBar } from '@ionic-native/status-bar';
66

77
import { MyApp } from './app.component';
88
import { HomePage } from '../pages/home/home';
9+
import { LoginPage } from '../pages/login/login';
10+
import { RegisterPage } from '../pages/register/register';
11+
import { WizardPage } from '../pages/wizard/wizard';
12+
import { DashboardPage } from '../pages/dashboard/dashboard';
13+
import { ProfilePage } from '../pages/profile/profile';
14+
import { TransitionPage } from '../pages/transition/transition';
15+
import { AssessmentPage } from '../pages/assessment/assessment';
16+
import { TimelinePage } from '../pages/timeline/timeline';
917

1018
@NgModule({
1119
declarations: [
1220
MyApp,
13-
HomePage
21+
HomePage,
22+
LoginPage,
23+
RegisterPage,
24+
WizardPage,
25+
DashboardPage,
26+
ProfilePage,
27+
TransitionPage,
28+
AssessmentPage,
29+
TimelinePage
1430
],
1531
imports: [
1632
BrowserModule,
@@ -19,7 +35,15 @@ import { HomePage } from '../pages/home/home';
1935
bootstrap: [IonicApp],
2036
entryComponents: [
2137
MyApp,
22-
HomePage
38+
HomePage,
39+
LoginPage,
40+
RegisterPage,
41+
WizardPage,
42+
DashboardPage,
43+
ProfilePage,
44+
TransitionPage,
45+
AssessmentPage,
46+
TimelinePage
2347
],
2448
providers: [
2549
StatusBar,

‎src/pages/assessment/assessment.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!--
2+
Generated template for the AssessmentPage page.
3+
4+
See http://ionicframework.com/docs/components/#navigation for more info on
5+
Ionic pages and navigation.
6+
-->
7+
<ion-header>
8+
<ion-navbar>
9+
<button ion-button menuToggle>
10+
<ion-icon name="menu"></ion-icon>
11+
</button>
12+
<ion-title>Assessment</ion-title>
13+
</ion-navbar>
14+
</ion-header>
15+
16+
17+
<ion-content padding>
18+
19+
</ion-content>

‎src/pages/assessment/assessment.scss‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
page-assessment {
2+
3+
}

‎src/pages/assessment/assessment.ts‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import { Component } from '@angular/core';
2+
import { NavController, NavParams } from 'ionic-angular';
3+
4+
/**
5+
* Generated class for the AssessmentPage page.
6+
*
7+
* See https://ionicframework.com/docs/components/#navigation for more info on
8+
* Ionic pages and navigation.
9+
*/
10+
11+
@Component({
12+
selector: 'page-assessment',
13+
templateUrl: 'assessment.html',
14+
})
15+
export class AssessmentPage {
16+
17+
constructor(public navCtrl: NavController, public navParams: NavParams) {
18+
}
19+
20+
ionViewDidLoad() {
21+
console.log('ionViewDidLoad AssessmentPage');
22+
}
23+
24+
}

‎src/pages/dashboard/dashboard.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!--
2+
Generated template for the DashboardPage page.
3+
4+
See http://ionicframework.com/docs/components/#navigation for more info on
5+
Ionic pages and navigation.
6+
-->
7+
<ion-header>
8+
<ion-navbar>
9+
<button ion-button menuToggle>
10+
<ion-icon name="menu"></ion-icon>
11+
</button>
12+
<ion-title>Dashboard</ion-title>
13+
</ion-navbar>
14+
</ion-header>
15+
16+
17+
<ion-content padding>
18+
19+
</ion-content>

‎src/pages/dashboard/dashboard.scss‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
page-dashboard {
2+
3+
}

‎src/pages/dashboard/dashboard.ts‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import { Component } from '@angular/core';
2+
import { NavController, NavParams } from 'ionic-angular';
3+
4+
/**
5+
* Generated class for the DashboardPage page.
6+
*
7+
* See https://ionicframework.com/docs/components/#navigation for more info on
8+
* Ionic pages and navigation.
9+
*/
10+
11+
@Component({
12+
selector: 'page-dashboard',
13+
templateUrl: 'dashboard.html',
14+
})
15+
export class DashboardPage {
16+
17+
constructor(public navCtrl: NavController, public navParams: NavParams) {
18+
}
19+
20+
ionViewDidLoad() {
21+
console.log('ionViewDidLoad DashboardPage');
22+
}
23+
24+
}

‎src/pages/login/login.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!--
2+
Generated template for the LoginPage page.
3+
4+
See http://ionicframework.com/docs/components/#navigation for more info on
5+
Ionic pages and navigation.
6+
-->
7+
<ion-header>
8+
<ion-navbar>
9+
<button ion-button menuToggle>
10+
<ion-icon name="menu"></ion-icon>
11+
</button>
12+
<ion-title>Login</ion-title>
13+
</ion-navbar>
14+
</ion-header>
15+
16+
17+
<ion-content padding>
18+
19+
</ion-content>

‎src/pages/login/login.scss‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
page-login {
2+
3+
}

0 commit comments

Comments
 (0)