-import { Component } from '@angular/core'
-import { ServerService } from '@app/core'
-import { I18n } from '@ngx-translate/i18n-polyfill'
-import { TopMenuDropdownParam } from '@app/shared/menu/top-menu-dropdown.component'
+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 {
+export class MyAccountComponent implements OnInit {
menuEntries: TopMenuDropdownParam[] = []
+ user: AuthUser
+
+ private serverConfig: ServerConfig
constructor (
private serverService: ServerService,
- private i18n: I18n
- ) {
+ private authService: AuthService,
+ private screenService: ScreenService
+ ) { }
+
+ get isBroadcastMessageDisplayed () {
+ return this.screenService.isBroadcastMessageDisplayed
+ }
+
+ 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.serverConfig.import.videos
+
+ return importConfig.http.enabled || importConfig.torrent.enabled
+ }
+ private buildMenu () {
const libraryEntries: TopMenuDropdownParam = {
- label: this.i18n('My library'),
+ label: $localize`My library`,
children: [
{
- label: this.i18n('My channels'),
- routerLink: '/my-account/video-channels'
+ 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: this.i18n('My videos'),
- routerLink: '/my-account/videos'
+ label: $localize`My playlists`,
+ routerLink: '/my-account/video-playlists',
+ iconName: 'playlists'
},
{
- label: this.i18n('My subscriptions'),
- routerLink: '/my-account/subscriptions'
+ label: $localize`My subscriptions`,
+ routerLink: '/my-account/subscriptions',
+ iconName: 'subscriptions'
},
{
- label: this.i18n('My history'),
- routerLink: '/my-account/history/videos'
+ 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'
+ routerLink: '/my-account/video-imports',
+ iconName: 'cloud-download',
+ isDisplayed: () => this.user.canSeeVideosLink
})
}
const miscEntries: TopMenuDropdownParam = {
- label: this.i18n('Misc'),
+ label: $localize`Misc`,
children: [
{
- label: this.i18n('Muted accounts'),
- routerLink: '/my-account/blocklist/accounts'
+ label: $localize`Muted accounts`,
+ routerLink: '/my-account/blocklist/accounts',
+ iconName: 'user-x'
},
{
- label: this.i18n('Muted instances'),
- routerLink: '/my-account/blocklist/servers'
+ label: $localize`Muted servers`,
+ routerLink: '/my-account/blocklist/servers',
+ iconName: 'peertube-x'
},
{
- label: this.i18n('Ownership changes'),
- routerLink: '/my-account/ownership'
+ label: $localize`My abuse reports`,
+ routerLink: '/my-account/abuses',
+ iconName: 'flag'
+ },
+ {
+ label: $localize`Ownership changes`,
+ routerLink: '/my-account/ownership',
+ iconName: 'download'
}
]
}
this.menuEntries = [
{
- label: this.i18n('My settings'),
+ label: $localize`My settings`,
routerLink: '/my-account/settings'
},
{
- label: this.i18n('My notifications'),
+ label: $localize`My notifications`,
routerLink: '/my-account/notifications'
},
libraryEntries,
miscEntries
]
}
-
- isVideoImportEnabled () {
- const importConfig = this.serverService.getConfig().import.videos
-
- return importConfig.http.enabled || importConfig.torrent.enabled
- }
-
}