From 6dea03b63c520c8cf20cc99d8cfbe83df10b6a6e Mon Sep 17 00:00:00 2001
From: Abdulmalik Al-Gahmi <aalgahmi@Abdulmaliks-MacBook-Pro.local>
Date: Thu, 5 May 2016 20:04:20 -0600
Subject: [PATCH] Revised after components

---
 app/application.ts                            |  2 +-
 app/components/content.component.ts           | 26 ++++++++++++++-----
 ...home.component.ts => klasses.component.ts} |  4 +--
 ...n-form.component.ts => login.component.ts} |  6 ++---
 ...rm.component.html => login.component.html} |  0
 5 files changed, 25 insertions(+), 13 deletions(-)
 rename app/components/{home.component.ts => klasses.component.ts} (92%)
 rename app/components/{login-form.component.ts => login.component.ts} (72%)
 rename app/templates/{login-form.component.html => login.component.html} (100%)

diff --git a/app/application.ts b/app/application.ts
index 1513266..31480fa 100644
--- a/app/application.ts
+++ b/app/application.ts
@@ -4,7 +4,7 @@ import {UserService} from './services/user.service';
 import {KlassService} from './services/klass.service';
 import {FooterComponent} from './components/footer.component';
 import {ContentComponent} from './components/content.component';
-import {HomeComponent} from './components/home.component';
+import {KlassesComponent} from './components/klasses.component';
 import {KlassComponent} from './components/klass.component';
 
 @Component({
diff --git a/app/components/content.component.ts b/app/components/content.component.ts
index c4a7972..2bcf78c 100644
--- a/app/components/content.component.ts
+++ b/app/components/content.component.ts
@@ -1,7 +1,7 @@
 import {Component} from 'angular2/core';
 import {HeaderComponent} from './header.component';
-import {LoginFormComponent} from './login-form.component';
-import {HomeComponent} from './home.component';
+import {LoginComponent} from './login.component';
+import {KlassesComponent} from './klasses.component';
 import {KlassComponent} from './klass.component';
 import {UserService} from '../services/user.service';
 import {User} from '../models/user';
@@ -14,21 +14,33 @@ import {Klass} from '../models/Klass';
     <div class="content container">
       <div class="row">
         <div class="twelve columns">
-          <main>
-            <login-form *ngIf="!currentUser" (loggedIn)="whenLoggedIn($event)"></login-form>
-            <home *ngIf="currentUser && !currentClass" (classSelected)="whenClassSelected($event)"></home>
-            <klass *ngIf="currentUser && currentClass" [klass]="currentClass" (classUnselected)="whenClassUnselected()"></klass>
+          <main [ngSwitch]="getTargetPage()">
+            <login   *ngSwitchWhen="'login'" (loggedIn)="whenLoggedIn($event)"></login>
+            <klasses *ngSwitchWhen="'klasses'" (classSelected)="whenClassSelected($event)"></klasses>
+            <klass   *ngSwitchWhen="'klass'" [klass]="currentClass" (classUnselected)="whenClassUnselected()"></klass>
           </main>
         </div>
       </div>
     </div>
     `,
-  directives:[HeaderComponent, LoginFormComponent, HomeComponent, KlassComponent]
+  directives:[HeaderComponent, LoginComponent, KlassesComponent, KlassComponent]
 })
 export class ContentComponent{
   currentUser: User;
   currentClass: Klass;
 
+  getTargetPage(){
+    if(!this.currentUser){
+      return 'login';
+    } else {
+      if(!this.currentClass){
+        return 'klasses'
+      }else{
+        return 'klass'
+      }
+    }
+  }
+
   whenLoggedIn(user){
     this.currentUser = user;
   }
diff --git a/app/components/home.component.ts b/app/components/klasses.component.ts
similarity index 92%
rename from app/components/home.component.ts
rename to app/components/klasses.component.ts
index 0f6598f..9ae6178 100644
--- a/app/components/home.component.ts
+++ b/app/components/klasses.component.ts
@@ -3,7 +3,7 @@ import {KlassService} from '../services/klass.service';
 import {Klass} from '../models/klass';
 
 @Component({
-  selector: 'home',
+  selector: 'klasses',
   template: `
     <div *ngFor="#klass of klassService.getAvailableClasses()">
       <img [src]='klass.poster' class="u-pull-left"/>
@@ -14,7 +14,7 @@ import {Klass} from '../models/klass';
     </div>
   `
 })
-export class HomeComponent{
+export class KlassesComponent{
   @Output() classSelected = new EventEmitter();
   constructor(private klassService: KlassService) {}
 
diff --git a/app/components/login-form.component.ts b/app/components/login.component.ts
similarity index 72%
rename from app/components/login-form.component.ts
rename to app/components/login.component.ts
index 20325ec..d81fa60 100644
--- a/app/components/login-form.component.ts
+++ b/app/components/login.component.ts
@@ -2,10 +2,10 @@ import {Component, Output, EventEmitter} from 'angular2/core';
 import {UserService} from '../services/user.service';
 
 @Component({
-  selector: 'login-form',
-  templateUrl: 'app/templates/login-form.component.html'
+  selector: 'login',
+  templateUrl: 'app/templates/login.component.html'
 })
-export class LoginFormComponent{
+export class LoginComponent{
   @Output() loggedIn = new EventEmitter();
   constructor(private _userService: UserService) {}
 
diff --git a/app/templates/login-form.component.html b/app/templates/login.component.html
similarity index 100%
rename from app/templates/login-form.component.html
rename to app/templates/login.component.html