import {ROUTER_DIRECTIVES, provideRouter} from '@angular/router';
import {RouterService} from 'backlive/service';
import {Route} from './routes';

import {AuthGuard} from './auth.guard';

export const APP_ROUTER_PROVIDERS = [ 
    provideRouter(RouterService.AppRoutes(Route, AuthGuard)),
    AuthGuard
]

import {Path} from 'backlive/config';

import {DashboardComponent} from './dashboard/dashboard.component';
import {RouteComponentMap} from 'backlive/routes';

/* services */
import {AppService, PopupAlert, RouterService, AuthRouterOutlet, ApiService, UserService} from 'backlive/service';

/* components */
import {BaseComponent, ModalComponent} from 'backlive/component/shared';
import {HeaderNavComponent, SlidingNavComponent, FooterNavComponent} from 'backlive/component/navigation';

/* models */
import {AppEvent, User} from 'backlive/service/model';

RouterService.setRouteMap(RouteComponentMap);

@Component({
    selector: 'backlive-app',
    template: `
      <header class="clearfix">
      	<header-nav></header-nav>
      </header>
      <div id="mainContainer">
          <div class="main clearfix" [class.nav-visible]="isSlidingNavVisible">
              <chart></chart>
              <router-outlet></router-outlet>
          </div>
          <sliding-nav [class.hidden]="!isSlidingNavVisible"></sliding-nav>
      </div>
      <footer>

 navigate(route: string[]) {
     this.routerService.navigate(route);
 }

 getRouteUrl(navItem: NavItem) {
     return this.routerService.getLinkUrl(navItem.route);
 }