interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix browse videos title

This commit is contained in:
Chocobozzz 2024-11-26 15:46:54 +01:00
parent f36244b787
commit 49f3e3b9b9
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 2 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
client/src/app/+videos/video-list/videos-list-all.component.ts
View File

@ -1,6 +1,6 @@
import { Component, OnDestroy, OnInit } from '@angular/core' import { Component, OnDestroy, OnInit } from '@angular/core'
import { ActivatedRoute } from '@angular/router' import { ActivatedRoute } from '@angular/router'
import { ComponentPaginationLight, DisableForReuseHook, MetaService, ServerService } from '@app/core' import { ComponentPaginationLight, DisableForReuseHook, MetaService } from '@app/core'
import { HooksService } from '@app/core/plugins/hooks.service' import { HooksService } from '@app/core/plugins/hooks.service'
import { VideoService } from '@app/shared/shared-main/video/video.service' import { VideoService } from '@app/shared/shared-main/video/video.service'
import { VideoFilterScope, VideoFilters } from '@app/shared/shared-video-miniature/video-filters.model' import { VideoFilterScope, VideoFilters } from '@app/shared/shared-video-miniature/video-filters.model'
@ -20,7 +20,6 @@ export class VideosListAllComponent implements OnInit, OnDestroy, DisableForReus
getSyndicationItemsFunction = this.getSyndicationItems.bind(this) getSyndicationItemsFunction = this.getSyndicationItems.bind(this)
title: string title: string
titleTooltip: string
groupByDate: boolean groupByDate: boolean
@ -36,7 +35,6 @@ export class VideosListAllComponent implements OnInit, OnDestroy, DisableForReus
private routeSub: Subscription private routeSub: Subscription
constructor ( constructor (
private server: ServerService,
private route: ActivatedRoute, private route: ActivatedRoute,
private videoService: VideoService, private videoService: VideoService,
private hooks: HooksService, private hooks: HooksService,
@ -81,6 +79,7 @@ export class VideosListAllComponent implements OnInit, OnDestroy, DisableForReus
onFiltersChanged (filters: VideoFilters) { onFiltersChanged (filters: VideoFilters) {
this.buildTitle(filters.scope, filters.sort) this.buildTitle(filters.scope, filters.sort)
this.updateGroupByDate(filters.sort) this.updateGroupByDate(filters.sort)
this.meta.setTitle(this.title)
} }
disableForReuse () { disableForReuse () {
@ -94,7 +93,6 @@ export class VideosListAllComponent implements OnInit, OnDestroy, DisableForReus
update () { update () {
this.buildTitle() this.buildTitle()
this.updateGroupByDate(this.defaultSort) this.updateGroupByDate(this.defaultSort)
this.meta.setTitle(this.title) this.meta.setTitle(this.title)
} }
@ -103,48 +101,20 @@ export class VideosListAllComponent implements OnInit, OnDestroy, DisableForReus
} }
private buildTitle (scope: VideoFilterScope = this.defaultScope, sort: VideoSortField = this.defaultSort) { private buildTitle (scope: VideoFilterScope = this.defaultScope, sort: VideoSortField = this.defaultSort) {
const trendingDays = this.server.getHTMLConfig().trending.videos.intervalDays
const sanitizedSort = this.getSanitizedSort(sort) const sanitizedSort = this.getSanitizedSort(sort)
if (scope === 'local') { if (scope === 'local') {
this.title = $localize`Local videos` this.title = $localize`Local videos`
this.titleTooltip = $localize`Only videos uploaded on this instance are displayed`
return return
} }
if (sanitizedSort === 'publishedAt') { if (sanitizedSort === 'publishedAt') {
this.title = $localize`Recently added` this.title = $localize`Recently added`
this.titleTooltip = undefined
return return
} }
if ([ 'hot', 'trending', 'likes', 'views' ].includes(sanitizedSort)) { if ([ 'hot', 'trending', 'likes', 'views' ].includes(sanitizedSort)) {
this.title = $localize`Trending` this.title = $localize`Trending`
if (sanitizedSort === 'hot') {
this.titleTooltip = $localize`Videos with the most interactions for recent videos`
return
}
if (sanitizedSort === 'likes') {
this.titleTooltip = $localize`Videos that have the most likes`
return
}
if (sanitizedSort === 'views') {
this.titleTooltip = undefined
return
}
if (sanitizedSort === 'trending') {
if (trendingDays === 1) {
this.titleTooltip = $localize`Videos with the most views during the last 24 hours`
return
}
this.titleTooltip = $localize`Videos with the most views during the last ${trendingDays} days`
}
return return
} }
} }