1 import { Injectable } from '@angular/core'
2 import { ScreenService } from '@app/shared/misc/screen.service'
3 import { fromEvent } from 'rxjs'
4 import { debounceTime } from 'rxjs/operators'
7 export class MenuService {
9 isMenuChangedByUser = false
12 private screenService: ScreenService
14 // Do not display menu on small screens
15 if (this.screenService.isInSmallView()) {
16 this.isMenuDisplayed = false
19 fromEvent(window, 'resize')
20 .pipe(debounceTime(200))
21 .subscribe(() => this.onResize())
25 this.isMenuDisplayed = !this.isMenuDisplayed
26 this.isMenuChangedByUser = true
30 this.isMenuDisplayed = window.innerWidth >= 800 && !this.isMenuChangedByUser