import { Component, OnInit, ViewChild } from '@angular/core';
import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
import { rootDefaultService } from '../service/root.service';

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

  @ViewChild('drawer') drawer: any;
  constructor(public breakpointObserver: BreakpointObserver, 
    private rootDefaultService: rootDefaultService) { 

      

    }

  ngOnInit() {
    this.breakpointObserver
      .observe(['(min-width: 600px)'])
      .subscribe((state: BreakpointState) => {
        if (state.matches) {
        	this.drawer.open();
        } else {
        	this.drawer.close();
        }
      });

    this.rootDefaultService.OnToggleSideNav.subscribe(mode=>{
      this.drawer.opened =  !this.drawer.opened;
    })
  }

  
}