-import { Component, OnDestroy, OnInit } from '@angular/core'
+import { Component } 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'
@Component({
selector: 'my-my-account',
templateUrl: './my-account.component.html',
styleUrls: [ './my-account.component.scss' ]
})
-export class MyAccountComponent implements OnInit, OnDestroy {
-
- libraryLabel = ''
-
- private routeSub: Subscription
+export class MyAccountComponent {
+ menuEntries: TopMenuDropdownParam[] = []
constructor (
private serverService: ServerService,
- private router: Router,
private i18n: I18n
- ) {}
+ ) {
- ngOnInit () {
- this.updateLibraryLabel(this.router.url)
+ const libraryEntries: TopMenuDropdownParam = {
+ label: this.i18n('My library'),
+ children: [
+ {
+ label: this.i18n('My channels'),
+ routerLink: '/my-account/video-channels'
+ },
+ {
+ label: this.i18n('My videos'),
+ routerLink: '/my-account/videos'
+ },
+ {
+ label: this.i18n('My playlists'),
+ routerLink: '/my-account/video-playlists'
+ },
+ {
+ label: this.i18n('My subscriptions'),
+ routerLink: '/my-account/subscriptions'
+ },
+ {
+ label: this.i18n('My history'),
+ routerLink: '/my-account/history/videos'
+ }
+ ]
+ }
- this.routeSub = this.router.events
- .pipe(filter(event => event instanceof NavigationStart))
- .subscribe((event: NavigationStart) => this.updateLibraryLabel(event.url))
- }
+ if (this.isVideoImportEnabled()) {
+ libraryEntries.children.push({
+ label: 'My imports',
+ routerLink: '/my-account/video-imports'
+ })
+ }
- ngOnDestroy () {
- if (this.routeSub) this.routeSub.unsubscribe()
+ const miscEntries: TopMenuDropdownParam = {
+ label: this.i18n('Misc'),
+ children: [
+ {
+ label: this.i18n('Muted accounts'),
+ routerLink: '/my-account/blocklist/accounts'
+ },
+ {
+ label: this.i18n('Muted instances'),
+ routerLink: '/my-account/blocklist/servers'
+ },
+ {
+ label: this.i18n('Ownership changes'),
+ routerLink: '/my-account/ownership'
+ }
+ ]
+ }
+
+ this.menuEntries = [
+ {
+ label: this.i18n('My settings'),
+ routerLink: '/my-account/settings'
+ },
+ {
+ label: this.i18n('My notifications'),
+ routerLink: '/my-account/notifications'
+ },
+ libraryEntries,
+ miscEntries
+ ]
}
isVideoImportEnabled () {
return importConfig.http.enabled || importConfig.torrent.enabled
}
- private updateLibraryLabel (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 = ''
- }
- }
}