client/src/app/app.component.ts

   1 import { Component } from '@angular/core';
   2 import { ActivatedRoute, Router, ROUTER_DIRECTIVES } from '@angular/router';
   3
   4 import { FriendService } from './friends';
   5 import {
   6   AuthService,
   7   AuthStatus,
   8   SearchComponent,
   9   SearchService
  10 } from './shared';
  11 import { VideoService } from './videos';
  12
  13 @Component({
  14     selector: 'my-app',
  15     template: require('./app.component.html'),
  16     styles: [ require('./app.component.scss') ],
  17     directives: [ ROUTER_DIRECTIVES, SearchComponent ],
  18     providers: [ FriendService, VideoService, SearchService ]
  19 })
  20
  21 export class AppComponent {
  22   choices = [];
  23   isLoggedIn: boolean;
  24
  25   constructor(
  26     private authService: AuthService,
  27     private friendService: FriendService,
  28     private route: ActivatedRoute,
  29     private router: Router
  30   ) {
  31     this.isLoggedIn = this.authService.isLoggedIn();
  32
  33     this.authService.loginChangedSource.subscribe(
  34       status => {
  35         if (status === AuthStatus.LoggedIn) {
  36           this.isLoggedIn = true;
  37           console.log('Logged in.');
  38         } else if (status === AuthStatus.LoggedOut) {
  39           this.isLoggedIn = false;
  40           console.log('Logged out.');
  41         } else {
  42           console.error('Unknown auth status: ' + status);
  43         }
  44       }
  45     );
  46   }
  47
  48   logout() {
  49     this.authService.logout();
  50     // Redirect to home page
  51     this.router.navigate(['/videos/list']);
  52   }
  53
  54   makeFriends() {
  55     this.friendService.makeFriends().subscribe(
  56       status => {
  57         if (status === 409) {
  58           alert('Already made friends!');
  59         } else {
  60           alert('Made friends!');
  61         }
  62       },
  63       error => alert(error)
  64     );
  65   }
  66
  67   quitFriends() {
  68     this.friendService.quitFriends().subscribe(
  69       status => {
  70         alert('Quit friends!');
  71       },
  72       error => alert(error)
  73     );
  74   }
  75 }