diff options
Diffstat (limited to 'client/src/app/core/hotkeys/hotkeys.component.ts')
-rw-r--r-- | client/src/app/core/hotkeys/hotkeys.component.ts | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/client/src/app/core/hotkeys/hotkeys.component.ts b/client/src/app/core/hotkeys/hotkeys.component.ts new file mode 100644 index 000000000..f6f299965 --- /dev/null +++ b/client/src/app/core/hotkeys/hotkeys.component.ts | |||
@@ -0,0 +1,46 @@ | |||
1 | import { Component, OnInit, OnDestroy, Input } from '@angular/core' | ||
2 | import { Subscription } from 'rxjs' | ||
3 | import { I18n } from '@ngx-translate/i18n-polyfill' | ||
4 | import { HotkeysService, Hotkey } from 'angular2-hotkeys' | ||
5 | |||
6 | @Component({ | ||
7 | selector : 'my-hotkeys-cheatsheet', | ||
8 | templateUrl : './hotkeys.component.html', | ||
9 | styleUrls: [ './hotkeys.component.scss' ] | ||
10 | }) | ||
11 | export class CheatSheetComponent implements OnInit, OnDestroy { | ||
12 | helpVisible = false | ||
13 | @Input() title = this.i18n('Keyboard Shortcuts:') | ||
14 | subscription: Subscription | ||
15 | |||
16 | hotkeys: Hotkey[] | ||
17 | |||
18 | constructor ( | ||
19 | private hotkeysService: HotkeysService, | ||
20 | private i18n: I18n | ||
21 | ) {} | ||
22 | |||
23 | public ngOnInit (): void { | ||
24 | this.subscription = this.hotkeysService.cheatSheetToggle.subscribe((isOpen) => { | ||
25 | if (isOpen !== false) { | ||
26 | this.hotkeys = this.hotkeysService.hotkeys.filter(hotkey => hotkey.description) | ||
27 | } | ||
28 | |||
29 | if (isOpen === false) { | ||
30 | this.helpVisible = false | ||
31 | } else { | ||
32 | this.toggleCheatSheet() | ||
33 | } | ||
34 | }) | ||
35 | } | ||
36 | |||
37 | public ngOnDestroy (): void { | ||
38 | if (this.subscription) { | ||
39 | this.subscription.unsubscribe() | ||
40 | } | ||
41 | } | ||
42 | |||
43 | public toggleCheatSheet (): void { | ||
44 | this.helpVisible = !this.helpVisible | ||
45 | } | ||
46 | } | ||