-import { Component, Inject } from '@angular/core'
+import { Component, Inject, OnInit } from '@angular/core'
import { Router } from '@angular/router'
import { VideoListHeaderComponent } from '@app/shared/shared-video-miniature'
import { GlobalIconName } from '@app/shared/shared-icons'
import { VideoSortField } from '@shared/models'
+import { ServerService } from '@app/core/server/server.service'
interface VideoTrendingHeaderItem {
label: string
value: VideoSortField
path: string
tooltip?: string
+ hidden?: boolean
}
@Component({
styleUrls: [ './video-trending-header.component.scss' ],
templateUrl: './video-trending-header.component.html'
})
-export class VideoTrendingHeaderComponent extends VideoListHeaderComponent {
+export class VideoTrendingHeaderComponent extends VideoListHeaderComponent implements OnInit {
buttons: VideoTrendingHeaderItem[]
constructor (
@Inject('data') public data: any,
- private router: Router
+ private router: Router,
+ private serverService: ServerService
) {
super(data)
value: '-hot',
path: 'hot',
tooltip: $localize`Videos totalizing the most interactions for recent videos`,
+ hidden: true
},
{
label: $localize`:Main variant of Trending videos based on number of recent views:Views`,
iconName: 'trending',
value: '-trending',
- path: 'trending',
+ path: 'most-viewed',
tooltip: $localize`Videos totalizing the most views during the last 24 hours`,
},
{
- label: $localize`:a variant of Trending videos based on the number of likes:Likes`,
+ label: $localize`:A variant of Trending videos based on the number of likes:Likes`,
iconName: 'like',
value: '-likes',
path: 'most-liked',
]
}
+ ngOnInit () {
+ this.serverService.getConfig()
+ .subscribe(config => {
+ // don't filter if auto-blacklist is not enabled as this will be the only list
+ if (config.instance.pages.hot.enabled) {
+ const index = this.buttons.findIndex(b => b.path === 'hot')
+ this.buttons[index].hidden = false
+ }
+ })
+ }
+
+ get visibleButtons () {
+ return this.buttons.filter(b => !b.hidden)
+ }
+
setSort () {
const path = this.buttons.find(b => b.value === this.data.model).path
this.router.navigate([ `/videos/${path}` ])