submitted user register and received successful response

Author: jthk1106

src/app/app.module.ts

@@ -15,6 +15,7 @@ import { TransitionPage } from '../pages/transition/transition';
 import { AssessmentPage } from '../pages/assessment/assessment';
 import { TimelinePage } from '../pages/timeline/timeline';
 import { UserProvider } from '../providers/user/user';
+import { HttpClientModule } from '@angular/common/http';
 
 @NgModule({
   declarations: [
@@ -31,7 +32,8 @@ import { UserProvider } from '../providers/user/user';
   ],
   imports: [
     BrowserModule,
-    IonicModule.forRoot(MyApp)
+    IonicModule.forRoot(MyApp),
+    HttpClientModule
   ],
   bootstrap: [IonicApp],
   entryComponents: [

src/pages/register/register.html

@@ -19,9 +19,10 @@
     </strong><p>
   </div>
 
-    <form class="form" [formGroup]='validate' (ngSubmit)='regform()'>
+    <form class="form" [formGroup]='validate' (ngSubmit)='submitReg()'>
       <ion-item class="input" no-lines>
         <ion-input 
+          [(ngModel)]="registerUser.firstName"
           class="input" 
           type="text" 
           #first 
@@ -36,6 +37,7 @@
 
       <ion-item class="input" no-lines>
         <ion-input 
+          [(ngModel)]="registerUser.lastName"
           class="input" 
           type="text" 
           #last 
@@ -50,6 +52,7 @@
 
       <ion-item class="input" no-lines>
         <ion-input 
+          [(ngModel)]="registerUser.email"
           class="input" 
           type="email" 
           #email 
@@ -64,6 +67,7 @@
 
       <ion-item class="input" no-lines>
         <ion-input 
+          [(ngModel)]="registerUser.password"
           class="input" 
           type="password" 
           #pass 
@@ -89,7 +93,7 @@
         <p class="invalid-text">Passwords do not match</p>
       </ion-item>
 
-      <button id="register-button"color="secondary" ion-button [disabled]="!validate.valid">REGISTER </button>
+      <button id="register-button"color="secondary" ion-button [disabled]="!validate.valid" (click)='submitReg()'>REGISTER</button>
     </form>
 
     <div class='login2'>

src/pages/register/register.ts

@@ -2,6 +2,8 @@ import { Component } from '@angular/core';
 import { NavController, NavParams } from 'ionic-angular';
 import { Validators, FormBuilder, FormGroup, FormControl } from '@angular/forms';
 import { PasswordValidator } from '../../validators/password.validator';
+import { UserProvider } from '../../providers/user/user';
+
 
 
 @Component({
@@ -10,10 +12,17 @@ import { PasswordValidator } from '../../validators/password.validator';
 })
 export class RegisterPage {
 
+  registerUser: any = {
+    firstName: '',
+    lastName: '',
+    email: '',
+    password: ''
+  }
+
   private validate: FormGroup
   submitAttempt: boolean = false;
 
-  constructor(public navCtrl: NavController, public navParams: NavParams, private fb: FormBuilder) {
+  constructor(public navCtrl: NavController, public navParams: NavParams, private fb: FormBuilder, public _user: UserProvider) {
 
     this.validate = this.fb.group({
       first: ['', Validators.compose([Validators.maxLength(30), Validators.pattern('[a-zA-Z ]*'), Validators.required])],
@@ -30,9 +39,22 @@ export class RegisterPage {
     console.log('ionViewDidLoad RegisterPage');
   }
 
-  regForm(){
+  submitReg() {
     this.submitAttempt = true
-    console.log(this.validate)
+    console.log('submitReg() runs', this.validate)
+    this._user.sendReg(this.registerUser)
+      .subscribe( (data: any) => {
+        console.log('data from submitReg()', data)
+      }/*,
+      err => {
+      console.error('err from register:', err)
+      this.presentToast()
+      },
+      () => {
+      this.navCtrl.setRoot(HomePage, {registered: this.user})
+      }*/
+      ) 
+    
   }
 
 }

src/providers/user/user.ts

@@ -10,8 +10,15 @@ import { Injectable } from '@angular/core';
 @Injectable()
 export class UserProvider {
 
+  regUrl: string = "https://j-reboot-backend.herokuapp.com/api/appUsers"
+
   constructor(public http: HttpClient) {
     console.log('Hello UserProvider Provider');
   }
 
+  sendReg(user) {
+    console.log('sendReg() runs')
+    return this.http.post(this.regUrl, user)
+  }
+
 }