client/src/app/core/hotkeys/hotkeys.component.ts

   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   @Input() title = this.i18n('Keyboard Shortcuts:')
  13   helpVisible = false
  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 }