X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bvideo-channels%2Fvideo-channels.component.ts;h=bb601e22725989edde949275c4dc0577df67a70f;hb=ab398a05e9ffaacb8fc713bb2ba9717ac463b34c;hp=41ff82e98d6febc285dd3ab284febb0a734ba4ea;hpb=88108880bbdba473cfe36ecbebc1c3c4f972e102;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+video-channels/video-channels.component.ts b/client/src/app/+video-channels/video-channels.component.ts index 41ff82e98..bb601e227 100644 --- a/client/src/app/+video-channels/video-channels.component.ts +++ b/client/src/app/+video-channels/video-channels.component.ts @@ -1,14 +1,12 @@ +import { Hotkey, HotkeysService } from 'angular2-hotkeys' +import { Subscription } from 'rxjs' +import { catchError, distinctUntilChanged, map, switchMap } from 'rxjs/operators' import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core' import { ActivatedRoute } from '@angular/router' -import { VideoChannel } from '@app/shared/video-channel/video-channel.model' -import { VideoChannelService } from '@app/shared/video-channel/video-channel.service' -import { RestExtractor } from '@app/shared' -import { catchError, distinctUntilChanged, map, switchMap } from 'rxjs/operators' -import { Subscription } from 'rxjs' -import { AuthService } from '@app/core' -import { Hotkey, HotkeysService } from 'angular2-hotkeys' -import { SubscribeButtonComponent } from '@app/shared/user-subscription/subscribe-button.component' -import { I18n } from '@ngx-translate/i18n-polyfill' +import { AuthService, Notifier, RestExtractor, ScreenService } from '@app/core' +import { ListOverflowItem, VideoChannel, VideoChannelService } from '@app/shared/shared-main' +import { SubscribeButtonComponent } from '@app/shared/shared-user-subscription' +import { HttpStatusCode } from '@shared/core-utils/miscs/http-error-codes' @Component({ templateUrl: './video-channels.component.html', @@ -19,16 +17,19 @@ export class VideoChannelsComponent implements OnInit, OnDestroy { videoChannel: VideoChannel hotkeys: Hotkey[] + links: ListOverflowItem[] = [] + isChannelManageable = false private routeSub: Subscription constructor ( - private i18n: I18n, private route: ActivatedRoute, + private notifier: Notifier, private authService: AuthService, private videoChannelService: VideoChannelService, private restExtractor: RestExtractor, - private hotkeysService: HotkeysService + private hotkeysService: HotkeysService, + private screenService: ScreenService ) { } ngOnInit () { @@ -37,9 +38,22 @@ export class VideoChannelsComponent implements OnInit, OnDestroy { map(params => params[ 'videoChannelName' ]), distinctUntilChanged(), switchMap(videoChannelName => this.videoChannelService.getVideoChannel(videoChannelName)), - catchError(err => this.restExtractor.redirectTo404IfNotFound(err, [ 400, 404 ])) + catchError(err => this.restExtractor.redirectTo404IfNotFound(err, 'other', [ + HttpStatusCode.BAD_REQUEST_400, + HttpStatusCode.NOT_FOUND_404 + ])) ) - .subscribe(videoChannel => this.videoChannel = videoChannel) + .subscribe(videoChannel => { + this.videoChannel = videoChannel + + if (this.authService.isLoggedIn()) { + this.authService.userInformationLoaded + .subscribe(() => { + const channelUserId = this.videoChannel.ownerAccount.userId + this.isChannelManageable = channelUserId && channelUserId === this.authService.getUser().id + }) + } + }) this.hotkeys = [ new Hotkey('S', (event: KeyboardEvent): boolean => { @@ -47,9 +61,15 @@ export class VideoChannelsComponent implements OnInit, OnDestroy { this.subscribeButton.unsubscribe() : this.subscribeButton.subscribe() return false - }, undefined, this.i18n('Subscribe to the account')) + }, undefined, $localize`Subscribe to the account`) ] if (this.isUserLoggedIn()) this.hotkeysService.add(this.hotkeys) + + this.links = [ + { label: $localize`VIDEOS`, routerLink: 'videos' }, + { label: $localize`VIDEO PLAYLISTS`, routerLink: 'video-playlists' }, + { label: $localize`ABOUT`, routerLink: 'about' } + ] } ngOnDestroy () { @@ -59,7 +79,20 @@ export class VideoChannelsComponent implements OnInit, OnDestroy { if (this.isUserLoggedIn()) this.hotkeysService.remove(this.hotkeys) } + get isInSmallView () { + return this.screenService.isInSmallView() + } + isUserLoggedIn () { return this.authService.isLoggedIn() } + + get isManageable () { + if (!this.isUserLoggedIn()) return false + return this.videoChannel.ownerAccount.userId === this.authService.getUser().id + } + + activateCopiedMessage () { + this.notifier.success($localize`Username copied`) + } }