added select buttons on teacher reg page, reg user operational

src/app/app.component.ts

@@ -6,6 +6,7 @@ import { SplashScreen } from '@ionic-native/splash-screen';
 import { HomePage } from '../pages/home/home';
 import { ListPage } from '../pages/list/list';
 import { NewProfilePage } from '../pages/registerUser/registerUser';
+import {TeacherRegistrationPage } from '../pages/registerTeacher/registerTeacher'
 
 
 @Component({
@@ -26,6 +27,7 @@ export class MyApp {
       { title: 'Home', component: HomePage },
       { title: 'List', component: ListPage },
       { title: 'Register User', component: NewProfilePage },
+      { title: 'Register Teacher', component: TeacherRegistrationPage }, 
     ];
 
   }

src/app/app.module.ts

@@ -1,11 +1,14 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { ErrorHandler, NgModule } from '@angular/core';
 import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
+import { HttpClientModule } from '@angular/common/http';
 
 import { MyApp } from './app.component';
 import { HomePage } from '../pages/home/home';
 import { ListPage } from '../pages/list/list';
 import { NewProfilePage } from '../pages/registerUser/registerUser';
+import {TeacherRegistrationPage } from '../pages/registerTeacher/registerTeacher'
+
 
 import { StatusBar } from '@ionic-native/status-bar';
 import { SplashScreen } from '@ionic-native/splash-screen';
@@ -16,24 +19,28 @@ import { ConnectionProvider } from '../providers/connection/connection';
     MyApp,
     HomePage,
     ListPage,
-    NewProfilePage
+    NewProfilePage,
+    TeacherRegistrationPage
   ],
   imports: [
     BrowserModule,
     IonicModule.forRoot(MyApp),
+    HttpClientModule
   ],
   bootstrap: [IonicApp],
   entryComponents: [
     MyApp,
     HomePage,
     ListPage, 
-    NewProfilePage
+    NewProfilePage,
+    TeacherRegistrationPage
   ],
   providers: [
     StatusBar,
     SplashScreen,
-    {provide: ErrorHandler, useClass: IonicErrorHandler},
-    ConnectionProvider
+    ConnectionProvider,
+    {provide: ErrorHandler, useClass: IonicErrorHandler}
+    
   ]
 })
 export class AppModule {}

src/app/component/user.ts

@@ -0,0 +1,8 @@
+export class User {
+
+    firstName: string;
+    lastName: string;
+    displayName: string; 
+    email: string;
+    password: string; 
+}

src/pages/home/home.ts

@@ -1,6 +1,9 @@
 import { Component } from '@angular/core';
 import { NavController } from 'ionic-angular';
 
