update to Angular 6

Author: jufa2401

src/app/app.component.ts

@@ -7,7 +7,6 @@ import {Component} from '@angular/core';
     <app-header></app-header>
     <div class="container" align="center">
       <router-outlet></router-outlet>
-    </div>
-  `
+    </div>    `
 })
 export class AppComponent {}

src/app/core/core.module.ts

@@ -13,6 +13,4 @@ import {GameServerService} from './game-server.service';
   imports: [AppRoutingModule, SharedModule],
   providers: [GameServerService]
 })
-export class CoreModule {
-
-}
+export class CoreModule {}

src/app/core/game-server.service.ts

@@ -30,7 +30,8 @@ export class GameServerService {
     const token = this.parseToken();
     return this.http.post('https://www.localghost.dk/hangman/api/hangman/game', null,
       {headers: new HttpHeaders().set('Authorization', 'Bearer ' + token)}
-    ).pipe(map((res: Response) => {
+    ).pipe(
+      map((res: Response) => {
         return res;
       })
     );

src/app/core/game/game.component.html

@@ -5,29 +5,17 @@
     <img src={{images[game.wrongLettersCount]}} />
   </div>
   <hr>
-  <div *ngIf="game.hasGameBegun">
+  <div *ngIf="game.hasGameBegun || game.gameHasBeenWon || game.gameHasBeenLost">
     <p><span class="word-description">{{game.wordExampleBefore}}</span> <span class="word">{{game.visibleWord}}</span> <span class="word-description">{{game.wordExampleAfter}}</span></p>
     <p class="word-description" style="font-style: italic" *ngIf="game.wordDefinition?.length">{{'Definition: '+game.wordDefinition}}</p>
     <p style="font-style: italic">
       <span *ngIf="game.wordSynonyms.length>0">Synonyms: </span>
       <span *ngFor="let synonym of game.wordSynonyms">{{synonym+ ', '}}</span>
     </p>
-    <!--<p class="word-description" style="font-style: italic" *ngIf="game.wordDefinition.length==0">{{game.wordSynonyms[1]}}</p>-->
-  </div>
-  <div *ngIf="game.gameHasBeenWon || game.gameHasBeenLost">
-    <p><span class="word-description">{{game.wordExampleBefore}}</span> <span class="word">{{game.finalGuessWord}}</span> <span class="word-description">{{game.wordExampleAfter}}</span></p>
-    <p class="word-description" style="font-style: italic" *ngIf="game.wordDefinition?.length">{{'Definition: '+game.wordDefinition}}</p>
-    <p style="font-style: italic">
-      <span *ngIf="game.wordSynonyms.length>0">Synonyms: </span>
-      <span *ngFor="let synonym of game.wordSynonyms">{{synonym+ ', '}}</span>
-    </p>
-    <!--<p class="word-description" style="font-style: italic" *ngIf="game.wordDefinition.length==0">{{game.wordSynonyms[1]}}</p>-->
   </div>
   <div>
     <p class="alert">
-      <!--Nedenstående kunne gøres med NGclass men er fravalgt-->
-      <span class="redText" *ngIf="redText.length>0"><strong>{{redText}}</strong></span>
-      <span class="greenText" *ngIf="greenText.length>0"><strong>{{greenText}}</strong></span>
+      <span [ngClass]="{'redText':redText.length>0, 'greenText':greenText.length>0}"><strong>{{redText}}{{greenText}}</strong></span>
       {{gameStatus}}</p>
     <div>
       <div>