Added Log In & Log Out buttons and <router-outlet> to APP Component

Added Log In & Log Out buttons and <router-outlet> to APP Component and
Imported Auth Serivice

Author: cstodor

src/app/app.component.html

@@ -1,3 +1,6 @@
-<h1>
-  {{title}}
-</h1>
+<div class="navbar-header">
+  <a class="navbar-brand" href="#">Auth0 - Angular 2</a>
+  <button class="btn btn-primary btn-margin" (click)="auth.login()" *ngIf="!auth.authenticated()">Log In</button>
+  <button class="btn btn-primary btn-margin" (click)="auth.logout()" *ngIf="auth.authenticated()">Log Out</button>
+</div>
+<router-outlet></router-outlet>

src/app/app.component.spec.ts

@@ -11,23 +11,4 @@ describe('AppComponent', () => {
       ],
     });
   });
-
-  it('should create the app', async(() => {
-    let fixture = TestBed.createComponent(AppComponent);
-    let app = fixture.debugElement.componentInstance;
-    expect(app).toBeTruthy();
-  }));
-
-  it(`should have as title 'app works!'`, async(() => {
-    let fixture = TestBed.createComponent(AppComponent);
-    let app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('app works!');
-  }));
-
-  it('should render title in a h1 tag', async(() => {
-    let fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    let compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('app works!');
-  }));
 });

src/app/app.component.ts

@@ -1,10 +1,11 @@
 import { Component } from '@angular/core';
+import { Auth } from './auth/auth.service';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
-  title = 'app works!';
+  constructor(private auth: Auth) {}
 }