-import { Component, OnDestroy, OnInit } from '@angular/core'
-import { ServerService } from '@app/core'
-import { NavigationStart, Router } from '@angular/router'
-import { filter } from 'rxjs/operators'
-import { I18n } from '@ngx-translate/i18n-polyfill'
-import { Subscription } from 'rxjs'
+import { Component, OnInit } from '@angular/core'
+import { AuthService, AuthUser, ScreenService, ServerService } from '@app/core'
+import { ServerConfig } from '@shared/models'
+import { 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' ]
})
-export class MyAccountComponent implements OnInit, OnDestroy {
+export class MyAccountComponent implements OnInit {
+ menuEntries: TopMenuDropdownParam[] = []
+ user: AuthUser
- libraryLabel = ''
-
- private routeSub: Subscription
+ private serverConfig: ServerConfig
constructor (
private serverService: ServerService,
- private router: Router,
- private i18n: I18n
- ) {}
-
- ngOnInit () {
- this.updateLibraryLabel(this.router.url)
+ private authService: AuthService,
+ private screenService: ScreenService
+ ) { }
- this.routeSub = this.router.events
- .pipe(filter(event => event instanceof NavigationStart))
- .subscribe((event: NavigationStart) => this.updateLibraryLabel(event.url))
+ get isBroadcastMessageDisplayed () {
+ return this.screenService.isBroadcastMessageDisplayed
}
- ngOnDestroy () {
- if (this.routeSub) this.routeSub.unsubscribe()
+ ngOnInit (): void {
+ this.serverConfig = this.serverService.getTmpConfig()
+ this.serverService.getConfig()
+ .subscribe(config => this.serverConfig = config)
+
+ this.user = this.authService.getUser()
+
+ this.authService.userInformationLoaded.subscribe(
+ () => this.buildMenu()
+ )
}
isVideoImportEnabled () {
- const importConfig = this.serverService.getConfig().import.videos
+ const importConfig = this.serverConfig.import.videos
return importConfig.http.enabled || importConfig.torrent.enabled
}
- private updateLibraryLabel (url: string) {
- const [ path ] = url.split('?')
-
- if (path === '/my-account/video-channels') {
- this.libraryLabel = this.i18n('Channels')
- } else if (path === '/my-account/videos') {
- this.libraryLabel = this.i18n('Videos')
- } else if (path === '/my-account/subscriptions') {
- this.libraryLabel = this.i18n('Subscriptions')
- } else if (path === '/my-account/video-imports') {
- this.libraryLabel = this.i18n('Video imports')
- } else {
- this.libraryLabel = ''
+ private buildMenu () {
+ const libraryEntries: TopMenuDropdownParam = {
+ label: $localize`My library`,
+ children: [
+ {
+ label: $localize`My channels`,
+ routerLink: '/my-account/video-channels',
+ iconName: 'channel'
+ },
+ {
+ label: $localize`My videos`,
+ routerLink: '/my-account/videos',
+ iconName: 'videos',
+ isDisplayed: () => this.user.canSeeVideosLink
+ },
+ {
+ label: $localize`My playlists`,
+ routerLink: '/my-account/video-playlists',
+ iconName: 'playlists'
+ },
+ {
+ label: $localize`My subscriptions`,
+ routerLink: '/my-account/subscriptions',
+ iconName: 'subscriptions'
+ },
+ {
+ label: $localize`My history`,
+ routerLink: '/my-account/history/videos',
+ iconName: 'history'
+ }
+ ]
}
+
+ if (this.isVideoImportEnabled()) {
+ libraryEntries.children.push({
+ label: 'My imports',
+ routerLink: '/my-account/video-imports',
+ iconName: 'cloud-download',
+ isDisplayed: () => this.user.canSeeVideosLink
+ })
+ }
+
+ const miscEntries: TopMenuDropdownParam = {
+ label: $localize`Misc`,
+ 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`My abuse reports`,
+ routerLink: '/my-account/abuses',
+ iconName: 'flag'
+ },
+ {
+ label: $localize`Ownership changes`,
+ routerLink: '/my-account/ownership',
+ iconName: 'download'
+ }
+ ]
+ }
+
+ this.menuEntries = [
+ {
+ label: $localize`My settings`,
+ routerLink: '/my-account/settings'
+ },
+ {
+ label: $localize`My notifications`,
+ routerLink: '/my-account/notifications'
+ },
+ libraryEntries,
+ miscEntries
+ ]
}
}