refactoring after looking up the dictionary :)

Author: stephanrauh

Tic-Tac-Toe/src/app/app.module.ts

@@ -12,7 +12,7 @@ import {environment} from '../environments/environment';
 import {MockHttpModule} from './mock-http/mock-http.module';
 import 'hammerjs';
 import {SidebarComponent} from './sidebar/sidebar.component';
-import {PlaygroundComponent} from './playground/playground.component';
+import {GameBoardComponent} from './game-board/game-board.component';
 import {RegistrationFormComponent} from './registration/registration-form.component';
 import {RouterModule, Routes} from '@angular/router';
 import {IsRegisterdGuard} from './registration/is-registerd-guard';
@@ -23,7 +23,7 @@ import {HistoryService} from './gameplay/history.service';
 const routes: Routes = [
   {path: '', pathMatch: 'full', redirectTo: 'registration'},
   {path: 'registration', component: RegistrationFormComponent},
-  {path: 'play', component: PlaygroundComponent, canActivate: [IsRegisterdGuard]},
+  {path: 'play', component: GameBoardComponent, canActivate: [IsRegisterdGuard]},
   {path: 'highscore', component: HighscoreComponent, canActivate: [IsRegisterdGuard]}
 ];
 
@@ -33,7 +33,7 @@ const routes: Routes = [
     AppComponent,
     GridComponent,
     SidebarComponent,
-    PlaygroundComponent,
+    GameBoardComponent,
     RegistrationFormComponent,
     HighscoreComponent
   ],

Tic-Tac-Toe/src/app/playground/playground.component.html renamed to Tic-Tac-Toe/src/app/game-board/game-board.component.html

@@ -1,4 +1,3 @@
-
 <md-card>
 <md-card-header color="primary">
 <md-chip-list>

Tic-Tac-Toe/src/app/playground/playground.component.scss renamed to Tic-Tac-Toe/src/app/game-board/game-board.component.scss

@@ -1,20 +1,20 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { PlaygroundComponent } from './playground.component';
+import { GameBoardComponent } from './game-board.component';
 
-describe('PlaygroundComponent', () => {
-  let component: PlaygroundComponent;
-  let fixture: ComponentFixture<PlaygroundComponent>;
+describe('GameBoardComponent', () => {
+  let component: GameBoardComponent;
+  let fixture: ComponentFixture<GameBoardComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ PlaygroundComponent ]
+      declarations: [ GameBoardComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(PlaygroundComponent);
+    fixture = TestBed.createComponent(GameBoardComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

Tic-Tac-Toe/src/app/playground/playground.component.spec.ts renamed to Tic-Tac-Toe/src/app/game-board/game-board.component.spec.ts

@@ -4,10 +4,10 @@ import {HistoryService} from '../gameplay/history.service';
 
 @Component({
   selector: 'playground',
-  templateUrl: './playground.component.html',
-  styleUrls: ['./playground.component.scss']
+  templateUrl: './game-board.component.html',
+  styleUrls: ['./game-board.component.scss']
 })
-export class PlaygroundComponent implements OnInit {
+export class GameBoardComponent implements OnInit {
 
   constructor(public engineService: EngineService, private historyService: HistoryService) { }