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=0889ca854b1db12d57a6f659ff5ac0f212ff3226;hpb=4c1def5fd8e9f483238eb38e221f555e2e6bbf07;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 0889ca854..bb601e227 100644 --- a/client/src/app/+video-channels/video-channels.component.ts +++ b/client/src/app/+video-channels/video-channels.component.ts @@ -1,15 +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, tap } from 'rxjs/operators' -import { Subscription } from 'rxjs' -import { AuthService, Notifier } 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 { ListOverflowItem } from '@app/shared/misc/list-overflow.component' +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', @@ -26,13 +23,13 @@ export class VideoChannelsComponent implements OnInit, OnDestroy { 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 () { @@ -41,7 +38,10 @@ 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 @@ -61,14 +61,14 @@ 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: this.i18n('Videos'), routerLink: 'videos' }, - { label: this.i18n('Video playlists'), routerLink: 'video-playlists' }, - { label: this.i18n('About'), routerLink: 'about' } + { label: $localize`VIDEOS`, routerLink: 'videos' }, + { label: $localize`VIDEO PLAYLISTS`, routerLink: 'video-playlists' }, + { label: $localize`ABOUT`, routerLink: 'about' } ] } @@ -79,6 +79,10 @@ 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() } @@ -89,6 +93,6 @@ export class VideoChannelsComponent implements OnInit, OnDestroy { } activateCopiedMessage () { - this.notifier.success(this.i18n('Username copied')) + this.notifier.success($localize`Username copied`) } }