Neues Spiel erstellen

src/app/app-routing.module.ts

@@ -7,7 +7,7 @@ import {GameComponent} from './game/game.component';
 
 const routes: Routes = [
   {
-    path: 'overview',
+    path: 'game/:sessionName/overview',
     component: OverviewComponent,
   },
   {

src/app/dao/TabuMiddlewareService.ts

@@ -27,11 +27,11 @@ export class TabuMiddlewareService {
   }
 
   isSpielSession(req: any): Promise<any> {
-    console.log('json: ', req);
     return this.request('POST', `${environment.tabuMiddlewareURL}isSpielSession`, req);
   }
 
-  addSpielSession(event: any): Promise<any> {
-    return this.request('POST', `${environment.tabuMiddlewareURL}addSpielSession`, event);
+  addSpielSession(req: any): Promise<any> {
+    console.log(req);
+    return this.request('POST', `${environment.tabuMiddlewareURL}addSpielSession`, req);
   }
 }

src/app/select-game/select-game.component.html

@@ -18,8 +18,8 @@
       </form>
     </mat-card-content>
     <mat-card-actions>
-      <button [disabled]="buttonCreateGameDisabled" mat-raised-button color="primary" (click)="getSpielSessions()">Spiel erstellen</button>
-      <button [disabled]="buttonJoinGameDisabled" mat-raised-button color="primary" (click)="joinGame()">Spiel beitreten</button>
+      <button [disabled]="buttonCreateGameDisabled" mat-raised-button color="primary" (click)="createGame(spielname.value)">Spiel erstellen</button>
+      <button [disabled]="buttonJoinGameDisabled" mat-raised-button color="primary" (click)="joinGame(spielname.value)">Spiel beitreten</button>
     </mat-card-actions>
   </mat-card>
 </div>

src/app/select-game/select-game.component.ts

@@ -23,8 +23,21 @@ export class SelectGameComponent implements OnInit {
     console.log('Response:', response);
   }
 
-  joinGame(): void {
-    this.router.navigate(['/overview']);
+  createGame(spielname: string): void {
+    this.server.addSpielSession({"spielname": '' + spielname + ''}).then(value => {
+      console.log(value);
+      const status = JSON.parse(value.status);
+      if (status) {
+        this.router.navigate(['/game/' + spielname + '/overview']);
+      }
+    }).catch(reason => {
+      console.log(reason);
+      console.log('Es ist ein Fehler aufgetreten beim Erstellen eines neuen Spiels');
+    });
+  }
+
+  joinGame(spielname: string): void {
+    this.router.navigate(['/game/' + spielname + '/overview']);
   }
 
   keyPressAlphaNumeric(event: KeyboardEvent): boolean {
@@ -42,8 +55,7 @@ export class SelectGameComponent implements OnInit {
       this.buttonJoinGameDisabled = true;
       return;
     } else {
-      console.log(spielname);
-      this.server.isSpielSession({"spielname": '' + spielname + ''}).then(value => {
+      this.server.isSpielSession({'spielname': spielname}).then(value => {
         console.log('Response: ', value.status);
         const status = JSON.parse(value.status);
         if (status) {