William Simkins 6 лет назад
Родитель
Сommit
762801143c

+ 6
- 0
src/app/app.module.ts Просмотреть файл

8
 import { HomePage } from '../pages/home/home';
8
 import { HomePage } from '../pages/home/home';
9
 import { TopicPage } from '../pages/topic/topic';
9
 import { TopicPage } from '../pages/topic/topic';
10
 import { CreateTopicPage } from '../pages/create-topic/create-topic';
10
 import { CreateTopicPage } from '../pages/create-topic/create-topic';
11
+import { CreateAccountPage } from '../pages/create-account/create-account';
12
+import { InboxPage } from '../pages/inbox/inbox';
11
 import { TabsPage } from '../pages/tabs/tabs';
13
 import { TabsPage } from '../pages/tabs/tabs';
12
 
14
 
13
 import { StatusBar } from '@ionic-native/status-bar';
15
 import { StatusBar } from '@ionic-native/status-bar';
21
     HomePage,
23
     HomePage,
22
     TopicPage,
24
     TopicPage,
23
     CreateTopicPage,
25
     CreateTopicPage,
26
+    CreateAccountPage,
27
+    InboxPage,
24
     TabsPage
28
     TabsPage
25
   ],
29
   ],
26
   imports: [
30
   imports: [
35
     HomePage,
39
     HomePage,
36
     TopicPage,
40
     TopicPage,
37
     CreateTopicPage,
41
     CreateTopicPage,
42
+    CreateAccountPage,
43
+    InboxPage,
38
     TabsPage
44
     TabsPage
39
   ],
45
   ],
