]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/+video-channels/video-channels.component.ts
redirect to login on 401, display error variants in 404 component
[github/Chocobozzz/PeerTube.git] / 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 { HttpStatusCode } from '@shared/core-utils/miscs/http-error-codes'
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 route: ActivatedRoute,
27 private notifier: Notifier,
28 private authService: AuthService,
29 private videoChannelService: VideoChannelService,
30 private restExtractor: RestExtractor,
31 private hotkeysService: HotkeysService,
32 private screenService: ScreenService
33 ) { }
34
35 ngOnInit () {
36 this.routeSub = this.route.params
37 .pipe(
38 map(params => params[ 'videoChannelName' ]),
39 distinctUntilChanged(),
40 switchMap(videoChannelName => this.videoChannelService.getVideoChannel(videoChannelName)),
41 catchError(err => this.restExtractor.redirectTo404IfNotFound(err, 'other', [
42 HttpStatusCode.BAD_REQUEST_400,
43 HttpStatusCode.NOT_FOUND_404
44 ]))
45 )
46 .subscribe(videoChannel => {
47 this.videoChannel = videoChannel
48
49 if (this.authService.isLoggedIn()) {
50 this.authService.userInformationLoaded
51 .subscribe(() => {
52 const channelUserId = this.videoChannel.ownerAccount.userId
53 this.isChannelManageable = channelUserId && channelUserId === this.authService.getUser().id
54 })
55 }
56 })
57
58 this.hotkeys = [
59 new Hotkey('S', (event: KeyboardEvent): boolean => {
60 this.subscribeButton.subscribed ?
61 this.subscribeButton.unsubscribe() :
62 this.subscribeButton.subscribe()
63 return false
64 }, undefined, $localize`Subscribe to the account`)
65 ]
66 if (this.isUserLoggedIn()) this.hotkeysService.add(this.hotkeys)
67
68 this.links = [
69 { label: $localize`VIDEOS`, routerLink: 'videos' },
70 { label: $localize`VIDEO PLAYLISTS`, routerLink: 'video-playlists' },
71 { label: $localize`ABOUT`, routerLink: 'about' }
72 ]
73 }
74
75 ngOnDestroy () {
76 if (this.routeSub) this.routeSub.unsubscribe()
77
78 // Unbind hotkeys
79 if (this.isUserLoggedIn()) this.hotkeysService.remove(this.hotkeys)
80 }
81
82 get isInSmallView () {
83 return this.screenService.isInSmallView()
84 }
85
86 isUserLoggedIn () {
87 return this.authService.isLoggedIn()
88 }
89
90 get isManageable () {
91 if (!this.isUserLoggedIn()) return false
92 return this.videoChannel.ownerAccount.userId === this.authService.getUser().id
93 }
94
95 activateCopiedMessage () {
96 this.notifier.success($localize`Username copied`)
97 }
98 }