aswi2020anonymous-gitlab/fe/fulltextsearch/src/app/components/layout/main-nav/main-nav.component.ts @ 69da7086

import { Component } from '@angular/core';
import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
import { Observable } from 'rxjs';
import { map, shareReplay } from 'rxjs/operators';
import { AboutDialogComponent } from '../../shared-components/about-dialog/about-dialog.component';
import { MatDialog } from '@angular/material/dialog';
import { LoggerService } from '../../../services/logger/logger.service';
import { TranslateService } from '@ngx-translate/core';

@Component({
  selector: 'app-main-nav',
  templateUrl: './main-nav.component.html',
  styleUrls: ['./main-nav.component.css']
})
export class MainNavComponent {

  isHandset$: Observable<boolean> = this.breakpointObserver.observe(Breakpoints.Handset)
    .pipe(
      map(result => result.matches),
      shareReplay()
    );

  constructor(private breakpointObserver: BreakpointObserver,
              public dialog: MatDialog,
              private LOGGER: LoggerService,
              public translate: TranslateService ) {}

  openAboutDialog() {
    this.dialog.open(AboutDialogComponent, { panelClass: 'custom-dialog-container' });
  }

  onLanguageSelect(event, langSelect) {
    this.translate.use(langSelect.value);
    this.LOGGER.info('Selected language: ' + event.target.value);
  }

}