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   }
  51
  52   makeFriends() {
  53     this.friendService.makeFriends().subscribe(
  54       status => {
  55         if (status === 409) {
  56           alert('Already made friends!');
  57         } else {
  58           alert('Made friends!');
  59         }
  60       },
  61       error => alert(error)
  62     );
  63   }
  64
  65   quitFriends() {
  66     this.friendService.quitFriends().subscribe(
  67       status => {
  68         alert('Quit friends!');
  69       },
  70       error => alert(error)
  71     );
  72   }
  73 }