add create topic

src/app/app.module.ts

@@ -7,6 +7,7 @@ import { AboutPage } from '../pages/about/about';
 import { ContactPage } from '../pages/contact/contact';
 import { HomePage } from '../pages/home/home';
 import { TopicPage } from '../pages/topic/topic';
+import { CreateTopicPage } from '../pages/create-topic/create-topic';
 import { TabsPage } from '../pages/tabs/tabs';
 
 import { StatusBar } from '@ionic-native/status-bar';
@@ -19,6 +20,7 @@ import { SplashScreen } from '@ionic-native/splash-screen';
     ContactPage,
     HomePage,
     TopicPage,
+    CreateTopicPage,
     TabsPage
   ],
   imports: [
@@ -32,6 +34,7 @@ import { SplashScreen } from '@ionic-native/splash-screen';
     ContactPage,
     HomePage,
     TopicPage,
+    CreateTopicPage,
     TabsPage
   ],
   providers: [

src/pages/create-topic/create-topic.html

@@ -0,0 +1,29 @@
+<!--
+  Generated template for the CreateTopicPage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+  <ion-navbar>
+    <ion-title>createTopic</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding="true" class="has-header">
+  <form id="createATopic-form6" class="list">
+    <label class="item item-input" id="createATopic-input9">
+      <input type="text" placeholder="Topic Name">
+    </label>
+    <div class="spacer" style="width: 300px; height: 35px;"></div>
+    <label class="item item-input" id="createATopic-textarea3" name="Description">
+      <span class="input-label"></span><textarea placeholder="Description of Topic"></textarea></label>
+    <div class="spacer" style="width: 300px; height: 38px;"></div>
+    <label class="item item-input" id="createATopic-textarea4" name="Advice and Strategies">
+      <span class="input-label"></span><textarea placeholder="Advice and Strategies"></textarea></label>
+  </form>
+  <a ui-sref="topics()" id="createATopic-button11" class="button button-calm button-block">Save Topic</a>
+</ion-content>

src/pages/create-topic/create-topic.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { CreateTopicPage } from './create-topic';
+
+@NgModule({
+  declarations: [
+    CreateTopicPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(CreateTopicPage),
+  ],
+})
+export class CreateTopicPageModule {}

src/pages/create-topic/create-topic.scss

@@ -0,0 +1,3 @@
+page-create-topic {
+
+}

src/pages/create-topic/create-topic.ts

@@ -0,0 +1,25 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+
+/**
+ * Generated class for the CreateTopicPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-create-topic',
+  templateUrl: 'create-topic.html',
+})
+export class CreateTopicPage {
+
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad CreateTopicPage');
+  }
+
+}

src/pages/topic/topic.html

@@ -13,6 +13,8 @@
 </ion-header>
 
 <ion-content padding="true" class="has-header">
+  <a (click)="createTopic()" class="button">Create Topic</a>
+
   <form id="topics-form5" class="list">
     <label class="item item-input" id="topics-search1">
       <i class="icon ion-search placeholder-icon"></i>

src/pages/topic/topic.ts

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import { IonicPage, NavController, NavParams } from 'ionic-angular';
+import { CreateTopicPage } from './../create-topic/create-topic';
 
 /**
  * Generated class for the TopicPage page.
@@ -22,4 +23,8 @@ export class TopicPage {
     console.log('ionViewDidLoad TopicPage');
   }
 
+  createTopic(){
+    this.navCtrl.push(CreateTopicPage);
+  }
+
 }