import { Component  } from '@angular/core';
import { Router } from '@angular/router';
import { Subscription } from 'rxjs/Subscription';
import {Broadcaster} from './../../pipes/Broadcaster';
import { SpeechRecognitionService } from './../../services/speech-recognition.service';
@Component({
   
    template: require('./home.component.html'),
    styles: [require('./home.component.css')]
})

export class HomeComponent  {
    private _opened: boolean = true;
     private _showBackdrop: boolean = false;
     private _closeOnClickOutside: boolean = false;
   constructor(private BroadcasterService: Broadcaster,private router: Router,private speechRecognitionService: SpeechRecognitionService) { 
 this.BroadcasterService.getMessage().subscribe(message => {
     
    
      this._opened =  this._opened ? false : true; });
 
       }

 MenuList=[
    {name:"Form Elements",
    link:"",
    icon:"fa fa-info-circle", 
    dropdown:[
      {name:"Date Picker",link:"datepicker",icon:"fa fa-info-circle"},
      {name:"Time Picker",link:"timepicker",icon:"fa fa-info-circle"},
      {name:"Input File",link:"inputfile",icon:"fa fa-info-circle"}
      ]
    
  },
  {name:"Sidebar Navigation",
    link:"/Sidebar",
    icon:"fa fa-info-circle" 
    
      
    
  },
  {name:"Tabs",
    link:"/tabs",
    icon:"fa fa-info-circle" 
    
      
    
  },
  {name:"Menu",
    link:"/menu",
    icon:"fa fa-info-circle" 
    
      
    
  },{name:"Dropdown",
    link:"/dropdown",
    icon:"fa fa-info-circle" 
    
      
    
  }
    ,
  {name:"Accordian",
    link:"/acc",
    icon:"fa fa-info-circle" 
    
      
    
  },
  {name:"Validation",
    link:"/validation",
    icon:"fa fa-info-circle" 
      
  }
    ,
  {name:"Login",
    link:"/login",
    icon:"fa fa-info-circle" 
    
      
    
  },
  {name:"About Us",
    link:"/AboutUs",
    icon:"fa fa-info-circle" 
    
      
    
  },{name:"Contact Us",
    link:"/ContactUs",
    icon:"fa fa-info-circle" 
    
      
    
  },{name:"Footer",
    link:"/Footer",
    icon:"fa fa-info-circle" 
    
      
    
  }
    ] ;
 
   
        
}
    