1 import { HotkeysService } from 'angular2-hotkeys'
2 import { Component, OnInit, ViewChild } from '@angular/core'
3 import { AuthService, AuthStatus, RedirectService, ScreenService, ServerService, User, UserService } from '@app/core'
4 import { LanguageChooserComponent } from '@app/menu/language-chooser.component'
5 import { QuickSettingsModalComponent } from '@app/modal/quick-settings-modal.component'
6 import { I18n } from '@ngx-translate/i18n-polyfill'
7 import { ServerConfig, UserRight, VideoConstant } from '@shared/models'
11 templateUrl: './menu.component.html',
12 styleUrls: [ './menu.component.scss' ]
14 export class MenuComponent implements OnInit {
15 @ViewChild('languageChooserModal', { static: true }) languageChooserModal: LanguageChooserComponent
16 @ViewChild('quickSettingsModal', { static: true }) quickSettingsModal: QuickSettingsModalComponent
21 userHasAdminAccess = false
24 videoLanguages: string[] = []
26 private languages: VideoConstant<string>[] = []
27 private serverConfig: ServerConfig
28 private routesPerRight: { [ role in UserRight ]?: string } = {
29 [UserRight.MANAGE_USERS]: '/admin/users',
30 [UserRight.MANAGE_SERVER_FOLLOW]: '/admin/friends',
31 [UserRight.MANAGE_VIDEO_ABUSES]: '/admin/moderation/video-abuses',
32 [UserRight.MANAGE_VIDEO_BLACKLIST]: '/admin/moderation/video-blocks',
33 [UserRight.MANAGE_JOBS]: '/admin/jobs',
34 [UserRight.MANAGE_CONFIGURATION]: '/admin/config'
38 private authService: AuthService,
39 private userService: UserService,
40 private serverService: ServerService,
41 private redirectService: RedirectService,
42 private hotkeysService: HotkeysService,
43 private screenService: ScreenService,
47 get isInMobileView () {
48 return this.screenService.isInMobileView()
52 if (this.isInMobileView) {
53 return 'left-top auto'
55 return 'right-top auto'
60 this.serverConfig = this.serverService.getTmpConfig()
61 this.serverService.getConfig()
62 .subscribe(config => this.serverConfig = config)
64 this.isLoggedIn = this.authService.isLoggedIn()
65 if (this.isLoggedIn === true) this.user = this.authService.getUser()
66 this.computeIsUserHasAdminAccess()
68 this.authService.loginChangedSource.subscribe(
70 if (status === AuthStatus.LoggedIn) {
71 this.isLoggedIn = true
72 this.user = this.authService.getUser()
73 this.computeIsUserHasAdminAccess()
74 console.log('Logged in.')
75 } else if (status === AuthStatus.LoggedOut) {
76 this.isLoggedIn = false
78 this.computeIsUserHasAdminAccess()
79 console.log('Logged out.')
81 console.error('Unknown auth status: ' + status)
86 this.hotkeysService.cheatSheetToggle
87 .subscribe(isOpen => this.helpVisible = isOpen)
89 this.serverService.getVideoLanguages()
90 .subscribe(languages => {
91 this.languages = languages
93 this.authService.userInformationLoaded
94 .subscribe(() => this.buildUserLanguages())
99 return this.languageChooserModal.getCurrentLanguage()
103 if (!this.user) return
105 switch (this.user.nsfwPolicy) {
107 return this.i18n('hide')
110 return this.i18n('blur')
113 return this.i18n('display')
117 isRegistrationAllowed () {
118 return this.serverConfig.signup.allowed &&
119 this.serverConfig.signup.allowedForCurrentIP
122 getFirstAdminRightAvailable () {
123 const user = this.authService.getUser()
124 if (!user) return undefined
126 const adminRights = [
127 UserRight.MANAGE_USERS,
128 UserRight.MANAGE_SERVER_FOLLOW,
129 UserRight.MANAGE_VIDEO_ABUSES,
130 UserRight.MANAGE_VIDEO_BLACKLIST,
131 UserRight.MANAGE_JOBS,
132 UserRight.MANAGE_CONFIGURATION
135 for (const adminRight of adminRights) {
136 if (user.hasRight(adminRight)) {
144 getFirstAdminRouteAvailable () {
145 const right = this.getFirstAdminRightAvailable()
147 return this.routesPerRight[right]
150 logout (event: Event) {
151 event.preventDefault()
153 this.authService.logout()
154 // Redirect to home page
155 this.redirectService.redirectToHomepage()
158 openLanguageChooser () {
159 this.languageChooserModal.show()
162 openHotkeysCheatSheet () {
163 this.hotkeysService.cheatSheetToggle.next(!this.helpVisible)
166 openQuickSettings () {
167 this.quickSettingsModal.show()
171 if (!this.user) return
172 this.user.webTorrentEnabled = !this.user.webTorrentEnabled
174 this.userService.updateMyProfile({ webTorrentEnabled: this.user.webTorrentEnabled })
175 .subscribe(() => this.authService.refreshUserInformation())
178 langForLocale (localeId: string) {
179 if (localeId === '_unknown') return this.i18n('Unknown')
181 return this.languages.find(lang => lang.id === localeId).label
184 private buildUserLanguages () {
186 this.videoLanguages = []
190 if (!this.user.videoLanguages) {
191 this.videoLanguages = [ this.i18n('any language') ]
195 this.videoLanguages = this.user.videoLanguages
196 .map(locale => this.langForLocale(locale))
197 .map(value => value === undefined ? '?' : value)
200 private computeIsUserHasAdminAccess () {
201 const right = this.getFirstAdminRightAvailable()
203 this.userHasAdminAccess = right !== undefined