+//import { ConnectionProvider } from '../../providers/connection/connection;
+//import { User } from './../../app/users/user';
+
 @Component({
   selector: 'page-home',
   templateUrl: 'home.html'
@@ -11,4 +14,5 @@ export class HomePage {
 
   }
 
+
 }

src/pages/registerTeacher/registerTeacher.html

@@ -0,0 +1,71 @@
+<ion-header>
+  <ion-navbar>
+    <button ion-button menuToggle>
+      <ion-icon name="menu"></ion-icon>
+    </button>
+    <ion-title>
+      Teacher Registration
+    </ion-title>
+  </ion-navbar>
+</ion-header>
+<ion-content padding id="page13" style="background:url(assets/imgs/final_spitball.jpg) no-repeat center;background-size:cover;">
+  <form id="teacherRegistration-form10">
+    <ion-list id="teacherRegistration-list25">
+      <ion-item id="teacherRegistration-input8">
+        <ion-label>
+          First Name
+        </ion-label>
+        <ion-input type="text" placeholder=""></ion-input>
+      </ion-item>
+      <ion-item id="teacherRegistration-input11">
+        <ion-label>
+          Last Name
+        </ion-label>
+        <ion-input type="text" placeholder=""></ion-input>
+      </ion-item>
+      <ion-item id="teacherRegistration-input9">
+        <ion-label>
+          Email
+        </ion-label>
+        <ion-input type="email" placeholder=""></ion-input>
+      </ion-item>
+       <ion-item id="teacherRegistration-item-select1">
+        <ion-label>
+          State
+        </ion-label>
+        <ion-select> 
+             <ion-option>DE</ion-option>
+          <ion-option>PA</ion-option>
+          <ion-option>MD</ion-option>
+        </ion-select>
+        </ion-item>
+      <ion-item id="teacherRegistration-item-select2">
+      <ion-label>
+          School/School District
+      </ion-label>
+        <ion-select> 
+            <ion-option>Red Clay</ion-option>
+            <ion-option>Colonial</ion-option>
+            <ion-option>Christiana</ion-option>
+        </ion-select>
+        <!-- <ion-input type="text" placeholder=""></ion-input> -->
+      </ion-item>
+    </ion-list>
+    <div class="spacer" style="height:100px;" id="teacherRegistration-spacer9"></div>
+    <ion-item id="teacherRegistration-input10">
+      <ion-label>
+        Password
+      </ion-label>
+      <ion-input type="text" placeholder=""></ion-input>
+    </ion-item>
+    <ion-item id="teacherRegistration-input14">
+      <ion-label>
+        Verify Password
+      </ion-label>
+      <ion-input type="text" placeholder=""></ion-input>
+    </ion-item>
+    <button id="teacherRegistration-button17" ion-button color="stable" block on-click="goToTeacherProfile()">
+      Sign up
+    </button>
+  </form>
+</ion-content>

src/pages/registerTeacher/registerTeacher.scss

@@ -0,0 +1 @@
+page-registerTeacher{}

src/pages/registerTeacher/registerTeacher.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import { NavController } from 'ionic-angular';
+//import { TeacherProfilePage } from '../teacher-profile/teacher-profile';
+
+@Component({
+  selector: 'page-registerTeacher',
+  templateUrl: 'registerTeacher.html'
+})
+export class TeacherRegistrationPage {
+
+  constructor(public navCtrl: NavController) {
+  }
+//   goToTeacherProfile(params){
+//     if (!params) params = {};
+//     this.navCtrl.push(TeacherProfilePage);
+//   }
+}

src/pages/registerUser/registerUser.html

@@ -9,26 +9,26 @@
   </ion-navbar>
 </ion-header>
 
-<ion-content padding style="background:url(assets/img/tMs0PFvR0QQs5HRllDbw_final_spitball.jpg) no-repeat center;background-size:cover;" id="page11">
+<ion-content padding style="background:url(assets/imgs/final_spitball.jpg) no-repeat center;background-size:cover;" id="page11">
   <form id="newProfile-form4">
     <ion-list id="newProfile-list17">
       <ion-item id="newProfile-input3">
         <ion-label>
           First Name
         </ion-label>
-        <ion-input type="text" placeholder=""></ion-input>
+        <ion-input type="text" placeholder="" [(ngModel)]="user.firstName" name="firstName"></ion-input>
       </ion-item>
       <ion-item id="newProfile-input4">
         <ion-label>
           Last Name
         </ion-label>
-        <ion-input type="text" placeholder=""></ion-input>
+        <ion-input type="text" placeholder="" [(ngModel)]="user.lastName" name="lastName"></ion-input>
       </ion-item>
       <ion-item id="newProfile-input12">
         <ion-label>
           E-mail
         </ion-label>
-        <ion-input type="email" placeholder=""></ion-input>
+        <ion-input type="email" placeholder=""[(ngModel)]="user.email" name="email"></ion-input>
       </ion-item>
       <form id="newProfile-form6">
         <ion-item id="newProfile-toggle4">
@@ -43,11 +43,11 @@
           </ion-label>
           <ion-toggle color="positive" checked="false"></ion-toggle>
         </ion-item>
-        <ion-item id="newProfile-radio2">
+        <ion-item id="newProfile-input6">
           <ion-label>
             Display Name (optional)
           </ion-label>
-          <ion-radio></ion-radio>
+          <ion-input type="text" placeholder="" [(ngModel)]="user.displayName" name="displayName"></ion-input>
         </ion-item>
         <div class="spacer" style="width:299.531px;height:12.9688px;" id="newProfile-spacer5"></div>
         <div id="newProfile-markdown17" class="show-list-numbers-and-dots">
@@ -60,17 +60,17 @@
         <ion-label>
           Password
         </ion-label>
-        <ion-input type="text" placeholder=""></ion-input>
+        <ion-input type="text" placeholder="" [(ngModel)]="user.password" name="password"></ion-input>
       </ion-item>
     </ion-list>
     <ion-item id="newProfile-input13">
       <ion-label>
         Verify Password
       </ion-label>
-      <ion-input type="text" placeholder=""></ion-input>
+      <ion-input type="text" placeholder="" [(ngModel)]="user.password" name="password">></ion-input>
     </ion-item>
     <div class="spacer" style="width:299.514px;height:55.9757px;" id="newProfile-spacer4"></div>
-    <button id="newProfile-button9" ion-button color="balanced" full on-click="goToUserProfile()">
+    <button id="newProfile-button9" ion-button color="balanced" full on-click="register()">
       Get Started!
     </button>
   </form>

src/pages/registerUser/registerUser.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 import { NavController } from 'ionic-angular';
-//import { Home } from '../home/home';
-//import { UpdateProfilePage } from '../update-profile/update-profile';
+import { User } from './../../app/component/user';
+import { ConnectionProvider } from './../../providers/connection/connection';
 
 @Component({
   selector: 'page-registerUser',
@@ -9,8 +9,18 @@ import { NavController } from 'ionic-angular';
 })
 export class NewProfilePage {
 
-  constructor(public navCtrl: NavController) {
+user: User = new User();
+
+  constructor(public navCtrl: NavController, public conn: ConnectionProvider) {
+  }
+
+  register(){
+    this.conn.post('user_profile/register_user', this.user).subscribe(
+      data => console.log(data)
+    );
   }
+
+
   // goToUserProfile(params){
   //   if (!params) params = {};
   //   this.navCtrl.push(Home);

src/providers/connection/connection.ts

@@ -9,9 +9,17 @@ import { Injectable } from '@angular/core';
 */
 @Injectable()
 export class ConnectionProvider {
+public apiUrl = 'http://localhost:8080/';
+public user = this.apiUrl + '/user_profile';
 
   constructor(public http: HttpClient) {
     console.log('Hello ConnectionProvider Provider');
   }
 
+post(partialPath: string, data: any) {
+  return this.http.post(this.apiUrl + partialPath, data);
+}
+
+
+
 }