import { Component, OnDestroy, OnInit } from '@angular/core'
import { ActivatedRoute, Router } from '@angular/router'
-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'
})
export class VideoTrendingComponent extends AbstractVideoList implements OnInit, OnDestroy {
titlePage: string
- currentRoute = '/videos/trending'
defaultSort: VideoSortField = '-trending'
- trendingDays: number
constructor (
+ protected i18n: I18n,
protected router: Router,
+ protected serverService: ServerService,
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()
+
+ this.serverService.configLoaded.subscribe(
+ () => {
+ const trendingDays = this.serverService.getConfig().trending.videos.intervalDays
+
+ if (trendingDays === 1) {
+ this.titlePage = this.i18n('Trending for the last 24 hours')
+ this.titleTooltip = this.i18n('Trending videos are those totalizing the greatest number of views during the last 24 hours')
+ } else {
+ this.titlePage = this.i18n('Trending for the last {{days}} days', { days: trendingDays })
+ this.titleTooltip = this.i18n(
+ 'Trending videos are those totalizing the greatest number of views during the last {{days}} days',
+ { days: trendingDays }
+ )
+ }
+ })
}
ngOnDestroy () {