aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+my-account/my-account.component.ts
blob: d3bf8d143ac40f3f40e65aec40d515461789dc5f (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
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 {
  menuEntries: TopMenuDropdownParam[] = []
  user: AuthUser

  private serverConfig: ServerConfig

  constructor (
    private serverService: ServerService,
    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: $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
    ]
  }
}