40
   providers: [
46
   providers: [

+ 30
- 0
src/pages/create-account/create-account.html Просмотреть файл

1
+<!--
2
+  Generated template for the CreateAccountPage page.
3
+
4
+  See http://ionicframework.com/docs/components/#navigation for more info on
5
+  Ionic pages and navigation.
6
+-->
7
+<ion-header>
8
+
9
+  <ion-navbar>
10
+    <ion-title>createAccount</ion-title>
11
+  </ion-navbar>
12
+
13
+</ion-header>
14
+<ion-content padding="true" class="has-header">
15
+    <form id="createAnAccount-form3" class="list">
16
+      <ion-list id="createAnAccount-list1">
17
+        <label class="item item-input" id="createAnAccount-input5">
18
+          <input type="text" placeholder="Name">
19
+        </label>
20
+        <label class="item item-input" id="createAnAccount-input6">
21
+          <input type="email" placeholder="Email">
22
+        </label>
23
+        <label class="item item-input" id="createAnAccount-input7">
24
+          <input type="text" placeholder="Password">
25
+        </label>
26
+      </ion-list>
27
+      <button id="createAnAccount-button3" class="button button-dark button-block">Sign up</button>
28
+    </form>
29
+
30
+</ion-content>

+ 13
- 0
src/pages/create-account/create-account.module.ts Просмотреть файл

1
+import { NgModule } from '@angular/core';
2
+import { IonicPageModule } from 'ionic-angular';
3
+import { CreateAccountPage } from './create-account';
4
+
5
+@NgModule({
6
+  declarations: [
7
+    CreateAccountPage,
8
+  ],
9
+  imports: [
10
+    IonicPageModule.forChild(CreateAccountPage),
11
+  ],
12
+})
13
+export class CreateAccountPageModule {}

+ 3
- 0
src/pages/create-account/create-account.scss Просмотреть файл

1
+page-create-account {
2
+
3
+}

+ 30
- 0
src/pages/create-account/create-account.ts Просмотреть файл

1
+import { Component } from '@angular/core';
2
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
3
+import { HomePage } from './../home/home';
4
+
5
+/**
6
+ * Generated class for the CreateAccountPage page.
7
+ *
8
+ * See https://ionicframework.com/docs/components/#navigation for more info on
9
+ * Ionic pages and navigation.
10
+ */
11
+
12
+@IonicPage()
13
+@Component({
14
+  selector: 'page-create-account',
15
+  templateUrl: 'create-account.html',
16
+})
17
+export class CreateAccountPage {
18
+
19
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
20
+  }
21
+
22
+  ionViewDidLoad() {
23
+    console.log('ionViewDidLoad CreateAccountPage');
24
+  }
25
+
26
+  createAccount(){
27
+    this.navCtrl.push(HomePage);
28
+  }
29
+
30
+}

+ 2
- 2
src/pages/create-topic/create-topic.html Просмотреть файл

7
 <ion-header>
7
 <ion-header>
8
 
8
 
9
   <ion-navbar>
9
   <ion-navbar>
10
-    <ion-title>createTopic</ion-title>
10
+    <ion-title>Create a topic</ion-title>
11
   </ion-navbar>
11
   </ion-navbar>
12
 
12
 
13
 </ion-header>
13
 </ion-header>
25
     <label class="item item-input" id="createATopic-textarea4" name="Advice and Strategies">
25
     <label class="item item-input" id="createATopic-textarea4" name="Advice and Strategies">
26
       <span class="input-label"></span><textarea placeholder="Advice and Strategies"></textarea></label>
26
       <span class="input-label"></span><textarea placeholder="Advice and Strategies"></textarea></label>
27
   </form>
27
   </form>
28
-  <a ui-sref="topics()" id="createATopic-button11" class="button button-calm button-block">Save Topic</a>
28
+  <!-- <a (click)="topics()" id="createATopic-button11" class="button button-calm button-block">Save Topic</a> -->
29
 </ion-content>
29
 </ion-content>

+ 5
- 0
src/pages/create-topic/create-topic.ts Просмотреть файл

1
 import { Component } from '@angular/core';
1
 import { Component } from '@angular/core';
2
 import { IonicPage, NavController, NavParams } from 'ionic-angular';
2
 import { IonicPage, NavController, NavParams } from 'ionic-angular';
3
+import { TopicPage } from './../topic/topic';
3
 
4
 
4
 /**
5
 /**
5
  * Generated class for the CreateTopicPage page.
6
  * Generated class for the CreateTopicPage page.
22
     console.log('ionViewDidLoad CreateTopicPage');
23
     console.log('ionViewDidLoad CreateTopicPage');
23
   }
24
   }
24
 
25
 
26
+  topic(){
27
+    this.navCtrl.push(TopicPage);
28
+  }
29
+
25
 }
30
 }

+ 24
- 3
src/pages/inbox/inbox.html Просмотреть файл

7
 <ion-header>
7
 <ion-header>
8
 
8
 
9
   <ion-navbar>
9
   <ion-navbar>
10
-    <ion-title>inbox</ion-title>
10
+    <ion-title>Inbox</ion-title>
11
   </ion-navbar>
11
   </ion-navbar>
12
 
12
 
13
 </ion-header>
13
 </ion-header>
14
 
14
 
15
 
15
 
16
-<ion-content padding>
17
-
16
+<ion-content padding="true" class="has-header">
17
+  <ion-list id="inbox-list4">
18
+    <ion-item id="inbox-list-item16">Username
19
+      <span class="item-note">Message body</span>
20
+    </ion-item>
21
+    <ion-item id="inbox-list-item17">Username
22
+      <span class="item-note">Message body</span>
23
+    </ion-item>
24
+    <ion-item id="inbox-list-item18">Username
25
+      <span class="item-note">Message body</span>
26
+    </ion-item>
27
+  </ion-list>
28
+  <ion-list id="inbox-list5">
29
+    <ion-item id="inbox-list-item19">Username
30
+      <span class="item-note">Message body</span>
31
+    </ion-item>
32
+    <ion-item id="inbox-list-item20">Username
33
+      <span class="item-note">Message body</span>
34
+    </ion-item>
35
+    <ion-item id="inbox-list-item21">Username
36
+      <span class="item-note">Message body</span>
37
+    </ion-item>
38
+  </ion-list>
18
 </ion-content>
39
 </ion-content>

+ 3
- 0
src/pages/inbox/inbox.ts Просмотреть файл

22
     console.log('ionViewDidLoad InboxPage');
22
     console.log('ionViewDidLoad InboxPage');
23
   }
23
   }
24
 
24
 
25
+  inbox(){
26
+
27
+  }
25
 }
28
 }