create user

MyPassionProject/src/main/java/com/example/demo/Repository/GameRepo.java

@@ -5,10 +5,7 @@ import org.springframework.data.jpa.repository.JpaRepository;
 import org.springframework.data.jpa.repository.Query;
 import org.springframework.data.repository.query.Param;
 import org.springframework.data.rest.core.annotation.RepositoryRestResource;
-import org.springframework.http.ResponseEntity;
-
 import java.util.Collection;
-import java.util.Set;
 
 @RepositoryRestResource
 public interface GameRepo extends JpaRepository<Game,Long> {

MyPassionProjectClient/src/app/app.module.ts

@@ -7,6 +7,7 @@ import { StatusBar } from '@ionic-native/status-bar';
 import { MyApp } from './app.component';
 import {MenuPageModule} from "../pages/menu/menu.module";
 import { HttpClientModule } from '../../node_modules/@angular/common/http';
+import { UsersService } from '../providers/users-service';
 
 
 @NgModule({
@@ -26,6 +27,7 @@ import { HttpClientModule } from '../../node_modules/@angular/common/http';
   providers: [
     StatusBar,
     SplashScreen,
+    UsersService,
     {provide: ErrorHandler, useClass: IonicErrorHandler}
   ]
 })

MyPassionProjectClient/src/pages/signup/signup.html

@@ -8,18 +8,18 @@
 
 
 <ion-content>
-  <form (submit)="doSignup()">
+  <form (submit)="createAccount()">
     <ion-list>
 
       <ion-item>
         <ion-label floating>Profilename</ion-label>
-        <ion-input type="text" [(ngModel)]="account.profilename" name="profilename"></ion-input>
+        <ion-input type="text" [(ngModel)]="account.profileName" name="profilename"></ion-input>
       </ion-item>
 
       <ion-item>
         <!--<ion-label fixed>{{ 'USERNAME' | translate }}</ion-label>-->
         <ion-label floating>Username</ion-label>
-        <ion-input type="text" [(ngModel)]="account.username" name="username"></ion-input>
+        <ion-input type="text" [(ngModel)]="account.userName" name="username"></ion-input>
       </ion-item>
 
       <ion-item>

MyPassionProjectClient/src/pages/signup/signup.ts

@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 import { IonicPage, NavController, NavParams } from 'ionic-angular';
 import {MenuPage} from "../menu/menu";
+import { UsersService } from '../../providers/users-service';
 
 /**
  * Generated class for the SignupPage page.
@@ -15,17 +16,19 @@ import {MenuPage} from "../menu/menu";
   templateUrl: 'signup.html',
 })
 export class SignupPage {
-  account: { profilename: string, username: string, password: string } = {
-    profilename:'',
-    username:'',
+  account = {
+    profileName:'',
+    userName:'',
     password:''
   };
 
-  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  constructor(public navCtrl: NavController, public navParams: NavParams, private usersService: UsersService) {
   }
 
-  doSignup() {
-    this.navCtrl.setRoot(MenuPage);
+  createAccount() {
+    this.usersService.addUser(this.account).subscribe(response  => {
+      this.navCtrl.setRoot(MenuPage);
+    })
   }
 
 }

MyPassionProjectClient/src/providers/users-service.ts

@@ -13,4 +13,9 @@ export class UsersService{
   getUserById() {
       return this.http.get(this.USERS_API+"/1")
   }
+
+  addUser(account): Observable<any>{
+    console.log(account);
+    return this.http.post(this.USERS_API,account);
+  }
 }