client/src/app/+video-channels/video-channels.component.ts

   1 import { Hotkey, HotkeysService } from 'angular2-hotkeys'
   2 import { Subscription } from 'rxjs'
   3 import { catchError, distinctUntilChanged, map, switchMap } from 'rxjs/operators'
   4 import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'
   5 import { ActivatedRoute } from '@angular/router'
   6 import { AuthService, Notifier, RestExtractor, ScreenService } from '@app/core'
   7 import { ListOverflowItem, VideoChannel, VideoChannelService } from '@app/shared/shared-main'
   8 import { SubscribeButtonComponent } from '@app/shared/shared-user-subscription'
   9 import { I18n } from '@ngx-translate/i18n-polyfill'
  10
  11 @Component({
  12   templateUrl: './video-channels.component.html',
  13   styleUrls: [ './video-channels.component.scss' ]
  14 })
  15 export class VideoChannelsComponent implements OnInit, OnDestroy {
  16   @ViewChild('subscribeButton') subscribeButton: SubscribeButtonComponent
  17
  18   videoChannel: VideoChannel
  19   hotkeys: Hotkey[]
  20   links: ListOverflowItem[] = []
  21   isChannelManageable = false
  22
  23   private routeSub: Subscription
  24
  25   constructor (
  26     private i18n: I18n,
  27     private route: ActivatedRoute,
  28     private notifier: Notifier,
  29     private authService: AuthService,
  30     private videoChannelService: VideoChannelService,
  31     private restExtractor: RestExtractor,
  32     private hotkeysService: HotkeysService,
  33     private screenService: ScreenService
  34   ) { }
  35
  36   ngOnInit () {
  37     this.routeSub = this.route.params
  38                         .pipe(
  39                           map(params => params[ 'videoChannelName' ]),
  40                           distinctUntilChanged(),
  41                           switchMap(videoChannelName => this.videoChannelService.getVideoChannel(videoChannelName)),
  42                           catchError(err => this.restExtractor.redirectTo404IfNotFound(err, [ 400, 404 ]))
  43                         )
  44                         .subscribe(videoChannel => {
  45                           this.videoChannel = videoChannel
  46
  47                           if (this.authService.isLoggedIn()) {
  48                             this.authService.userInformationLoaded
  49                               .subscribe(() => {
  50                                 const channelUserId = this.videoChannel.ownerAccount.userId
  51                                 this.isChannelManageable = channelUserId && channelUserId === this.authService.getUser().id
  52                               })
  53                           }
  54                         })
  55
  56     this.hotkeys = [
  57       new Hotkey('S', (event: KeyboardEvent): boolean => {
  58         this.subscribeButton.subscribed ?
  59           this.subscribeButton.unsubscribe() :
  60           this.subscribeButton.subscribe()
  61         return false
  62       }, undefined, this.i18n('Subscribe to the account'))
  63     ]
  64     if (this.isUserLoggedIn()) this.hotkeysService.add(this.hotkeys)
  65
  66     this.links = [
  67       { label: this.i18n('VIDEOS'), routerLink: 'videos' },
  68       { label: this.i18n('VIDEO PLAYLISTS'), routerLink: 'video-playlists' },
  69       { label: this.i18n('ABOUT'), routerLink: 'about' }
  70     ]
  71   }
  72
  73   ngOnDestroy () {
  74     if (this.routeSub) this.routeSub.unsubscribe()
  75
  76     // Unbind hotkeys
  77     if (this.isUserLoggedIn()) this.hotkeysService.remove(this.hotkeys)
  78   }
  79
  80   get isInSmallView () {
  81     return this.screenService.isInSmallView()
  82   }
  83
  84   isUserLoggedIn () {
  85     return this.authService.isLoggedIn()
  86   }
  87
  88   get isManageable () {
  89     if (!this.isUserLoggedIn()) return false
  90     return this.videoChannel.ownerAccount.userId === this.authService.getUser().id
  91   }
  92
  93   activateCopiedMessage () {
  94     this.notifier.success(this.i18n('Username copied'))
  95   }
  96 }