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
10 menuWidth = 240 // should be kept equal to $menu-width
13 private screenService: ScreenService
15 // Do not display menu on small screens
16 if (this.screenService.isInSmallView()) {
17 this.isMenuDisplayed = false
20 fromEvent(window, 'resize')
21 .pipe(debounceTime(200))
22 .subscribe(() => this.onResize())
26 this.isMenuDisplayed = !this.isMenuDisplayed
27 this.isMenuChangedByUser = true
31 this.isMenuDisplayed = window.innerWidth >= 800 && !this.isMenuChangedByUser