/*
 * Angular 2 decorators and services
 */
import {
  Component,
  OnInit,
  ViewEncapsulation
} from '@angular/core';
import { AppState } from './app.service';
import { AppConstants } from './shared/app.constants';
import { WorkspaceService } from './workspace';

/*
 * App Component
 * Top Level Component
 */
@Component({
  selector: 'app',
  encapsulation: ViewEncapsulation.None,
  styleUrls: [
    './app.component.css'
  ],
  template: `    
    <title-bar></title-bar>    
    <div *ngIf="showToolbar">
      <toolbar></toolbar>
    </div>
    <workspace [class.me-workspace-for-dashboard]="!showToolbar"></workspace>
  `
})


export class AppComponent implements OnInit {   
  showToolbar: boolean = false;

  constructor(
    public workspaceService: WorkspaceService
  ) {       

    this.workspaceService.workspaceRouter.subscribe((activeRoute: any) => {
      //Dashboard not required to diplay the tool bar
      if(activeRoute.url.indexOf('pm') != -1) {
        this.showToolbar = true;
      }
    }) 
  }

  public ngOnInit() {  
  }

  onTreeFocusEvent() {

  }
}