-import { Component, OnDestroy, OnInit } from '@angular/core'
+import { Component, 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 { TopMenuDropdownParam } from '@app/shared/menu/top-menu-dropdown.component'
+import { ServerConfig } from '@shared/models'
@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[] = []
- libraryLabel = ''
- miscLabel = ''
-
- private routeSub: Subscription
+ private serverConfig: ServerConfig
constructor (
private serverService: ServerService,
- private router: Router,
private i18n: I18n
- ) {}
+ ) { }
- ngOnInit () {
- this.updateLabels(this.router.url)
+ ngOnInit (): void {
+ this.serverConfig = this.serverService.getTmpConfig()
+ this.serverService.getConfig()
+ .subscribe(config => this.serverConfig = config)
- this.routeSub = this.router.events
- .pipe(filter(event => event instanceof NavigationStart))
- .subscribe((event: NavigationStart) => this.updateLabels(event.url))
- }
+ const libraryEntries: TopMenuDropdownParam = {
+ label: this.i18n('My library'),
+ children: [
+ {
+ label: this.i18n('My channels'),
+ routerLink: '/my-account/video-channels',
+ iconName: 'folder'
+ },
+ {
+ label: this.i18n('My videos'),
+ routerLink: '/my-account/videos',
+ iconName: 'videos'
+ },
+ {
+ label: this.i18n('My playlists'),
+ routerLink: '/my-account/video-playlists',
+ iconName: 'playlists'
+ },
+ {
+ label: this.i18n('My subscriptions'),
+ routerLink: '/my-account/subscriptions',
+ iconName: 'subscriptions'
+ },
+ {
+ label: this.i18n('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'
+ })
+ }
+
+ const miscEntries: TopMenuDropdownParam = {
+ label: this.i18n('Misc'),
+ children: [
+ {
+ label: this.i18n('Muted accounts'),
+ routerLink: '/my-account/blocklist/accounts',
+ iconName: 'user'
+ },
+ {
+ label: this.i18n('Muted instances'),
+ routerLink: '/my-account/blocklist/servers',
+ iconName: 'server'
+ },
+ {
+ label: this.i18n('Ownership changes'),
+ routerLink: '/my-account/ownership',
+ iconName: 'im-with-her'
+ }
+ ]
+ }
- ngOnDestroy () {
- if (this.routeSub) this.routeSub.unsubscribe()
+ this.menuEntries = [
+ {
+ label: this.i18n('My settings'),
+ routerLink: '/my-account/settings'
+ },
+ {
+ label: this.i18n('My notifications'),
+ routerLink: '/my-account/notifications'
+ },
+ libraryEntries,
+ miscEntries
+ ]
}
isVideoImportEnabled () {
- const importConfig = this.serverService.getConfig().import.videos
+ const importConfig = this.serverConfig.import.videos
return importConfig.http.enabled || importConfig.torrent.enabled
}
- private updateLabels (url: string) {
- const [ path ] = url.split('?')
-
- if (path.startsWith('/my-account/video-channels')) {
- this.libraryLabel = this.i18n('Channels')
- } else if (path.startsWith('/my-account/videos')) {
- this.libraryLabel = this.i18n('Videos')
- } else if (path.startsWith('/my-account/subscriptions')) {
- this.libraryLabel = this.i18n('Subscriptions')
- } else if (path.startsWith('/my-account/video-imports')) {
- this.libraryLabel = this.i18n('Video imports')
- } else {
- this.libraryLabel = ''
- }
-
- if (path.startsWith('/my-account/blocklist/accounts')) {
- this.miscLabel = this.i18n('Muted accounts')
- } else if (path.startsWith('/my-account/blocklist/servers')) {
- this.miscLabel = this.i18n('Muted instances')
- } else {
- this.miscLabel = ''
- }
- }
}