src/app/common-components/main-navigation/main-navigation.component.ts

import { Component, OnInit, Input } from '@angular/core';
import { SessionContext } from '../../common/session-context';
import { MdDialog, MdDialogConfig } from '@angular/material';
import { LogoutComponent } from '../../dialogs/logout/logout.component';
import { ShiftChangeComponent } from '../../dialogs/shift-change/shift-change.component';
import { Router } from '@angular/router';

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

 
  private dialogConfig = new MdDialogConfig();
  private alertCounter = 0;

  constructor(
    public sessionContext: SessionContext,
    public dialog: MdDialog,
    public router: Router
  ) { }

  ngOnInit() {
    this.dialogConfig.disableClose = true;
  }

  openDialogLogout() {
    this.dialogConfig.data = this;
    const dialogRef = this.dialog.open(LogoutComponent, this.dialogConfig);
    dialogRef.afterClosed().subscribe(result => {
    });
  }

  openDialogShiftChange() {
    const dialogRef = this.dialog.open(ShiftChangeComponent, this.dialogConfig);
    dialogRef.afterClosed().subscribe(result => {
      if (dialogRef.componentInstance.isChangingShift) {
        this.openDialogLogout();
      }
    });
  }
  
  goToSearchPage() {
    this.router.navigate(['/search']);
  }

  setFilterExpansionState() {    
    this.sessionContext.setFilterExpansionState(!this.sessionContext.filterExpanded);
  }

  logout() {
    this.sessionContext.clearStorage();    
  }

  goToReminderPage() {
    this.router.navigate(['/reminders']);
  }

  goToShiftChangeOverview() {
    this.router.navigate(['/shiftChangeOverview']);
  }
  goToOverview() {
    this.router.navigate(['/overview']);
  }
}