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

Better html title for account and channel pages

pull/6562/head
Chocobozzz 2024-08-19 16:28:26 +02:00
parent b2bb45cf91
commit 62fcf1fa96
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
4 changed files with 55 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
client/src/app/+accounts/accounts.component.ts
View File

@ -1,7 +1,7 @@
import { DatePipe, NgClass, NgIf } from '@angular/common'
import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'
import { ActivatedRoute, Router, RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router'
import { AuthService, MarkdownService, Notifier, RedirectService, RestExtractor, ScreenService, UserService } from '@app/core'
import { AuthService, MarkdownService, MetaService, Notifier, RedirectService, RestExtractor, ScreenService, UserService } from '@app/core'
import { Account } from '@app/shared/shared-main/account/account.model'
import { AccountService } from '@app/shared/shared-main/account/account.service'
import { DropdownAction } from '@app/shared/shared-main/buttons/action-dropdown.component'
@ -76,30 +76,31 @@ export class AccountsComponent implements OnInit, OnDestroy {
private videoService: VideoService,
private markdown: MarkdownService,
private blocklist: BlocklistService,
private screenService: ScreenService
private screenService: ScreenService,
private metaService: MetaService
) {
}
ngOnInit () {
this.routeSub = this.route.params
.pipe(
map(params => params['accountId']),
distinctUntilChanged(),
switchMap(accountId => this.accountService.getAccount(accountId)),
tap(account => this.onAccount(account)),
switchMap(account => this.videoChannelService.listAccountVideoChannels({ account })),
catchError(err => this.restExtractor.redirectTo404IfNotFound(err, 'other', [
HttpStatusCode.BAD_REQUEST_400,
HttpStatusCode.NOT_FOUND_404
]))
)
.subscribe({
next: videoChannels => {
this.videoChannels = videoChannels.data
},
.pipe(
map(params => params['accountId']),
distinctUntilChanged(),
switchMap(accountId => this.accountService.getAccount(accountId)),
tap(account => this.onAccount(account)),
switchMap(account => this.videoChannelService.listAccountVideoChannels({ account })),
catchError(err => this.restExtractor.redirectTo404IfNotFound(err, 'other', [
HttpStatusCode.BAD_REQUEST_400,
HttpStatusCode.NOT_FOUND_404
]))
)
.subscribe({
next: videoChannels => {
this.videoChannels = videoChannels.data
},
error: err => this.notifier.error(err.message)
})
error: err => this.notifier.error(err.message)
})
this.links = [
{ label: $localize`CHANNELS`, routerLink: 'video-channels' },
@ -169,6 +170,8 @@ export class AccountsComponent implements OnInit, OnDestroy {
}
private async onAccount (account: Account) {
this.metaService.setTitle(account.displayName)
this.accountDescriptionHTML = await this.markdown.textMarkdownToHTML({
markdown: account.description,
withEmoji: true,

10
client/src/app/+accounts/routes.ts
View File

@ -35,20 +35,12 @@ export default [
},
{
path: 'video-channels',
component: AccountVideoChannelsComponent,
data: {
meta: {
title: $localize`Account video channels`
}
}
component: AccountVideoChannelsComponent
},
{
path: 'videos',
component: AccountVideosComponent,
data: {
meta: {
title: $localize`Account videos`
},
reuse: {
enabled: true,
key: 'account-videos-list'

10
client/src/app/+video-channels/routes.ts
View File

@ -31,9 +31,6 @@ export default [
path: 'videos',
component: VideoChannelVideosComponent,
data: {
meta: {
title: $localize`Video channel videos`
},
reuse: {
enabled: true,
key: 'video-channel-videos-list'
@ -42,12 +39,7 @@ export default [
},
{
path: 'video-playlists',
component: VideoChannelPlaylistsComponent,
data: {
meta: {
title: $localize`Video channel playlists`
}
}
component: VideoChannelPlaylistsComponent
}
]
}

60
client/src/app/+video-channels/video-channels.component.ts
View File

@ -2,7 +2,7 @@ import { Subscription } from 'rxjs'
import { catchError, distinctUntilChanged, map, switchMap } from 'rxjs/operators'
import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'
import { ActivatedRoute, RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router'
import { AuthService, MarkdownService, Notifier, RestExtractor, ScreenService, Hotkey, HotkeysService } from '@app/core'
import { AuthService, MarkdownService, Notifier, RestExtractor, ScreenService, Hotkey, HotkeysService, MetaService } from '@app/core'
import { HttpStatusCode, UserRight } from '@peertube/peertube-models'
import { ListOverflowComponent, ListOverflowItem } from '../shared/shared-main/misc/list-overflow.component'
import { CopyButtonComponent } from '../shared/shared-main/buttons/copy-button.component'
@ -58,7 +58,6 @@ export class VideoChannelsComponent implements OnInit, OnDestroy {
constructor (
private route: ActivatedRoute,
private notifier: Notifier,
private authService: AuthService,
private videoChannelService: VideoChannelService,
private videoService: VideoService,
@ -66,40 +65,43 @@ export class VideoChannelsComponent implements OnInit, OnDestroy {
private hotkeysService: HotkeysService,
private screenService: ScreenService,
private markdown: MarkdownService,
private blocklist: BlocklistService
private blocklist: BlocklistService,
private metaService: MetaService
) { }
ngOnInit () {
this.routeSub = this.route.params
.pipe(
map(params => params['videoChannelName']),
distinctUntilChanged(),
switchMap(videoChannelName => this.videoChannelService.getVideoChannel(videoChannelName)),
catchError(err => this.restExtractor.redirectTo404IfNotFound(err, 'other', [
HttpStatusCode.BAD_REQUEST_400,
HttpStatusCode.NOT_FOUND_404
]))
)
.subscribe(async videoChannel => {
this.channelDescriptionHTML = await this.markdown.textMarkdownToHTML({
markdown: videoChannel.description,
withEmoji: true,
withHtml: true
})
.pipe(
map(params => params['videoChannelName']),
distinctUntilChanged(),
switchMap(videoChannelName => this.videoChannelService.getVideoChannel(videoChannelName)),
catchError(err => this.restExtractor.redirectTo404IfNotFound(err, 'other', [
HttpStatusCode.BAD_REQUEST_400,
HttpStatusCode.NOT_FOUND_404
]))
)
.subscribe(async videoChannel => {
this.metaService.setTitle(videoChannel.displayName)
this.ownerDescriptionHTML = await this.markdown.textMarkdownToHTML({
markdown: videoChannel.ownerAccount.description,
withEmoji: true,
withHtml: true
})
this.channelDescriptionHTML = await this.markdown.textMarkdownToHTML({
markdown: videoChannel.description,
withEmoji: true,
withHtml: true
})
// After the markdown renderer to avoid layout changes
this.videoChannel = videoChannel
this.ownerAccount = new Account(this.videoChannel.ownerAccount)
this.ownerDescriptionHTML = await this.markdown.textMarkdownToHTML({
markdown: videoChannel.ownerAccount.description,
withEmoji: true,
withHtml: true
})
this.loadChannelVideosCount()
this.loadOwnerBlockStatus()
})
// After the markdown renderer to avoid layout changes
this.videoChannel = videoChannel
this.ownerAccount = new Account(this.videoChannel.ownerAccount)
this.loadChannelVideosCount()
this.loadOwnerBlockStatus()
})
this.hotkeys = [
new Hotkey('Shift+s', () => {