X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fmenu%2Fmenu.component.ts;h=371beb4a579620775cf8a152fc162349ceaa2d8a;hb=fc2ec87a8c4dcfbb91a1a62cf4c07a2a8e6a50fe;hp=f13ecc2c7be8bc85fae47a2dcc8d676d3aba8691;hpb=ad76628b17ff8f25d3402d6d669b274116bbf76c;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/menu/menu.component.ts b/client/src/app/menu/menu.component.ts index f13ecc2c7..371beb4a5 100644 --- a/client/src/app/menu/menu.component.ts +++ b/client/src/app/menu/menu.component.ts @@ -3,6 +3,7 @@ import { UserRight } from '../../../../shared/models/users/user-right.enum' import { AuthService, AuthStatus, RedirectService, ServerService, ThemeService } from '../core' import { User } from '../shared/users/user.model' import { LanguageChooserComponent } from '@app/menu/language-chooser.component' +import { HotkeysService } from 'angular2-hotkeys' @Component({ selector: 'my-menu', @@ -15,8 +16,9 @@ export class MenuComponent implements OnInit { user: User isLoggedIn: boolean userHasAdminAccess = false + helpVisible = false - private routesPerRight = { + private routesPerRight: { [ role in UserRight ]?: string } = { [UserRight.MANAGE_USERS]: '/admin/users', [UserRight.MANAGE_SERVER_FOLLOW]: '/admin/friends', [UserRight.MANAGE_VIDEO_ABUSES]: '/admin/moderation/video-abuses', @@ -29,7 +31,8 @@ export class MenuComponent implements OnInit { private authService: AuthService, private serverService: ServerService, private redirectService: RedirectService, - private themeService: ThemeService + private themeService: ThemeService, + private hotkeysService: HotkeysService ) {} ngOnInit () { @@ -54,6 +57,10 @@ export class MenuComponent implements OnInit { } } ) + + this.hotkeysService.cheatSheetToggle.subscribe(isOpen => { + this.helpVisible = isOpen + }) } isRegistrationAllowed () { @@ -101,6 +108,10 @@ export class MenuComponent implements OnInit { this.languageChooserModal.show() } + openHotkeysCheatSheet () { + this.hotkeysService.cheatSheetToggle.next(!this.helpVisible) + } + toggleDarkTheme () { this.themeService.toggleDarkTheme() }