X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fvideos%2Fvideo-list%2Fvideo-trending.component.ts;h=d3c0f5316495d385f620c7a5da81a6107f4ad64d;hb=9b4b15f91c485f9a7fe2ed314b4101f4b7506b38;hp=b97966c12b36c6208d9d2986c427dbcb486297ea;hpb=9bf9d2a5c223bf006496ae7adf0c0bd7a7975108;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/videos/video-list/video-trending.component.ts b/client/src/app/videos/video-list/video-trending.component.ts index b97966c12..d3c0f5316 100644 --- a/client/src/app/videos/video-list/video-trending.component.ts +++ b/client/src/app/videos/video-list/video-trending.component.ts @@ -1,33 +1,64 @@ import { Component, OnDestroy, OnInit } from '@angular/core' import { ActivatedRoute, Router } from '@angular/router' -import { NotificationsService } from 'angular2-notifications' -import { VideoService } from '../shared' -import { AbstractVideoList } from './shared' +import { Location } from '@angular/common' +import { immutableAssign } from '@app/shared/misc/utils' +import { AuthService } from '../../core/auth' +import { AbstractVideoList } from '../../shared/video/abstract-video-list' +import { VideoSortField } from '../../shared/video/sort-field.type' +import { VideoService } from '../../shared/video/video.service' +import { I18n } from '@ngx-translate/i18n-polyfill' +import { ScreenService } from '@app/shared/misc/screen.service' +import { Notifier, ServerService } from '@app/core' @Component({ selector: 'my-videos-trending', - styleUrls: [ './shared/abstract-video-list.scss' ], - templateUrl: './shared/abstract-video-list.html' + styleUrls: [ '../../shared/video/abstract-video-list.scss' ], + templateUrl: '../../shared/video/abstract-video-list.html' }) export class VideoTrendingComponent extends AbstractVideoList implements OnInit, OnDestroy { - titlePage = 'Trending' + titlePage: string + currentRoute = '/videos/trending' + defaultSort: VideoSortField = '-trending' + trendingDays: number - constructor (protected router: Router, - protected route: ActivatedRoute, - protected notificationsService: NotificationsService, - private videoService: VideoService) { + constructor ( + protected router: Router, + protected route: ActivatedRoute, + protected notifier: Notifier, + protected authService: AuthService, + protected location: Location, + protected screenService: ScreenService, + private serverService: ServerService, + protected i18n: I18n, + private videoService: VideoService + ) { super() + + this.trendingDays = this.serverService.getConfig().trending.videos.intervalDays + + this.titlePage = this.i18n('Trending for the last ') + this.trendingDays === 1 ? this.titlePage += '24 hours' : this.titlePage += this.trendingDays + ' days' + + this.titleTooltip = this.i18n('trending videos are those totalizing the greatest number of views during the last ') + this.trendingDays === 1 ? this.titleTooltip += '24 hours.' : this.titleTooltip += this.trendingDays + ' days.' } ngOnInit () { super.ngOnInit() + + this.generateSyndicationList() } ngOnDestroy () { super.ngOnDestroy() } - getVideosObservable () { - return this.videoService.getVideos(this.pagination, this.sort) + getVideosObservable (page: number) { + const newPagination = immutableAssign(this.pagination, { currentPage: page }) + return this.videoService.getVideos(newPagination, this.sort, undefined, this.categoryOneOf) + } + + generateSyndicationList () { + this.syndicationItems = this.videoService.getVideoFeedUrls(this.sort, undefined, this.categoryOneOf) } }