PeerTube/client/src/app/+my-account/my-account.component.ts

87 lines
2.3 KiB
TypeScript

import { NgClass } from '@angular/common'
import { Component, OnInit } from '@angular/core'
import { RouterOutlet } from '@angular/router'
import { AuthUser, PluginService, ScreenService } from '@app/core'
import { TopMenuDropdownComponent, TopMenuDropdownParam } from '../shared/shared-main/misc/top-menu-dropdown.component'
@Component({
selector: 'my-my-account',
templateUrl: './my-account.component.html',
styleUrls: [ './my-account.component.scss' ],
standalone: true,
imports: [ TopMenuDropdownComponent, NgClass, RouterOutlet ]
})
export class MyAccountComponent implements OnInit {
menuEntries: TopMenuDropdownParam[] = []
user: AuthUser
constructor (
private pluginService: PluginService,
private screenService: ScreenService
) { }
get isBroadcastMessageDisplayed () {
return this.screenService.isBroadcastMessageDisplayed
}
ngOnInit (): void {
this.pluginService.ensurePluginsAreLoaded('my-account')
.then(() => this.buildMenu())
}
private buildMenu () {
const clientRoutes = this.pluginService.getAllRegisteredClientRoutesForParent('/my-account') || {}
const moderationEntries: TopMenuDropdownParam = {
label: $localize`Moderation`,
children: [
{
label: $localize`Muted accounts`,
routerLink: '/my-account/blocklist/accounts',
iconName: 'user-x'
},
{
label: $localize`Muted servers`,
routerLink: '/my-account/blocklist/servers',
iconName: 'peertube-x'
},
{
label: $localize`Abuse reports`,
routerLink: '/my-account/abuses',
iconName: 'flag'
}
]
}
this.menuEntries = [
{
label: $localize`Settings`,
routerLink: '/my-account/settings'
},
{
label: $localize`Notifications`,
routerLink: '/my-account/notifications'
},
{
label: $localize`Import/Export`,
routerLink: '/my-account/import-export'
},
{
label: $localize`Applications`,
routerLink: '/my-account/applications'
},
moderationEntries,
...Object.values(clientRoutes)
.map(clientRoute => ({
label: clientRoute.menuItem?.label,
routerLink: '/my-account/p/' + clientRoute.route
}))
]
}
}