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

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';

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

  languages: string[] = ['EN', 'DE', 'CZ'];

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

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

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

  onLanguageSelect(event) {
    console.log(event.target.value);
    this.LOGGER.error('Selected language ' + event.target.value);
  }

}